/* 导入阿里巴巴普惠字体 */
@import url('https://fonts.googleapis.com/css2?family=Alibaba+PuHuiTi+2.0:wght@300;400;500;600;700&display=swap');

/* 全局变量定义 */
:root {
  --primary-color: #00f3ff;
 /* --secondary-color: #9d4edd; */
  --accent-color: #ff00c8;
  --dark-bg: #0a0a1a;
  --darker-bg: #050510;
  --card-bg: rgba(20, 20, 40, 0.8);
  --card-bg-secondary: rgba(30, 30, 50, 0.8);
  --input-bg: rgba(25, 25, 45, 0.8);
  --text-primary: #ffffff;
  --text-secondary: #ccccff;
  --border-color: rgba(0, 243, 255, 0.3);
  --success-color: #00ff9d;
  --warning-color: #ffcc00;
  --error-color: #ff3860;
  --error-bg-color: rgba(255, 245, 245, 0.9);
  --gradient-start: #6a11cb;
  --gradient-end: #2575fc;
  --glow-effect: 0 0 10px rgba(0, 243, 255, 0.5);
  --transition-speed: 0.3s;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 基础重置样式 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

body {
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  background: var(--dark-bg);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(38, 51, 92, 0.2) 0%, transparent 20%),
    radial-gradient(circle at 90% 80%, rgba(106, 17, 203, 0.2) 0%, transparent 20%);
  font-size: 1rem; /* 基础字体大小 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

::-webkit-scrollbar-track {
  background: var(--darker-bg);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ==================== 不好记按钮专属样式 - 强制覆盖 ==================== */
div[style*="justify-content: flex-start"] > button#hard-to-remember-btn {
  padding: 4px 8px !important;
  font-size: 0.75em !important;
  background: linear-gradient(45deg, #9c7bff, #b8a1ff) !important;
  border: none !important;
  border-radius: 0 0 0 6px !important;
  color: white !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(156, 123, 255, 0.3) !important;
  position: relative !important;
  bottom: 0 !important;
  left: 0 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  min-height: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  -webkit-text-fill-color: white !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

div[style*="justify-content: flex-start"] > button#hard-to-remember-btn:hover {
  background: linear-gradient(45deg, #8a6bff, #a68fff) !important;
  box-shadow: 0 4px 12px rgba(156, 123, 255, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

div[style*="justify-content: flex-start"] > button#hard-to-remember-btn i {
  margin-right: 3px !important;
  font-size: 0.9em !important;
  color: white !important;
}

div[style*="justify-content: flex-start"] > button#word-error-btn {
  padding: 4px 8px !important;
  font-size: 0.75em !important;
  background: linear-gradient(45deg, #9c7bff, #b8a1ff) !important;
  border: none !important;
  border-radius: 0 0 0 6px !important;
  color: white !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(156, 123, 255, 0.3) !important;
  position: relative !important;
  bottom: 0 !important;
  left: 0 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  min-height: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  -webkit-text-fill-color: white !important;
}

div[style*="justify-content: flex-start"] > button#word-error-btn:hover {
  background: linear-gradient(45deg, #8a6bff, #a68fff) !important;
  box-shadow: 0 4px 12px rgba(156, 123, 255, 0.4) !important;
  transform: translateY(-1px) !important;
}

div[style*="justify-content: flex-end"] > button#word-error-btn i {
  margin-right: 3px !important;
  font-size: 0.9em !important;
  color: white !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 下拉框样式 */
select {
  background-color: var(--card-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px 10px;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 0.9rem;
  outline: none;
  transition: all var(--transition-speed);
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

select:hover {
  box-shadow: var(--glow-effect);
  border-color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

select:focus {
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
  border-color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 自定义下拉框样式 */
.styled-select {
  border-radius: 6px;
  height: 40px !important;
  min-height: 40px !important;
  min-width: 120px;
  width: auto;
  max-width: 100%;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
  font-size: 0.9rem !important;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  box-sizing: border-box !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

select option {
  background-color: var(--darker-bg);
  color: var(--text-primary);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
  font-size: 0.9rem !important;
  min-height: 30px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 大屏幕下选择框优化 */
@media (min-width: 1681px) {
  select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  select option {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    min-height: 28px !important;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .styled-select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    height: 36px !important;
    min-height: 36px !important;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 基础卡片样式 */
.card {
  background: var(--card-bg);
  border-radius: 15px;
  padding: 20px;
  border: 1px solid var(--border-color);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 发光动画 */
@keyframes glow-pulse {
  0% { box-shadow: 0 0 5px rgba(0, 243, 255, 0.5); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  50% { box-shadow: 0 0 20px rgba(0, 243, 255, 0.8); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  100% { box-shadow: 0 0 5px rgba(0, 243, 255, 0.5); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

@keyframes border-glow {
  0% { border-color: rgba(0, 243, 255, 0.3); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  50% { border-color: rgba(0, 243, 255, 0.8); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  100% { border-color: rgba(0, 243, 255, 0.3); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 标题字体样式 */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  letter-spacing: 1px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 按钮样式 */
.btn {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-speed);
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  box-shadow: var(--glow-effect);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评选项按钮样式 */
.assessment-option {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  padding: 12px 20px;
  font-size: 1.1em;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  color: white;
  border: 1px solid var(--border-color);
  box-shadow: var(--glow-effect);
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-option.selected {
  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
  border-color: var(--primary-color);
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
  transform: translateY(-2px);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-option:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn:active {
  transform: translateY(0);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-primary, .start-learning-btn {
  padding: 6px 12px;
  font-size: 0.85rem;
  margin: 0 8px 8px 0;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-secondary {
  padding: 6px 12px;
  font-size: 0.85rem;
  margin: 0 8px 8px 0;
  background: linear-gradient(45deg, #2c3e50, #4a6491);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-info {
  padding: 6px 12px;
  font-size: 0.85rem;
  margin: 0 8px 8px 0;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  min-width: 80px; /* 与AI批改按钮保持相同宽度 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-correct {
  background: linear-gradient(45deg, #00b09b, #96c93d);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-wrong {
  background: linear-gradient(45deg, #ff416c, #ff4b2b);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词认读测评样式 */
.comprehension-word {
  text-align: center;
  margin: 20px 0;
  font-size: 2.5em;
  font-weight: bold;
  color: var(--primary-color);
  text-shadow: 0 0 10px rgba(0, 243, 255, 0.7);
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comprehension-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  max-width: 800px;
  margin: 0 auto;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comprehension-option {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background: rgba(26, 26, 46, 0.8);
  border: 2px solid var(--border-color);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1.2em;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comprehension-option:hover {
  background: rgba(30, 58, 138, 0.8);
  border-color: var(--primary-color);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 243, 255, 0.4);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comprehension-option.selected {
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  border-color: var(--primary-color);
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
  transform: translateY(-3px);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comprehension-option-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--primary-color);
  color: var(--dark-bg);
  border-radius: 50%;
  font-weight: bold;
  margin-right: 15px;
  flex-shrink: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comprehension-option-text {
  flex-grow: 1;
  text-align: left;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 登录面板样式 */
#authPanel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, var(--darker-bg) 0%, var(--dark-bg) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.login-form {
  background: var(--card-bg);
  border-radius: 15px;
  padding: 40px;
  width: 100%;
  max-width: 400px;
  backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  box-shadow: 0 0 30px rgba(0, 243, 255, 0.5);
  animation: glow-pulse 2s infinite;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.login-form h2 {
  text-align: center;
  margin-bottom: 30px;
  color: var(--text-primary);
  font-size: 1.5rem;
  text-shadow: 0 0 10px rgba(0, 243, 255, 0.8);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.form-group {
  margin-bottom: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词编辑表单样式 - 字段和内容在同一行 */
#wordBankModal .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#wordBankModal .form-group label {
  flex: 0 0 80px;
  margin-bottom: 0;
  margin-right: 10px;
  text-align: right;
  white-space: nowrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#wordBankModal .form-group input {
  flex: 1;
  min-width: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.form-group input {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.form-group input:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 主面板样式 */
#mainPanel {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 顶部导航栏 */
.top-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  background: var(--card-bg);
  border-bottom: 1px solid var(--border-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.logo-section {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.logo-section img {
  height: 40px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.system-title {
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--primary-color);
  text-shadow: 0 0 5px rgba(0, 243, 255, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-section {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-section span {
  font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 主内容区域 */
.main-content {
  display: flex;
  flex: 1;
  overflow: hidden;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 侧边导航 */
.side-navigation {
  width: 250px;
  background: var(--card-bg);
  border-right: 1px solid var(--border-color);
  padding: 20px 0;
  overflow-y: auto;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.menu-items {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.menu-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 25px;
  background: transparent;
  border: none;
  color: var(--text-secondary);
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 1rem;
  cursor: pointer;
  transition: all var(--transition-speed);
  text-align: left;
  width: 100%;
  border-left: 3px solid transparent;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.menu-item:hover {
  background: rgba(0, 243, 255, 0.1);
  color: var(--text-primary);
  border-left: 3px solid var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.menu-item.active {
  background: rgba(0, 243, 255, 0.2);
  color: var(--text-primary);
  border-left: 3px solid var(--primary-color);
  box-shadow: inset 0 0 10px rgba(0, 243, 255, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.menu-item i {
  width: 20px;
  text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 内容区域 */
.content-area {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background: var(--dark-bg);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.panel {
  display: none;
  height: 100%;
  animation: fadeIn 0.5s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.panel.active {
  display: block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  to { opacity: 1; transform: translateY(0); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 面板头部 */
.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.panel-header h2 {
  font-size: 1.5rem;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grade-module-selector {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grade-module-selector label {
  font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grade-module-selector select {
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词记忆内容 */
.word-memory-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-card {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 30px;
  border: 1px solid var(--border-color);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
  text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word {
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 3.75em;
  font-weight: bold;
  color: var(--primary-color);
  text-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.phonetic {
  font-size: 1.2em;
  margin-top: 10px;
  color: var(--text-secondary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.phonetic i {
  margin-left: 10px;
  cursor: pointer;
  color: var(--primary-color);
  transition: all var(--transition-speed);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.phonetic i:hover {
  transform: scale(1.1);
  text-shadow: 0 0 5px rgba(0, 243, 255, 0.8);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 复读文字样式 - 使用与单词英文相同的颜色 */
.phonetic span {
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  color: var(--primary-color);
  text-shadow: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.pos {
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 15px;
  color: white;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.details p {
  margin: 15px 0;
  font-size: 1.1em;
  line-height: 1.6;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 释义中文信息使用白色 */
.meaning {
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.meaning-large {
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 优化AI记忆法内容样式 */
#ai-memory-content {
  display: inline-block;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  color: var(--secondary-color);
  background: var(--darker-bg);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 12px 15px;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(156, 39, 176, 0.3); /* 紫色光晕效果 */
  transition: all var(--transition-speed);
}

/* AI全脑速记图片下方的记忆法样式 */
#aiphoto-memory-content {
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.6;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#ai-memory-content:hover {
  box-shadow: 0 0 15px rgba(156, 39, 176, 0.6);
  background: var(--darker-bg);
  transform: translateY(-2px);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* AI记忆法容器样式 */
.details p {
  margin: 12px 0;
  line-height: 1.6;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 优化按钮样式 */
button#refresh-memory-btn, button#save-memory-btn {
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  margin-left: 8px;
  padding: 5px 10px;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
  color: white;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 0.9em;
  transition: all var(--transition-speed);
  box-shadow: var(--glow-effect);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

button#refresh-memory-btn:hover, button#save-memory-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.7);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

button#save-memory-btn {
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 加载动画 */
.loading-spinner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 2px solid var(--primary-color);
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

@keyframes spin {
  0% { transform: rotate(0deg); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  100% { transform: rotate(360deg); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ==================== 抗遗忘训练分页控件 - 暗色主题 ==================== */
/* 分页控件容器 */
#errorWordsPagination,
body #errorWordsPagination {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 分页控件中的文字 */
#errorWordsPagination span,
body #errorWordsPagination span {
  color: var(--text-secondary) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 页面大小选择器 */
#errorWordsPageSizeSelect,
body #errorWordsPageSizeSelect {
  background-color: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
  padding: 8px 14px !important;
  font-size: 16px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsPageSizeSelect:hover,
body #errorWordsPageSizeSelect:hover {
  border-color: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsPageSizeSelect:focus,
body #errorWordsPageSizeSelect:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 243, 255, 0.2) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsPageSizeSelect option,
body #errorWordsPageSizeSelect option {
  background-color: var(--dark-bg) !important;
  color: var(--text-primary) !important;
  padding: 8px 14px !important;
  font-size: 16px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 自定义页面大小输入框 */
#errorWordsCustomPageSize,
body #errorWordsCustomPageSize {
  background-color: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
  padding: 8px 12px !important;
  font-size: 16px !important;
  width: 100px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsCustomPageSize:hover,
body #errorWordsCustomPageSize:hover {
  border-color: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsCustomPageSize:focus,
body #errorWordsCustomPageSize:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 243, 255, 0.2) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 分页按钮 */
#errorWordsFirstPageBtn,
#errorWordsPrevPageBtn,
#errorWordsNextPageBtn,
#errorWordsLastPageBtn,
.pagination-btn,
body #errorWordsFirstPageBtn,
body #errorWordsPrevPageBtn,
body #errorWordsNextPageBtn,
body #errorWordsLastPageBtn,
body .pagination-btn {
  background-color: var(--input-bg) !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--border-color) !important;
  padding: 10px 18px !important;
  font-size: 16px !important;
  transition: all var(--transition-speed) !important;
  min-width: 48px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsFirstPageBtn:hover,
#errorWordsPrevPageBtn:hover,
#errorWordsNextPageBtn:hover,
#errorWordsLastPageBtn:hover,
.pagination-btn:hover,
body #errorWordsFirstPageBtn:hover,
body #errorWordsPrevPageBtn:hover,
body #errorWordsNextPageBtn:hover,
body #errorWordsLastPageBtn:hover,
body .pagination-btn:hover {
  background-color: var(--card-bg) !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--glow-effect) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 当前页码按钮 */
.pagination-btn[style*="background: #007bff"],
body .pagination-btn[style*="background: #007bff"],
.pagination-btn.active,
body .pagination-btn.active {
  background-color: var(--primary-color) !important;
  color: var(--dark-bg) !important;
  border-color: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 禁用状态 */
#errorWordsFirstPageBtn[disabled],
#errorWordsPrevPageBtn[disabled],
#errorWordsNextPageBtn[disabled],
#errorWordsLastPageBtn[disabled],
.pagination-btn[disabled],
body #errorWordsFirstPageBtn[disabled],
body #errorWordsPrevPageBtn[disabled],
body #errorWordsNextPageBtn[disabled],
body #errorWordsLastPageBtn[disabled],
body .pagination-btn[disabled] {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  background-color: var(--card-bg) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsFirstPageBtn[disabled]:hover,
#errorWordsPrevPageBtn[disabled]:hover,
#errorWordsNextPageBtn[disabled]:hover,
#errorWordsLastPageBtn[disabled]:hover,
.pagination-btn[disabled]:hover,
body #errorWordsFirstPageBtn[disabled]:hover,
body #errorWordsPrevPageBtn[disabled]:hover,
body #errorWordsNextPageBtn[disabled]:hover,
body #errorWordsLastPageBtn[disabled]:hover,
body .pagination-btn[disabled]:hover {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 页码信息 */
#errorWordsPageInfo,
body #errorWordsPageInfo {
  color: var(--text-secondary) !important;
  font-size: 16px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 页码容器 */
#errorWordsPageNumbers,
body #errorWordsPageNumbers {
  display: flex;
  gap: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 页码数字按钮 */
#errorWordsPageNumbers button,
body #errorWordsPageNumbers button {
  background-color: var(--input-bg) !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--border-color) !important;
  padding: 8px 14px !important;
  min-width: 40px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all var(--transition-speed) !important;
  font-size: 16px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsPageNumbers button:hover,
body #errorWordsPageNumbers button:hover {
  background-color: var(--card-bg) !important;
  border-color: var(--primary-color) !important;
  box-shadow: var(--glow-effect) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsPageNumbers button[style*="background: #007bff"],
body #errorWordsPageNumbers button[style*="background: #007bff"] {
  background-color: var(--primary-color) !important;
  color: var(--dark-bg) !important;
  border-color: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ==================== 错词库全选复选框 - 暗色主题 ==================== */
#selectAllCheckbox,
body #selectAllCheckbox {
  width: 22px !important;
  height: 22px !important;
  cursor: pointer !important;
  accent-color: var(--primary-color) !important;
  border: 2px solid var(--border-color) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
  background-color: var(--input-bg) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#selectAllCheckbox:hover,
body #selectAllCheckbox:hover {
  border-color: var(--primary-color) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 0 10px rgba(0, 243, 255, 0.5) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#selectAllCheckbox:checked,
body #selectAllCheckbox:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#custom-memory-content {
  display: inline;
  background: none;
  border: none;
  padding: 0;
  box-shadow: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#fixed-collocation, .mnemonic, .word-group, .example {
  color: var(--success-color);
  font-size: 1.1em;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 隐藏类 */
.hidden {
  display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-container {
  margin: 20px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress {
  height: 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  overflow: hidden;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));
  border-radius: 5px;
  transition: width 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.tip-container {
  text-align: center;
  margin-top: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.tip {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--warning-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.countdown {
  font-size: 1.5em;
  font-weight: 700;
  color: var(--primary-color);
  text-shadow: 0 0 5px rgba(0, 243, 255, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-actions {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 10px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-actions .btn {
  padding: 22px 40px;
  font-size: 1.2em;
  min-width: 160px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 正确和错误按钮样式 */
.btn-correct {
  background-color: var(--success-color);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  transition: all var(--transition-speed);
  display: inline-block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-correct:hover {
  background-color: var(--success-color);
  filter: brightness(0.9);
  transform: translateY(-2px);
  box-shadow: var(--glow-effect);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-wrong {
  background-color: var(--error-color);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  transition: all var(--transition-speed);
  display: inline-block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-wrong:hover {
  background-color: var(--error-color);
  filter: brightness(0.9);
  transform: translateY(-2px);
  box-shadow: var(--glow-effect);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.audio-controls {
  text-align: center;
  margin: 20px 0;
  display: none; /* 隐藏重复发音按钮所在的容器 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-primary, .start-learning-btn {
  padding: 6px 12px;
  font-size: 0.85rem;
  margin: 0 8px 8px 0;
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-primary:hover, .start-learning-btn:hover {
  background: var(--primary-color);
  filter: brightness(0.9);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-info:hover {
  background: var(--primary-color);
  filter: brightness(0.9);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learn-mode-info {
  background: rgba(0, 243, 255, 0.1);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learn-mode-info h3 {
  color: var(--primary-color);
  margin-bottom: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learn-mode-info p {
  line-height: 1.6;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}



#aiphoto-memory-content {
  margin-left: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习记录样式 */
.history-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.statistics-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 15px;
  background: rgba(0, 243, 255, 0.1);
  border-radius: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-label {
  font-size: 1rem;
  color: var(--text-secondary);
  margin-bottom: 5px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-value {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.date-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.date-group {
  display: flex;
  align-items: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.date-group label {
  margin-right: 10px;
  font-weight: bold;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.date-group input {
  padding: 8px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.search-btn {
  padding: 8px 20px;
  background-color: var(--primary-color);
  color: var(--dark-bg);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learning-records-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learning-records-table th {
  background-color: rgba(0, 243, 255, 0.2);
  padding: 12px 15px;
  text-align: center;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learning-records-table td {
  padding: 12px 15px;
  text-align: center;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learning-records-table tr:nth-child(even) {
  background-color: rgba(0, 243, 255, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.learning-records-table tr:hover {
  background-color: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评记录筛选控件样式 */
.assessment-filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  padding: 15px;
  background: var(--card-bg);
  border-radius: 8px;
  border: 1px solid var(--border-color);
}

.assessment-filter-controls .filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.assessment-filter-controls label {
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
}

.assessment-filter-controls .styled-input,
.assessment-filter-controls .styled-select {
  border-radius: 6px;
  height: 33px;
  padding: 0 10px;
  border: 1px solid var(--border-color);
  background: var(--input-bg);
  color: var(--text-primary);
  font-size: 14px;
}

.assessment-filter-controls .styled-input:focus,
.assessment-filter-controls .styled-select:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.2);
}

/* 浅色主题下的筛选控件样式 */
[data-theme="light"] .assessment-filter-controls {
  background: #ffffff;
  border-color: #ddd;
}

[data-theme="light"] .assessment-filter-controls .styled-input,
[data-theme="light"] .assessment-filter-controls .styled-select {
  background: #ffffff;
  border-color: #ddd;
  color: #333;
}

.pagination-control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.pagination-control label {
  font-weight: bold;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.pagination-control select {
  padding: 5px;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* 自定义页大小输入框样式 */
.pagination-control .custom-page-size {
  padding: 5px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  background: var(--input-bg);
  color: var(--text-primary);
  font-size: 14px;
  width: 80px;
  text-align: center;
}

.pagination-control .custom-page-size:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.pagination-control button {
  padding: 5px 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习报告样式 */
.details-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-card {
  background: var(--card-bg);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  transition: transform 0.2s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-card:hover {
  transform: translateY(-2px);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.card-header {
  background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
  color: white;
  padding: 15px 20px;
  font-size: 1rem;
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 暗色主题下移除面板头部的渐变背景 */
[data-theme="dark"] .card-header {
  background: var(--card-bg);
  border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.selector-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 暗色主题下移除面板头部的渐变背景 */
[data-theme="dark"] .card-header {
  background: var(--card-bg) !important;
  border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

[data-theme="dark"] .panel-header {
  border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.card-body {
  padding: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table tr {
  border-bottom: 1px solid rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table tr:last-child {
  border-bottom: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table .label {
  font-weight: 600;
  color: var(--text-secondary);
  padding: 12px 0;
  width: 40%;
  text-align: center;
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table .value {
  color: var(--text-primary);
  padding: 12px 0;
  text-align: center;
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table .value.highlight {
  color: var(--error-color);
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table .value.success {
  color: var(--success-color);
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.info-table .value.notes {
  color: var(--text-secondary);
  font-style: italic;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  margin: 5px;
  background: rgba(0, 243, 255, 0.05);
  border-radius: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-number {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-label {
  font-size: 0.9rem;
  color: var(--text-primary);
  margin-top: 5px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.time-filter-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.time-filter-btn {
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 60px;
  background-color: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.time-filter-btn:hover {
  border-color: rgba(0, 243, 255, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.time-filter-btn.active {
  color: white;
  border-color: transparent;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#daily-learning-chart {
  width: 100%;
  height: 400px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#chart-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--text-secondary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 语法学习样式 */
.grammar-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-card {
  background: rgba(0, 243, 255, 0.05);
  border-radius: 10px;
  padding: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-header {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-header h2 {
  color: var(--primary-color);
  margin-bottom: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-controls {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#grammar-level-select, #grammar-topic-select {
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: rgba(20, 20, 40, 0.8);
  color: var(--text-primary);
  min-width: 150px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-body {
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#grammar-explanation {
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* 去除语法讲解和实用例句区域的黑点marker */
#grammar-explanation h4,
#grammar-explanation h5,
#grammar-explanation .error-item,
#grammar-explanation .example-item,
#grammar-explanation div,
#grammar-examples-content .example-item,
#grammar-examples-content div {
  list-style: none !important;
}
#grammar-explanation h4::before,
#grammar-explanation h5::before,
#grammar-explanation .error-item::before,
#grammar-explanation .example-item::before,
#grammar-explanation div::before,
#grammar-examples-content .example-item::before,
#grammar-examples-content div::before {
  content: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#grammar-examples-content {
  margin-top: 20px;
}

/* 去除实用例句区域的黑点和marker */
#grammar-examples-content .example-item,
#grammar-examples-content div,
#grammar-examples-content span {
  list-style: none !important;
}
#grammar-examples-content .example-item::before,
#grammar-examples-content div::before {
  content: none !important;
  display: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 语法学习内容样式 - 暗色系优化 */
.tense-item {
  background: rgba(0, 243, 255, 0.08);
  border-left: 4px solid var(--primary-color);
  padding: 16px;
  margin: 12px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.tense-item h4 {
  color: var(--primary-color);
  margin-bottom: 8px;
  font-size: 1.1em;
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.tense-item p {
  color: var(--text-primary);
  line-height: 1.6;
  margin: 8px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.error-item {
  background: rgba(255, 107, 107, 0.1);
  border-left: 4px solid #ff6b6b;
  padding: 16px;
  margin: 12px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(255, 107, 107, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.error-item h4 {
  color: #ff6b6b;
  margin-bottom: 8px;
  font-size: 1.1em;
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.error-item p {
  color: var(--text-primary);
  line-height: 1.6;
  margin: 8px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.example-item {
  background: rgba(67, 230, 167, 0.1);
  border-left: 4px solid #43e6a7;
  padding: 16px;
  margin: 12px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(67, 230, 167, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.example-item h4 {
  color: #43e6a7;
  margin-bottom: 8px;
  font-size: 1.1em;
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.example-item p {
  color: var(--text-primary);
  line-height: 1.6;
  margin: 8px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.example-item .example-text {
  font-style: italic;
  color: var(--text-secondary);
  background: rgba(255, 255, 255, 0.05);
  padding: 8px 12px;
  border-radius: 4px;
  margin: 8px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.example-item .example-translation {
  color: var(--text-secondary);
  font-size: 0.95em;
  margin-top: 4px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 语法学习重点标识 */
.grammar-keyword {
  color: var(--primary-color);
  font-weight: bold;
  background: rgba(0, 243, 255, 0.15);
  padding: 2px 6px;
  border-radius: 3px;
  margin: 0 2px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-important {
  color: #ffd93d;
  font-weight: 600;
  background: rgba(255, 217, 61, 0.15);
  padding: 2px 6px;
  border-radius: 3px;
  margin: 0 2px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-note {
  background: rgba(255, 184, 77, 0.1);
  border-left: 3px solid #ffb84d;
  padding: 12px 16px;
  margin: 10px 0;
  border-radius: 6px;
  font-size: 0.95em;
  color: var(--text-secondary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 个人中心样式 */
.personal-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 抗遗忘训练样式 */
.error-words-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.error-words-panel {
  margin-top: 20px;
  padding: 20px;
  background: rgba(0, 243, 255, 0.05);
  border-radius: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.error-words-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.error-words-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsTable {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsTable th, #errorWordsTable td {
  border: 1px solid var(--border-color);
  padding: 8px;
  text-align: center;
  font-size: 18px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsTable th {
  background-color: rgba(0, 243, 255, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 确保"连续答对"在一行内显示 */
#errorWordsTable th:nth-child(7) {
  white-space: nowrap;
  word-break: keep-all;
  min-width: 80px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词列字体调大 */
#errorWordsTable td:nth-child(2) {
  font-size: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsTable tr:nth-child(even) {
  background-color: rgba(0, 243, 255, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#errorWordsTable tr:hover {
  background-color: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#noErrorWordsMessage {
  text-align: center;
  margin-top: 极光;
  color: var(--success-color);
  font-weight: bold;
  display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 抗遗忘训练表格按钮样式 */
.show-meaning-btn {
  background-color: #0066cc !important;
  color: white !important;
  border: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.show-meaning-btn:hover {
  background-color: #004499 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.delete-btn {
  background-color: #cc0000 !important;
  color: white !important;
  border: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.delete-btn:hover {
  background-color: #990000 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学员管理样式 
.user-management-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}*/

.search-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.search-bar input {
  flex: 2;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

.search-bar select {
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
  cursor: pointer;
  min-width: 100px;
}

.search-bar select:focus {
  outline: none;
  border-color: var(--primary-color);
}

/* 浅色主题下的搜索栏样式 */
[data-theme="light"] .search-bar select {
  background: #ffffff;
  border-color: #ddd;
  color: #333;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 表格容器 - 添加水平滚动，支持固定列 */
.table-container {
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
  margin: 15px 0;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  position: relative;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--text-primary);
  min-width: 1000px; /* 最小宽度确保表格内容完整 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-table th, .user-table td {
  border: 1px solid var(--border-color);
  padding: 8px 6px;
  text-align: center;
  white-space: nowrap; /* 确保内容在一行内显示 */
  overflow: visible;
  font-size: 0.85rem;
  min-width: 60px; /* 减小最小列宽 */
  max-width: none; /* 移除最大列宽限制 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学员卡列特殊宽度设置 */
.user-table th:nth-child(8),
.user-table td:nth-child(8) { /* 学员卡列是第8列 */
  min-width: 100px; /* 增加学员卡列的最小宽度 */
  width: auto;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 表格内按钮自适应样式 */
.user-table .btn {
  padding: 4px 8px;
  font-size: 0.8rem;
  min-width: 60px;
  white-space: nowrap;
  margin: 2px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-table .btn-sm {
  padding: 3px 6px;
  font-size: 0.75rem;
  min-width: 50px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-table th {
  background-color: rgba(0, 243, 255, 0.2);
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 10;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-table tr:nth-child(even) {
  background-color: rgba(0, 243, 255, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.user-table tr:hover {
  background-color: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词库管理样式 */
.word-bank-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-search input {
  flex: 2;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  color: var(--text-primary);
  min-width: 1200px; /* 最小宽度确保表格内容完整 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table th, .word-bank-table td {
  border: 1px solid var(--border-color);
  padding: 8px 6px;
  text-align: left;
  white-space: nowrap; /* 确保内容在一行内显示 */
  overflow: visible;
  font-size: 0.85rem;
  min-width: 60px; /* 减小最小列宽 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table th {
  background-color: rgba(0, 243, 255, 0.2);
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 10;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 完全固定前三列：复选框、操作、单词 - 自适应宽度 */
.word-bank-table {
  table-layout: auto; /* 自动布局，让列宽根据内容自适应 */
  width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 前三列使用sticky定位，自适应宽度 */
.word-bank-table th:nth-child(1),
.word-bank-table td:nth-child(1) {
  position: sticky;
  left: 0;
  background-color: rgba(0, 243, 255, 0.2);
  z-index: 100;
  min-width: 50px; /* 最小宽度 */
  max-width: none; /* 移除最大宽度限制 */
  width: auto; /* 自适应宽度 */
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  border-right: 2px solid rgba(0, 243, 255, 0.5);
  white-space: normal; /* 允许内容换行 */
  word-wrap: break-word; /* 允许长单词换行 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table th:nth-child(2),
.word-bank-table td:nth-child(2) {
  position: sticky;
  left: var(--fixed-col2-left, 50px); /* 初始位置，会被JavaScript动态更新 */
  background-color: rgba(0, 243, 255, 0.2);
  z-index: 100;
  min-width: 90px; /* 最小宽度 */
  max-width: none; /* 移除最大宽度限制 */
  width: auto; /* 自适应宽度 */
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  border-right: 2px solid rgba(0, 243, 255, 0.5);
  white-space: nowrap; /* 确保按钮在一行显示 */
  word-wrap: normal; /* 正常换行 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 操作列中的按钮样式 - 确保在一行显示 */
.word-bank-table td:nth-child(2) .operation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px; /* 按钮间距 */
  white-space: nowrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table td:nth-child(2) .btn {
  padding: 4px 8px;
  font-size: 0.8rem;
  line-height: 1.2;
  min-width: auto;
  white-space: nowrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table th:nth-child(3),
.word-bank-table td:nth-child(3) {
  position: sticky;
  left: 140px; /* 初始位置，会被JavaScript动态更新 */
  background-color: rgba(0, 243, 255, 0.2);
  z-index: 100;
  min-width: 120px; /* 最小宽度 */
  max-width: none; /* 移除最大宽度限制 */
  width: auto; /* 自适应宽度 */
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  border-right: 2px solid rgba(0, 243, 255, 0.5);
  white-space: normal; /* 允许内容换行 */
  word-wrap: break-word; /* 允许长单词换行 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 确保表格容器支持sticky定位 */
.table-container {
  overflow-x: auto;
  overflow-y: visible;
  position: relative;
  max-height: none; /* 移除固定高度限制 */
  width: 100%;
  margin: 15px 0;
  border-radius: 8px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 增强固定列的视觉效果 */
.word-bank-table th:nth-child(1),
.word-bank-table th:nth-child(2),
.word-bank-table th:nth-child(3) {
  position: sticky;
  top: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 确保固定列的背景颜色在hover时也保持 */
.word-bank-table tr:hover td:nth-child(1),
.word-bank-table tr:hover td:nth-child(2),
.word-bank-table tr:hover td:nth-child(3) {
  background-color: rgba(0, 243, 255, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 偶数行背景色 */
.word-bank-table tr:nth-child(even) td:nth-child(1),
.word-bank-table tr:nth-child(even) td:nth-child(2),
.word-bank-table tr:nth-child(even) td:nth-child(3) {
  background-color: rgba(0, 243, 255, 0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 增强固定效果，防止任何移动 */
.word-bank-table th:nth-child(1):before,
.word-bank-table td:nth-child(1):before,
.word-bank-table th:nth-child(2):before,
.word-bank-table td:nth-child(2):before,
.word-bank-table th:nth-child(3):before,
.word-bank-table td:nth-child(3):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table tr:nth-child(even) {
  background-color: rgba(0, 243, 255, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-bank-table tr:hover {
  background-color: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 响应式表格设计 */
@media (max-width: 1200px) {
  .user-table th, .user-table td {
    padding: 10px 6px;
    font-size: 0.9em;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .word-bank-table th, .word-bank-table td {
    padding: 10px 8px;
    font-size: 0.9em;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

@media (max-width: 768px) {
  .user-table th, .user-table td {
    padding: 8px 4px;
    font-size: 0.85em;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .word-bank-table th, .word-bank-table td {
    padding: 8px 6px;
    font-size: 0.85em;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .table-container {
    margin: 10px -15px;
    width: calc(100% + 30px);
    border-radius: 0;
    border-left: none;
    border-right: none;
    overflow-y: visible; /* 确保浅色主题下不显示滚动条 */
    max-height: none; /* 移除高度限制 */
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词导入导出样式 */
.import-export-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-group {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#import-area {
  margin-top: 20px;
  padding: 20px;
  border: 1px dashed var(--border-color);
  text-align: center;
  display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#import-file {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评报告样式 
.assessment-content {
  background: var(--card-bg);
  border-radius: 10px;
  padding: 20px;
  border: 1px solid var(--border-color);
}*/

#assessmentRecordsTable {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentRecordsTable th, #assessmentRecordsTable td {
  border: 1px solid var(--border-color);
  padding: 10px;
  text-align: center;
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentRecordsTable th {
  background-color: rgba(0, 243, 255, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentRecordsTable tr:nth-child(even) {
  background-color: rgba(0, 243, 255, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentRecordsTable tr:hover {
  background-color: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评报告详情样式 */
.assessment-report-header {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-report-header h4 {
  font-size: 1.25rem;
  margin-bottom: 10px;
  color: var(--primary-color);
}

/* 浅色主题下测评报告标题文字颜色 */
[data-theme="light"] .assessment-report-header h4 {
  color: #333333;
}

/* 浅色主题测评报告分数 - 红色手写体 */
[data-theme="light"] .assessment-report-header .assessment-score {
  color: #e53935 !important;
  font-family: 'Brush Script MT', 'Comic Sans MS', 'Ma Shan Zheng', 'STXingkai', 'KaiTi', cursive, sans-serif !important;
}

[data-theme="light"] .assessment-report-header p {
  color: #333333;
}

[data-theme="light"] .assessment-details h4 {
  color: #333333;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评报告分数 - 红色手写体 */
.assessment-score {
  font-size: 2rem;
  font-weight: 700;
  color: #e53935;
  font-family: 'Brush Script MT', 'Comic Sans MS', 'Ma Shan Zheng', 'STXingkai', 'KaiTi', cursive, sans-serif;
  margin: 10px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评详情表格容器 */
.assessment-details {
  overflow-x: auto; /* 允许横向滚动 */
  margin: 20px 0;
  -webkit-overflow-scrolling: touch; /* 使iOS上的滚动更流畅 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评详情表格样式 */
.assessment-details-table {
  width: 100%;
  min-width: 700px; /* 设置最小宽度 */
  border-collapse: collapse;
  margin: 0;
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th {
  background: rgba(0, 243, 255, 0.2);
  padding: 12px 15px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap; /* 强制表头不换行 */
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table td {
  padding: 12px 15px;
  text-align: center;
  border-bottom: 1px solid var(--border-color);
  word-wrap: break-word; /* 允许长单词换行 */
  word-break: break-word; /* 允许单词内换行 */
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table tr:last-child td {
  border-bottom: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table tr:nth-child(even) {
  background: rgba(0, 243, 255, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table tr:hover {
  background: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ===================================================
   AI故事背单词全面优化 - 青少年专用超大字体版本
   =================================================== */

/* 文章标题 - 青少年专用超大字体 */
#article-title {
  font-size: 2.8rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  margin: 40px 0 25px 0 !important;
  text-align: center !important;
  text-shadow: 0 0 20px rgba(0, 243, 255, 0.5) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 1.5px !important;
  padding: 15px 25px !important;
  background: rgba(0, 243, 255, 0.05) !important;
  border-radius: 15px !important;
  border: 2px solid rgba(0, 243, 255, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 文章内容 - 青少年专用超大字体 */
#article-content {
  padding: 10px 50px !important;
  background: rgba(0, 243, 255, 0.08) !important;
  border-radius: 20px !important;
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  font-size: 1.9rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.8px !important;
  margin: 30px 0 !important;
  border: 3px solid rgba(0, 243, 255, 0.25) !important;
  box-shadow: inset 0 0 25px rgba(0, 243, 255, 0.1) !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 文章中的单词高亮 - 更醒目的颜色 */
#article-content .word-highlight {
  color: var(--accent-color) !important;
  font-weight: 700 !important;
  background: rgba(255, 0, 200, 0.15) !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  text-shadow: 0 0 8px rgba(255, 0, 200, 0.3) !important;
  border-bottom: 2px dashed var(--accent-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 理解问题标题 */
#reading-content h4:not(#article-title) {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  margin: 40px 0 25px 0 !important;
  padding: 15px 25px !important;
  background: rgba(0, 243, 255, 0.1) !important;
  border-radius: 12px !important;
  border-left: 6px solid var(--primary-color) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 问题文本 - 青少年专用超大字体 */
.question-text {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  margin: 35px 0 25px 0 !important;
  padding: 25px 35px !important;
  background: rgba(0, 243, 255, 0.08) !important;
  border-radius: 18px !important;
  border: 2px solid rgba(0, 243, 255, 0.3) !important;
  line-height: 1.8 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 问题选项 */
.question-options {
  margin: 10px 0;
  padding: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单个选项 */
.question-option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin: 6px 0;
  background: var(--card-bg-secondary, rgba(26, 26, 46, 0.4));
  border: 1px solid var(--border-color, rgba(0, 243, 255, 0.2));
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 15px;
  color: var(--text-primary);
  line-height: 1.5;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.question-option:hover {
  background: rgba(30, 58, 138, 0.3);
  border-color: var(--primary-color);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 243, 255, 0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.question-option.selected {
  background: rgba(0, 243, 255, 0.15) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 20px rgba(0, 243, 255, 0.4) !important;
  transform: translateY(-3px) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 选项字母 - 青少年专用大字体 */
.option-letter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 55px !important;
  height: 55px !important;
  background: var(--primary-color) !important;
  color: var(--dark-bg) !important;
  border-radius: 50% !important;
  font-weight: 800 !important;
  margin-right: 25px !important;
  font-size: 1.5rem !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.6) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 提交答案按钮 - 青少年专用超大字体 */
#submit-answers-btn {
  font-size: 1.8rem !important;
  padding: 25px 70px !important;
  font-weight: 800 !important;
  margin: 50px auto !important;
  display: block !important;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end)) !important;
  border: 4px solid var(--primary-color) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 35px rgba(0, 243, 255, 0.5) !important;
  transition: all 0.3s ease !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 1.5px !important;
  min-width: 300px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#submit-answers-btn:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 35px rgba(0, 243, 255, 0.6) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 报告区域 - 青少年专用样式 */
#reading-report {
  margin-top: 60px !important;
  padding: 50px !important;
  background: var(--card-bg) !important;
  border-radius: 25px !important;
  border: 4px solid var(--primary-color) !important;
  box-shadow: 0 0 50px rgba(0, 243, 255, 0.4) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#reading-report h4 {
  font-size: 2.4rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  padding-bottom: 25px !important;
  border-bottom: 4px solid var(--primary-color) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 1px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 报告内容 */
#report-content {
  font-size: 1.7rem !important;
  line-height: 2.0 !important;
  font-weight: 500 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 报告中的分数显示 - 红色手写体 */
#report-content .score-display {
  font-size: 4rem !important;
  font-weight: 700 !important;
  color: #e53935 !important;
  text-align: center !important;
  margin: 40px 0 !important;
  font-family: 'Brush Script MT', 'Comic Sans MS', 'Ma Shan Zheng', 'STXingkai', 'KaiTi', cursive, sans-serif !important;
  padding: 20px !important;
  background: rgba(229, 57, 53, 0.08) !important;
  border-radius: 20px !important;
  border: 3px solid #e53935 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评详情表格 - 青少年专用大字体 */
.assessment-details {
  margin: 50px 0 !important;
  overflow-x: auto !important;
  border-radius: 20px !important;
  border: 3px solid rgba(0, 243, 255, 0.3) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details h4 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  margin: 40px 0 25px 0 !important;
  padding: 25px 35px !important;
  background: rgba(0, 243, 255, 0.1) !important;
  border-radius: 15px !important;
  border-left: 8px solid var(--primary-color) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 0.8px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table {
  width: 100% !important;
  min-width: 800px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--card-bg) !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评报告详情表头样式 - 纯色背景设计 */
/* 暗色主题（默认）- 深蓝色纯色背景 */
.assessment-details-table th {
  background: #2c3e50 !important;
  color: #ffffff !important;
  padding: 20px 15px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  border-bottom: 3px solid #3498db !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 浅色主题 - 浅蓝色纯色背景 */
[data-theme="light"] .assessment-details-table th {
  background: #e3f2fd !important;
  color: #1565c0 !important;
  padding: 20px 15px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  border-bottom: 3px solid #2196f3 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 0.5px !important;
  text-shadow: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table td {
  padding: 15px 12px !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(0, 243, 255, 0.15) !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: var(--text-primary) !important;
  vertical-align: middle !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table tr:last-child td {
  border-bottom: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table tr:nth-child(even) {
  background: rgba(0, 243, 255, 0.03) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table tr:hover {
  background: rgba(0, 243, 255, 0.08) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* AI智能单词文章表格特殊列宽设置 - 青少年优化 */
.assessment-details-table th:nth-child(1),
.assessment-details-table td:nth-child(1) { /* 题号列 */
  width: 60px !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th:nth-child(2),
.assessment-details-table td:nth-child(2) { /* 题目列 */
  width: 180px !important;
  text-align: left !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th:nth-child(3),
.assessment-details-table td:nth-child(3) { /* 选项列 */
  width: 250px !important;
  text-align: left !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th:nth-child(4),
.assessment-details-table td:nth-child(4) { /* 您的选择列 */
  width: 70px !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th:nth-child(5),
.assessment-details-table td:nth-child(5) { /* 正确答案列 */
  width: 70px !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th:nth-child(6),
.assessment-details-table td:nth-child(6) { /* 解析列 */
  width: 350px !important;
  text-align: left !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table th:nth-child(7),
.assessment-details-table td:nth-child(7) { /* 结果列 */
  width: 80px !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 正确/错误标记样式 - 结果列专用（只保留符号） */
.assessment-details-table .correct::before {
  content: "✓" !important;
  color: var(--success-color) !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  padding: 5px 10px !important;
  background: rgba(0, 255, 157, 0.1) !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table .incorrect::before {
  content: "✗" !important;
  color: var(--error-color) !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  padding: 5px 10px !important;
  background: rgba(255, 56, 96, 0.1) !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 选项字母标记 - 更醒目 */
.assessment-details-table .option-a::before,
.assessment-details-table .option-b::before,
.assessment-details-table .option-c::before,
.assessment-details-table .option-d::before {
  display: inline-block !important;
  padding: 10px 15px !important;
  margin-right: 10px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 1.3rem !important;
  color: white !important;
  min-width: 40px !important;
  text-align: center !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table .option-a::before {
  content: "A" !important;
  background: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table .option-b::before {
  content: "B" !important;
  background: var(--success-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table .option-c::before {
  content: "C" !important;
  background: var(--warning-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table .option-d::before {
  content: "D" !important;
  background: var(--accent-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ===================================================
   AI故事记单词选择题选项全面优化
   =================================================== */

/* 选项容器 */
.option-item {
  margin: 18px 0 !important;
  transition: all 0.3s ease !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 选项标签 - 青少年专用超大字体 */
.option-label {
  display: flex !important;
  align-items: center !important;
  padding: 10px 35px !important;
  background: rgba(26, 26, 46, 0.6) !important;
  border: 3px solid rgba(0, 243, 255, 0.3) !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'SimHei', sans-serif !important;
  width: 100% !important;
/*  margin: 0 !important;*/
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
  line-height: 1.7 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 浅色主题下选项标签的白底样式 */
[data-theme="light"] .option-label {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(0, 102, 255, 0.15) !important;
  color: #1a365d !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

[data-theme="light"] .option-label:hover {
  background: rgba(255, 255, 255, 1) !important;
  border-color: #0066ff !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.option-label:hover {
  background: rgba(30, 58, 138, 0.5) !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(0, 243, 255, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.option-label input[type="radio"] {
  margin-right: 15px !important;
  transform: scale(1.8) !important;
  cursor: pointer !important;
  accent-color: var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.option-label span {
  font-size: 1.4rem !important;
  line-height: 1.7 !important;
  flex: 1 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 选项选中状态 */
.option-label.selected {
  background: rgba(0, 243, 255, 0.15) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 25px rgba(0, 243, 255, 0.4) !important;
  transform: translateY(-3px) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框中的选项样式 */
#readingComprehensionModal .option-label {
  padding: 25px 30px !important;
  font-size: 1.5rem !important;
  border-radius: 20px !important;
  margin: 20px 0 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#readingComprehensionModal .option-label span {
  font-size: 1.5rem !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#readingComprehensionModal .option-label input[type="radio"] {
  transform: scale(2.0) !important;
  margin-right: 20px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 选项字母显示 */
.option-label::after {
  content: attr(data-option) !important;
  display: inline-block !important;
  width: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
  text-align: center !important;
  background: var(--primary-color) !important;
  color: var(--dark-bg) !important;
  border-radius: 50% !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 10px rgba(0, 243, 255, 0.5) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 选择题题目样式增强 */
.question-text strong {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  display: block !important;
  margin-bottom: 1px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ===================================================
   AI故事记单词填空题句子样式
   =================================================== */

/* 填空题句子容器 - 青少年专用超大字体 */
.fill-in-sentence {
  font-size: 1.9rem !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
/*   margin: 0 0 30px 0 !important;
  padding: 1px 40px !important;*/
  background: rgba(0, 243, 255, 0.08) !important;
  border-radius: 16px !important;
  border: 3px solid rgba(0, 243, 255, 0.3) !important;
  line-height: 2.4 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'SimHei', sans-serif !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  letter-spacing: 0.5px !important;
  padding-left: 20px !important;
  border-left: 5px solid transparent !important;
}

/* 语法造句填空题容器 - 移除外框，只保留输入框 */
#grammar-questions .fill-in-sentence {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  border-left: none !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 填空题中的空白标记 - 青少年专用超大字体 */
.fill-blank {
  display: inline-block !important;
  min-width: 250px !important;
  height: 65px !important;
  border-bottom: 5px dashed var(--primary-color) !important;
  margin: 0 25px !important;
  vertical-align: middle !important;
  background: rgba(0, 243, 255, 0.15) !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
  font-size: 2.1rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  text-align: center !important;
  line-height: 65px !important;
  box-shadow: inset 0 0 15px rgba(0, 243, 255, 0.25) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-blank:hover {
  border-bottom-style: solid !important;
  background: rgba(0, 243, 255, 0.25) !important;
  transform: scale(1.05) !important;
  box-shadow: inset 0 0 15px rgba(0, 243, 255, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 填空题题目容器 */
.fill-in-question {
  margin: 40px 0 !important;
  padding: 35px !important;
  background: var(--card-bg) !important;
  border-radius: 20px !important;
  border: 3px solid var(--border-color) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-in-question:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 40px rgba(0, 243, 255, 0.3) !important;
  transform: translateY(-5px) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框中的填空题样式 */
#readingComprehensionModal .fill-in-question {
  padding: 40px !important;
  margin: 50px 0 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#readingComprehensionModal .fill-in-sentence {
  font-size: 1.8rem !important;
  padding: 30px 35px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#readingComprehensionModal .fill-blank {
  min-width: 60px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  margin: 0 4px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ===================================================
   AI故事记单词输入框 - 填空题专用
   =================================================== */

/* 填空题输入框 */
.fill-in-answer,
input[type="text"][class*="fill"],
textarea[class*="fill"] {
  width: 160px;
  height: 32px;
  font-size: 14px;
  padding: 4px 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: var(--card-bg, rgba(26, 26, 46, 0.8));
  color: var(--text-primary);
  display: inline-block;
  transition: all 0.2s ease;
  font-family: inherit;
  letter-spacing: normal;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-in-answer:focus,
input[type="text"][class*="fill"]:focus,
textarea[class*="fill"]:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(0, 243, 255, 0.15);
  background: var(--card-bg);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-in-answer::placeholder,
input[type="text"][class*="fill"]::placeholder,
textarea[class*="fill"]::placeholder {
  color: var(--text-secondary);
  font-size: 13px;
  opacity: 0.7;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 填空题题目文本 - 青少年专用 */
.fill-in-question {
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  margin: 30px 0 20px 0 !important;
  padding: 10px 30px !important;
  background: rgba(0, 243, 255, 0.08) !important;
  border-radius: 18px !important;
  border: 2px solid rgba(0, 243, 255, 0.3) !important;
  line-height: 2.0 !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 填空题中的空白标记 */
.fill-blank {
  display: inline-block;
  min-width: 60px;
  height: 22px;
  border-bottom: 2px dashed var(--primary-color);
  margin: 0 4px;
  vertical-align: middle;
  background: rgba(0, 243, 255, 0.05);
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-blank:hover {
  border-bottom-style: solid;
  background: rgba(0, 243, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 多行填空题文本框 */
textarea.fill-in-answer {
  height: 120px !important;
  min-height: 120px !important;
  resize: vertical !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 输入框正确/错误状态 */
.fill-in-answer.correct {
  border-color: var(--success-color) !important;
  background: rgba(0, 255, 157, 0.15) !important;
  box-shadow: 0 0 15px rgba(0, 255, 157, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-in-answer.incorrect {
  border-color: var(--error-color) !important;
  background: rgba(255, 56, 96, 0.15) !important;
  box-shadow: 0 0 15px rgba(255, 56, 96, 0.3) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 填空题提交按钮 */
.fill-in-submit {
  font-size: 1.4rem !important;
  padding: 18px 40px !important;
  font-weight: 700 !important;
  margin: 30px auto !important;
  display: block !important;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end)) !important;
  border: 3px solid var(--primary-color) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 25px rgba(0, 243, 255, 0.4) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.fill-in-submit:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 35px rgba(0, 243, 255, 0.6) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 语法测评中的输入框 */
.grammar-assessment input[type="text"],
.grammar-assessment textarea {
  height: 55px !important;
  font-size: 1.4rem !important;
  padding: 12px 20px !important;
  border: 3px solid var(--border-color) !important;
  border-radius: 12px !important;
  background: rgba(26, 26, 46, 0.8) !important;
  color: var(--text-primary) !important;
  margin: 10px 0 !important;
  transition: all 0.3s ease !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.grammar-assessment input[type="text"]:focus,
.grammar-assessment textarea:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(0, 243, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 改错题文本框 */
.grammar-assessment textarea {
  height: 120px !important;
  min-height: 120px !important;
  line-height: 1.7 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 青少年友好的动画效果 */
@keyframes glow-pulse-strong {
  0% { box-shadow: 0 0 10px rgba(0, 243, 255, 0.5); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  50% { box-shadow: 0 0 30px rgba(0, 243, 255, 0.8); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  100% { box-shadow: 0 0 10px rgba(0, 243, 255, 0.5); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#reading-content .card:hover {
  animation: glow-pulse-strong 2s infinite !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 青少年友好的滚动条 */
#article-content::-webkit-scrollbar {
  width: 12px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#article-content::-webkit-scrollbar-thumb {
  background: var(--primary-color) !important;
  border-radius: 6px !important;
  border: 3px solid var(--card-bg) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#article-content::-webkit-scrollbar-track {
  background: rgba(0, 243, 255, 0.05) !important;
  border-radius: 6px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ===================================================
   AI故事记单词模态框专用样式 - 满屏大字体
   =================================================== */

/* 模态框专用大字体样式 */
#readingComprehensionModal .modal-content {
  max-width: 95vw !important;
  width: 95vw !important;
  max-height: 95vh !important;
  height: 95vh !important;
  padding: 40px !important;
  overflow-y: auto !important;
  background: var(--card-bg) !important;
  border: 3px solid var(--primary-color) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 50px rgba(0, 243, 255, 0.4) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#readingComprehensionModal h3 {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  padding-bottom: 25px !important;
  border-bottom: 4px solid var(--primary-color) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  text-shadow: 0 0 15px rgba(0, 243, 255, 0.4) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框中的文章内容 - 青少年专用超大字体 */
#readingComprehensionModal #article-content {
  padding: 50px !important;
  background: rgba(0, 243, 255, 0.08) !important;
  border-radius: 22px !important;
  font-size: 2.1rem !important;
  line-height: 2.6 !important;
  margin: 40px 0 !important;
  border: 4px solid rgba(0, 243, 255, 0.25) !important;
  max-height: 50vh !important;
  overflow-y: auto !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'SimHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框中的问题样式 - 青少年专用超大字体 */
#readingComprehensionModal .question-text {
  font-size: 1.9rem !important;
  padding: 30px 40px !important;
  margin: 40px 0 25px 0 !important;
  border-radius: 18px !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'SimHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框中的选项样式 - 青少年专用超大字体 */
#readingComprehensionModal .question-option {
  font-size: 1.7rem !important;
  padding: 25px 35px !important;
  margin: 22px 0 !important;
  border-radius: 20px !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框中的提交按钮 */
#readingComprehensionModal #submit-answers-btn {
  font-size: 1.6rem !important;
  padding: 25px 60px !important;
  margin: 40px auto !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框滚动条优化 */
#readingComprehensionModal .modal-content::-webkit-scrollbar {
  width: 15px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#readingComprehensionModal .modal-content::-webkit-scrollbar-thumb {
  background: var(--primary-color) !important;
  border-radius: 8px !important;
  border: 4px solid var(--card-bg) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 下载报告按钮 */
#downloadComprehensionReportBtn {
  font-size: 1.4rem !important;
  padding: 18px 35px !important;
  margin: 20px 10px !important;
  font-weight: 700 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 正确率显示 */
.correct-rate-display {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  text-align: center !important;
  margin: 25px 0 !important;
  padding: 20px !important;
  background: rgba(0, 243, 255, 0.1) !important;
  border-radius: 15px !important;
  border: 2px solid var(--primary-color) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 报告中的详情项 */
.report-detail-item {
  font-size: 1.4rem !important;
  margin: 15px 0 !important;
  padding: 18px !important;
  background: rgba(0, 243, 255, 0.05) !important;
  border-radius: 12px !important;
  border-left: 6px solid var(--primary-color) !important;
  line-height: 1.7 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 正确/错误标记样式 - 精简版 */
.assessment-details-table .correct::before {
  content: "✓";
  color: var(--success-color);
  font-weight: 600;
  font-size: 0.9rem;
  margin-right: 3px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-details-table .incorrect::before {
  content: "✗";
  color: var(--error-color);
  font-weight: 600;
  font-size: 0.9rem;
  margin-right: 3px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评单词项样式 */
.assessment-word-item {
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-word-item.correct {
  border-color: var(--success-color);
  background: rgba(0, 255, 157, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-word-item.incorrect {
  border-color: var(--error-color);
  background: rgba(255, 56, 96, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.assessment-word-item strong {
  color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 拼写测评项样式 */
.spelling-item {
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.spelling-item.correct {
  border-color: var(--success-color);
  background: rgba(0, 255, 157, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.spelling-item.incorrect {
  border-color: var(--error-color);
  background: rgba(255, 56, 96, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 听力测评项样式 */
.listening-item {
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.listening-item.correct {
  border-color: var(--success-color);
  background: rgba(0, 255, 157, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.listening-item.incorrect {
  border-color: var(--error-color);
  background: rgba(255, 56, 96, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 听力测评重复发音按钮样式 */
#repeatListeningBtn {
    background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    width: auto;
    max-width: 180px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    cursor: pointer;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#repeatListeningBtn:hover {
    background: linear-gradient(135deg, #3182ce, #2c5282);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* AI文章测评样式 - 青少年专用超大字体 */
.article-section {
  margin: 40px 0 !important;
  padding: 35px !important;
  border-radius: 20px !important;
  background: rgba(0, 243, 255, 0.08) !important;
  border: 3px solid var(--border-color) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.article-section h4,
.article-section h5 {
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  margin-bottom: 25px !important;
  padding-bottom: 15px !important;
  border-bottom: 3px solid var(--primary-color) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 1px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.article-content {
  margin-top: 25px !important;
  padding: 30px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 18px !important;
  line-height: 2.2 !important;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'SimHei', sans-serif !important;
  letter-spacing: 0.8px !important;
  border: 2px solid rgba(0, 243, 255, 0.15) !important;
  box-shadow: inset 0 0 20px rgba(0, 243, 255, 0.05) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 中文翻译区域 - 青少年专用超大字体 */
.translation-section {
  margin: 40px 0 !important;
  padding: 35px !important;
  border-radius: 20px !important;
  background: rgba(0, 243, 255, 0.05) !important;
  border: 3px solid rgba(0, 243, 255, 0.2) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.translation-section h4,
.translation-section h5 {
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: var(--primary-color) !important;
  margin-bottom: 25px !important;
  padding-bottom: 15px !important;
  border-bottom: 3px solid var(--primary-color) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: 1px !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.translation-content {
  margin-top: 25px !important;
  padding: 30px !important;
  background: rgba(0, 243, 255, 0.03) !important;
  border-radius: 18px !important;
  line-height: 2.3 !important;
  font-size: 1.7rem !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'SimHei', sans-serif !important;
  letter-spacing: 0.7px !important;
  border: 2px solid rgba(0, 243, 255, 0.1) !important;
  box-shadow: inset 0 0 20px rgba(0, 243, 255, 0.03) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.reading-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 5px;
  min-width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.reading-controls > * {
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.reading-controls label {
  font-weight: bold;
  white-space: nowrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.reading-controls select {
  border-radius: 6px;
  height: 33px;
  flex: 1 1 auto;
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
  padding: 0 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#loading-indicator {
  margin-top: 20px;
  display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#article-content {
  padding: 15px;
  background: rgba(0, 243, 255, 0.05);
  border-radius: 8px;
  color: var(--text-primary);
  font-weight: bold;
  margin: 15px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#reading-content, #reading-report {
  margin-top: 30px;
  display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 模态框样式 */
.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-overflow-scrolling: touch;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.modal-content {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 0;
  margin: 0;
  padding: 25px;
  width: 100%;
  height: 100%;
  max-width: none;
  color: var(--text-primary);
  position: relative;
  box-shadow: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 用户管理 - 下拉框完整显示修复 */
#wordBankModal select.form-control,
#editUserModal select.form-control {
  height: auto !important;
  padding: 4px 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ==================== 用户管理分页 - 暗色主题 ==================== */
html:not([data-theme="light"]) #userPagination {
    background-color: #1a1a2e !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html:not([data-theme="light"]) #userPagination span {
    color: #e0e0e0 !important;
}

html:not([data-theme="light"]) #userPagination select {
    background-color: #2a2a4a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e0e0e0 !important;
}

html:not([data-theme="light"]) #userPagination input {
    background-color: #2a2a4a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e0e0e0 !important;
}

html:not([data-theme="light"]) #userPagination .pagination-btn {
    background-color: #2a2a4a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e0e0e0 !important;
}

html:not([data-theme="light"]) #userPagination .pagination-btn:hover {
    background-color: #3a3a5a !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

html:not([data-theme="light"]) #userPagination .pagination-btn.active,
html:not([data-theme="light"]) #userPageNumbers .pagination-btn[style*="background: #007bff"] {
    background-color: #4a6fa5 !important;
    border-color: #4a6fa5 !important;
    color: #ffffff !important;
}

/* ==================== 教师管理员管理弹窗 - 暗色主题 ==================== */
html:not([data-theme="light"]) #teacherAdminManagementModal .modal-content,
html:not([data-theme="light"]) #teacherPartnerManagementModal .modal-content {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 弹窗主体区域保持浅色背景，确保文字可读 */
html:not([data-theme="light"]) #teacherAdminManagementModal .modal-content > div:nth-child(2),
html:not([data-theme="light"]) #teacherPartnerManagementModal .modal-content > div:nth-child(2) {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

/* 统计卡片文字颜色 */
html:not([data-theme="light"]) #teacherAdminManagementModal [style*="color: #666"],
html:not([data-theme="light"]) #teacherAdminManagementModal [style*="color: #333"],
html:not([data-theme="light"]) #teacherPartnerManagementModal [style*="color: #666"],
html:not([data-theme="light"]) #teacherPartnerManagementModal [style*="color: #333"] {
    color: #333 !important;
}

/* 表格头部和内容文字颜色 */
html:not([data-theme="light"]) #teacherAdminManagementModal th,
html:not([data-theme="light"]) #teacherAdminManagementModal td,
html:not([data-theme="light"]) #teacherPartnerManagementModal th,
html:not([data-theme="light"]) #teacherPartnerManagementModal td {
    color: #333 !important;
}

/* 输入框样式 */
html:not([data-theme="light"]) #teacherAdminManagementModal input,
html:not([data-theme="light"]) #teacherAdminManagementModal select,
html:not([data-theme="light"]) #teacherPartnerManagementModal input,
html:not([data-theme="light"]) #teacherPartnerManagementModal select {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #333 !important;
}

/* ==================== 权限管理弹窗 - 暗色主题 ==================== */
html:not([data-theme="light"]) #permissionManagementModal > div {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

/* 权限管理弹窗文字颜色 */
html:not([data-theme="light"]) #permissionManagementModal h2,
html:not([data-theme="light"]) #permissionManagementModal h3,
html:not([data-theme="light"]) #permissionManagementModal p,
html:not([data-theme="light"]) #permissionManagementModal span,
html:not([data-theme="light"]) #permissionManagementModal strong,
html:not([data-theme="light"]) #permissionManagementModal div {
    color: #333 !important;
}

/* 权限说明区域 */
html:not([data-theme="light"]) #permissionManagementModal #permissionSettingsContent > div:first-child {
    background: #e3f2fd !important;
    border-left-color: #2196f3 !important;
}

/* 角色区域头部 */
html:not([data-theme="light"]) #permissionManagementModal [style*="background: linear-gradient(135deg, #f5f7fa"] {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecef 100%) !important;
}

/* 复选框标签样式 */
html:not([data-theme="light"]) #permissionManagementModal label {
    background: #fafafa !important;
    border-color: #e0e0e0 !important;
}

html:not([data-theme="light"]) #permissionManagementModal label[style*="#e8f5e9"] {
    background: #e8f5e9 !important;
    border-color: #4caf50 !important;
}

/* 底部按钮区域 */
html:not([data-theme="light"]) #permissionManagementModal [style*="background: #f8f9fa"] {
    background: #f8f9fa !important;
}

/* 输入框和选择框 */
html:not([data-theme="light"]) #permissionManagementModal input,
html:not([data-theme="light"]) #permissionManagementModal select {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #333 !important;
}

.modal-content h3 {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
  color: var(--primary-color);
  margin-bottom: 20px;
  text-align: center;
}

/* 浅色主题下陨石大战游戏模态框标题暗色背景 */
[data-theme="light"] #meteorTypingGameModal .modal-content h3 {
    background-color: #1a1a2e;
    color: #ffffff;
    padding: 15px 20px;
    margin: -20px -20px 20px -20px;
    border-radius: 10px 10px 0 0;
}

/* 浅色主题下竞速游戏模态框标题暗色背景 */
[data-theme="light"] #racingTypingGameModal .modal-content h3 {
    background-color: #1a1a2e;
    color: #ffffff;
    padding: 15px 20px;
    margin: -20px -20px 20px -20px;
    border-radius: 10px 10px 0 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.close {
  color: var(--text-secondary);
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.close:hover {
  color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* ==================== 测评选择模态框 - 新样式 ==================== */

/* 模态框特殊样式 */
.assessment-choice-modal .modal-content {
  max-width: 95vw;
  width: 95vw;
  max-height: 90vh;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border: 1px solid rgba(255,255,255,0.1);
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 头部区域 */
.assessment-header {
  text-align: center;
  padding: 30px 20px 20px;
  background: linear-gradient(135deg, rgba(102,126,234,0.3) 0%, rgba(118,75,162,0.3) 100%);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.assessment-icon {
  font-size: 48px;
  margin-bottom: 10px;
}

.assessment-header h3 {
  margin: 0 0 8px 0;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
}

.assessment-header p {
  margin: 0;
  color: rgba(255,255,255,0.7);
  font-size: 0.9rem;
}

/* 分类区域 */
.assessment-categories {
  padding: 25px 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-height: calc(90vh - 200px);
  overflow-y: auto;
}

.assessment-category {
  background: rgba(255,255,255,0.05);
  border-radius: 16px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.08);
}

.category-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

.category-icon {
  font-size: 1.2rem;
}

.category-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}

/* 测评按钮样式 */
.assessment-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 16px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.assessment-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent  50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.assessment-btn:hover::before {
  opacity: 1;
}

.assessment-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.assessment-btn:active {
  transform: translateY(0);
}

.btn-icon {
  font-size: 1.3rem;
  flex-shrink: 0;
}

.btn-text {
  font-weight: 500;
}

/* 基础测评按钮颜色 */
.btn-reading {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.btn-copy {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.btn-listening-choice {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff !important;
}

.btn-listening-choice:hover {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
  color: #ffffff !important;
}

.btn-spelling {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.btn-listening {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

/* 游戏测评按钮颜色 */
.btn-game-shooter {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.btn-game-meteor {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  color: #333;
}

.btn-game-racing {
  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
  color: #333;
}



/* 底部跳过按钮 */
.assessment-footer {
  padding: 0 30px 25px;
  text-align: center;
}

.btn-skip {
  width: 100%;
  padding: 14px 20px;
  border: 2px dashed rgba(255,255,255,0.3);
  border-radius: 12px;
  background: transparent;
  color: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-skip:hover {
  border-color: rgba(255,255,255,0.5);
  color: rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.05);
}

/* 学后模态框特殊样式 */
.post-learning-header {
  background: linear-gradient(135deg, rgba(67,233,123,0.3) 0%, rgba(56,249,215,0.3) 100%) !important;
}

.btn-continue {
  width: 100%;
  padding: 14px 20px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  color: #1a1a2e;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.95rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-continue:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(67,233,123,0.4);
}

/* 旧样式兼容 */
.assessment-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.assessment-buttons-row {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评按钮样式 */
.assessment-buttons .btn {
  height: 45px; /* 减小按钮高度 */
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 130px; /* 减小最小宽度 */
  padding: 0 12px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学前认读测评按钮 - 明亮蓝紫色 */
#startAssessmentBtn {
  background: linear-gradient(45deg, #6a3de8, #ff7e9d);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学前拼写练习按钮 - 绿色 */
#startCopyAssessmentBtn {
  background: linear-gradient(45deg, #11998e, #38ef7d);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学前拼写测评按钮 - 橙色 */
#startSpellingAssessmentBtn {
  background: linear-gradient(45deg, #f46b45, #eea849);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学前听力测评按钮 - 粉色 */
#startListeningAssessmentBtn {
  background: linear-gradient(45deg, #bc4e9c, #f80759);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 跳过测评按钮 - 灰色 */
#skipAssessmentBtn {
  background: linear-gradient(45deg, #2c3e50, #4a6491);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词射击游戏按钮 - 紫红色 */
#startWordShooterGameBtn {
  background: linear-gradient(45deg, #9d4edd, #f72585);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学后认读测评按钮 - 明亮蓝紫色 (与学前认读测评相同) */
#postAssessmentBtn {
  background: linear-gradient(45deg, #6a3de8, #ff7e9d);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学后单词射击游戏按钮 - 紫红色 (与学前单词射击游戏相同) */
#postWordShooterGameBtn {
  background: linear-gradient(45deg, #9d4edd, #f72585);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学后拼写练习按钮 - 绿色 (与学前拼写练习相同) */
#postCopyAssessmentBtn {
  background: linear-gradient(45deg, #11998e, #38ef7d);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学后拼写测评按钮 - 橙色 (与学前拼写测评相同) */
#postSpellingAssessmentBtn {
  background: linear-gradient(45deg, #f46b45, #eea849);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学后听力测评按钮 - 粉色 (与学前听力测评相同) */
#postListeningAssessmentBtn {
  background: linear-gradient(45deg, #bc4e9c, #f80759);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 继续学习按钮 - 灰色 (与跳过测评相同) */
#continueLearningBtn {
  background: linear-gradient(45deg, #2c3e50, #4a6491);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.modal-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
  font-size: 0.85rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评报告模态框按钮布局优化 */
#assessmentReportModal .modal-content {
  position: relative;
  padding-top: 50px; /* 为顶部按钮区域留出空间 */
  max-width: none;
  width: 100%;
  font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentReportModal .modal-buttons {
  position: absolute;
  top: 15px;
  right: 50px; /* 向左移动，避免与关闭按钮重叠 */
  margin: 0 !important;
  justify-content: flex-end;
  z-index: 1000;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentReportModal .modal-buttons .btn {
  margin: 0;
  font-size: 0.85rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 认读测评和抄写测评模态框特定样式 */
#assessmentModal .modal-content,
#copyAssessmentModal .modal-content {
  max-width: none; /* 满屏显示 */
  width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 关闭按钮样式优化 */
#assessmentReportModal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1001;
  font-size: 24px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentReportModal .close:hover {
  color: #000;
  background: rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingAnswer, #listeningAnswer {
  padding: 16px 20px;
  width: 90%; /* 改为百分比宽度，适应模态框宽度 */
  max-width: 800px; /* 增加最大宽度 */
  height: 75px;
  border: 2px solid var(--border-color);
  border-radius: 10px;
  font-size: 1.9rem;
  font-weight: bold;
  transition: all 0.3s ease;
  text-align: center;
  margin: 25px auto;
  display: block;
  background: rgba(255, 255, 255, 0.15);
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingAnswer:focus, #listeningAnswer:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(0, 243, 255, 0.3);
  outline: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingQuestion, #listeningQuestion {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--text-primary);
  margin: 15px 0;
  text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingReport, #listeningReport {
  background-color: rgba(0, 243, 255, 0.05);
  border-radius: 8px;
  padding: 20px;
  margin-top: 25px;
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingScore, #listeningScore {
  font-weight: bold;
  color: var(--primary-color);
  font-size: 1.1rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#deletePasswordSection input, #changePasswordSection input {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#deletePasswordSection label, #changePasswordSection label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 测评模态框按钮样式 */
#nextAssessmentBtn, 
#nextSpellingQuestionBtn, 
#nextListeningQuestionBtn,
#submitSpellingBtn,
#submitListeningBtn {
    background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    cursor: pointer;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#nextAssessmentBtn:hover, 
#nextSpellingQuestionBtn:hover, 
#nextListeningQuestionBtn:hover,
#submitSpellingBtn:hover,
#submitListeningBtn:hover {
    background: linear-gradient(135deg, #3182ce, #2c5282);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 拼写练习样式 */
#copyWordDisplay {
    text-align: center;
    margin-bottom: 30px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-question-header {
    margin-bottom: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-question-header h4 {
    margin: 0 0 10px 0;
    color: #fff;
}

/* 浅色主题下抄写测评问题标题颜色修复 */
[data-theme="light"] .copy-question-header h4 {
    color: #333 !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-part-speech {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.part-of-speech {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 0.9em;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.phonetic {
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 10px;
    border-radius: 15px;
    font-style: italic;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 复读图标样式 */
#speakCopyWordInline {
    font-size: 1em;
    transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#speakCopyWordInline:hover {
    transform: scale(1.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-word-display {
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 15px 0;
    min-height: 60px;
    display: flex;
    justify-content: center;
    gap: 3px;
    order: -1; /* 确保单词显示在最上面 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-letter {
    display: inline-block;
    width: 50px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    transition: all 0.3s ease;
    color: transparent; /* 默认透明显示 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-letter.visible {
    color: inherit; /* 按Shift键时显示黑色文字 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-letter.correct {
    background: linear-gradient(45deg, #00b09b, #96c93d);
    color: white !important; /* 确保正确状态显示白色文字 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-letter.incorrect {
    background: linear-gradient(45deg, #ff416c, #ff4b2b);
    color: white !important; /* 确保错误状态显示白色文字 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#copyAnswer {
    width: 90%; /* 改为百分比宽度，适应模态框宽度 */
    max-width: 800px; /* 增加最大宽度 */
    padding: 12px;
    font-size: 1.2em;
    text-align: center;
    background: rgba(26, 26, 46, 0.8);
    border: 2px solid #4a4a8a;
    border-radius: 8px;
    color: white;
    margin: 20px auto;
    display: block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#copyAnswer:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 10px rgba(106, 17, 203, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-meaning {
    font-size: 1.2em;
    color: #a0a0ff;
    margin-top: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-assessment-buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-assessment-buttons .btn {
    margin: 0 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 拼写练习发音按钮样式 */
#speakCopyWordBtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 发音速度控制样式 */
.speed-control-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.speed-control-container span {
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#speechSpeedControl {
    width: 150px;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(90deg, #11998e, #38ef7d);
    outline: none;
    -webkit-appearance: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#speechSpeedControl::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #38ef7d;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(56, 239, 125, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#speechSpeedControl::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #38ef7d;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 5px rgba(56, 239, 125, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#speedValueDisplay {
    color: #38ef7d;
    font-size: 0.9em;
    font-weight: 600;
    min-width: 40px;
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#testSpeedBtn {
    padding: 6px 12px;
    font-size: 0.8em;
    background: linear-gradient(45deg, #6a3de8, #ff7e9d);
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#testSpeedBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 全局语音速度控制样式 */
.global-speed-control-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 15px 0;
    padding: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    min-width: 280px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.global-speed-control-container span {
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#globalSpeechSpeedControl {
    width: 120px;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(90deg, #11998e, #38ef7d);
    outline: none;
    -webkit-appearance: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#globalSpeechSpeedControl::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #38ef7d;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(56, 239, 125, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#globalSpeechSpeedControl::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #38ef7d;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 5px rgba(56, 239, 125, 0.5);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#globalSpeedValueDisplay {
    color: #38ef7d;
    font-size: 0.9em;
    font-weight: 600;
    min-width: 40px;
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#globalTestSpeedBtn {
    padding: 6px 12px;
    font-size: 0.8em;
    background: linear-gradient(45deg, #6a3de8, #ff7e9d);
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#globalTestSpeedBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 拼写练习结果表格样式 */
.copy-results-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background: rgba(26, 26, 46, 0.8);
    border-radius: 10px;
    overflow: hidden;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table th,
.copy-results-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table th {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    color: white;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table tr:last-child td {
    border-bottom: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table tr.correct {
    background-color: rgba(0, 176, 155, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table tr.incorrect {
    background-color: rgba(255, 65, 108, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table td:nth-child(4) {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table tr.correct td:nth-child(4) {
    color: #00b09b;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.copy-results-table tr.incorrect td:nth-child(4) {
    color: #ff416c;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 确保第一列正确显示 */
.copy-results-table td:nth-child(1) {
    text-align: left;
    font-weight: normal;
    color: inherit;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#copyReport {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#copyReport h4 {
    text-align: center;
    color: white;
    font-size: 1.5em;
    margin-bottom: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#continueAfterCopyBtn {
    display: block;
    margin: 20px auto 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .side-navigation {
    width: 80px;
    padding: 10px 0;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .menu-item span {
    display: none;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .menu-item i {
    margin: 0;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .panel-header {
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .info-cards-container {
    grid-template-columns: 1fr;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .statistics-row {
    flex-direction: column;
    gap: 10px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .stat-item {
    width: 100%;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .error-words-header {
    flex-direction: column;
    align-items: flex-start;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .error-words-actions {
    width: 100%;
    justify-content: space-between;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .search-bar {
    flex-direction: column;
    align-items: flex-start;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .btn-group {
    flex-direction: column;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .date-filter {
    flex-direction: column;
    gap: 10px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .time-filter-buttons {
    flex-wrap: wrap;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

@media (max-width: 768px) {
  .top-navbar {
    padding: 10px 15px;
    flex-direction: column;
    gap: 10px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .system-title {
    font-size: 1rem;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .menu-text {
    display: none;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .content-area {
    padding: 15px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .word-card {
    padding: 20px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .word {
    font-size: 2.5rem;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .modal-content {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: 90%;
    padding: 20px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .assessment-buttons {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  
  .assessment-buttons-row {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  
  /* 测评选择模态框移动端适配 */
  .assessment-choice-modal .modal-content {
    width: 95vw;
    max-width: 95vw;
    max-height: 85vh;
    border-radius: 16px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .assessment-header {
    padding: 20px 15px 15px;
  }
  
  .assessment-icon {
    font-size: 36px;
  }
  
  .assessment-header h3 {
    font-size: 1.2rem;
  }
  
  .assessment-categories {
    padding: 15px;
    gap: 15px;
    max-height: calc(85vh - 180px);
  }
  
  .assessment-category {
    padding: 15px;
  }
  
  .category-title {
    font-size: 0.95rem;
    margin-bottom: 12px;
  }
  
  .category-buttons {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .assessment-btn {
    padding: 12px 14px;
    font-size: 0.9rem;
  }
  
  .btn-icon {
    font-size: 1.2rem;
  }
  
  .assessment-footer {
    padding: 0 15px 20px;
  }
  
  .category-buttons {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .btn-skip {
    padding: 12px 15px;
    font-size: 0.9rem;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .btn {
    width: 100%;
    max-width: 280px;
    min-width: auto;
    height: 40px;
    font-size: 13px;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .modal-content {
    margin: 2% auto;
    padding: 20px;
    max-width: 95%;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .reading-controls {
    flex-direction: column;
    align-items: flex-start;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
  .reading-controls select {
    width: 100%;
  }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#assessmentChoiceModal .modal-content p {
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* AI作文练习面板样式 */
.composition-content {
    padding: 25px;
    background: var(--card-bg);
    border-radius: 12px;
    border: 1px solid var(--border-color);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-header h2 {
    font-size: 1.25rem;
    color: var(--primary-color);
    margin: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-controls {
    margin-bottom: 25px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-controls .grade-module-selector {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-topic-area {
    background: var(--card-bg);
    padding: 20px 22px;
    border-radius: 12px;
    margin-bottom: 18px;
    border: 1px solid var(--border-color);
    min-height: 100px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-topic-area:hover {
    border-color: var(--primary-color);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-topic {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    margin: 10px 0;
    line-height: 1.6;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-requirements {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin: 12px 0;
    padding: 12px 14px;
    background-color: var(--card-bg-secondary, rgba(20, 20, 40, 0.3));
    border-radius: 8px;
    border: 1px solid var(--border-color);
    line-height: 1.6;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.translation {
    color: #66ccff;
    font-size: 0.9rem;
    margin-top: 5px;
    display: block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-area {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-report {
    display: none;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px;
    margin-top: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 英语作文报告模态框按钮样式 */
#english-composition-report .report-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  padding: 16px 24px;
  background: linear-gradient(135deg, rgba(79, 124, 255, 0.15), rgba(0, 242, 254, 0.08));
  border-radius: 12px;
  margin-bottom: 20px;
  border: 1px solid rgba(79, 124, 255, 0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .report-header h3 {
  color: var(--text-primary);
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons .btn {
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons .btn-primary {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons .btn-primary:hover {
  background: linear-gradient(135deg, #3f87db 0%, #00d9fe 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(79, 172, 254, 0.4);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(79, 172, 254, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons .btn:not(.btn-primary) {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-primary);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#english-composition-report .modal-buttons .btn:not(.btn-primary):hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #00ffff;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-header h3 {
    color: #00ffff;
    margin: 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-content {
    color: #fff;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-section {
    margin-bottom: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-section h4 {
    color: #00ffff;
    margin-bottom: 10px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-section p {
    margin: 0;
    line-height: 1.5;
    font-size: 1.2em;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.score {
    font-size: 2rem;
    font-weight: bold;
    color: #ffcc00;
    text-align: center;
    margin: 10px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.comment {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 5px;
    min-height: 100px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}


.composition-textarea {
    width: 100%;
    height: 320px;
    background: var(--card-bg-secondary, var(--card-bg));
    color: var(--text-primary);
    border: 1.5px solid var(--border-color);
    border-radius: 10px;
    padding: 16px;
    resize: vertical;
    font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.12);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-textarea::placeholder {
    color: var(--text-secondary);
    opacity: 0.7;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.composition-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--border-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-count {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-compose {
    background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-compose:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-cancel-compose {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.btn-cancel-compose:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习统计网格布局 - 田字格 */
.stat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
    width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-grid .stat-item {
    width: 100%;
    margin: 0;
    padding: 16px 12px;
    text-align: center;
    background: rgba(0, 243, 255, 0.1);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-grid .stat-number {
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 5px;
    line-height: 1.2;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-grid .stat-label {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 版本选择标签样式 */
.version-select-label {
    color: white;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 拼写测评和听力测评模态框特定样式 */
#spellingAssessmentModal .modal-content,
#listeningAssessmentModal .modal-content {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: none;
    width: 100%;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingAssessmentContainer,
#listeningAssessmentContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#spellingQuestion,
#listeningQuestion {
    font-size: 2.2em;
    font-weight: bold;
    color: var(--primary-color);
    margin: 15px 0;
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习时长样式 - 固定宽度防止位置跳动 */
#learningTimer {
    min-width: 140px; /* 固定宽度，防止时间变化导致布局跳动 */
    text-align: center;
    display: inline-block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 浅色主题下改为黄色 */
[data-theme="light"] #learningTimer {
    color: yellow !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* AI错词造句模态框样式 */
#aiSentenceModal .modal-content {
    max-width: none; /* 移除宽度限制，改为满屏 */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left; /* 让内容靠左，但模态框保持居中 */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.ai-sentence-content {
   /* display: flex;*/
    flex-direction: column;
    gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-display h4 {
    color: var(--primary-color);
    font-size: 1.5em; /* 统一调整为1.5em */
    margin: 0 0 15px 0; /* 增加底部间距 */
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#error-word-text {
    font-weight: bold;
    color: var(--accent-color);
    font-size: 1.2em; /* 保持1em */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-display p {
    font-size: 1.5em; /* 统一调整为1.5em */
    text-align: center;
    margin: 15px 0; /* 调整行间距 */
    color: var(--text-secondary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#error-word-meaning {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 1em; /* 统一调整为1em */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 批改结果字体大小 */
.ai-feedback h4,
.ai-feedback #feedback-content {
    font-size: 1.3em; /* 批改结果统一调整为1.3em */
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.sentence-input textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: var(--input-bg);
    color: var(--text-primary);
    font-size: 1.8em; /* 增大字体大小 */
    resize: vertical;
    min-height: 100px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.sentence-input textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.ai-feedback {
    margin-top: 20px;
    padding: 15px;
    background: var(--card-bg-secondary);
    border-radius: 8px;
    border-left: 4px solid var(--primary-color);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.ai-feedback h4 {
    color: var(--primary-color);
    margin: 0 0 10px 0;
    font-size: 1.1em;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#feedback-content {
    line-height: 1.3; /* 调小行间距 */
    color: var(--text-primary);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#feedback-content .loading-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-color);
    border-top: 2px solid var(--primary-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

@keyframes spin {
    0% { transform: rotate(0deg); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
    100% { transform: rotate(360deg); }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词射击游戏报告样式 - 暗色风格 */
.word-shooter-game-report {
    background: #1a1a2e;
    border-radius: 10px;
    padding: 25px;
    border: 1px solid rgba(157, 78, 221, 0.3);
    color: #ffffff;
    text-align: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.word-shooter-game-report h3 {
    color: #4CAF50;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

/* 射击游戏报告统计项样式 */
.word-shooter-game-report .report-stats {
    display: flex;
    justify-content: space-around;
    margin: 30px 0;
    flex-wrap: wrap;
    gap: 20px;
}

.word-shooter-game-report .stat-item {
    background: rgba(157, 78, 221, 0.2);
    border-radius: 10px;
    padding: 15px 25px;
    min-width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgba(157, 78, 221, 0.3);
}

.word-shooter-game-report .stat-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    margin-bottom: 5px;
}

.word-shooter-game-report .stat-value {
    color: #4CAF50;
    font-size: 24px;
    font-weight: bold;
}

.word-shooter-game-report .report-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.word-shooter-game-report .report-buttons .btn {
    padding: 12px 25px;
    font-size: 1.1rem;
    background: linear-gradient(135deg, #9d4edd, #f72585);
    border: none;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.word-shooter-game-report .report-buttons .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 78, 221, 0.4);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-stats {
    display: flex;
    justify-content: space-around;
    margin: 30px 0;
    flex-wrap: wrap;
    gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-stats .stat-item {
    background: rgba(0, 243, 255, 0.1);
    border-radius: 10px;
    padding: 15px;
    min-width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-label {
    color: var(--text-secondary);
    margin-bottom: 8px;
    font-size: 1em;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.stat-value {
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.8rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.report-buttons .btn {
    padding: 12px 25px;
    font-size: 1.1rem;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词射击游戏样式 - 最大化满屏，统一暗色风格 */
.word-shooter-game {
    width: 100%;
    max-width: 100%;
    /* iOS Safari修复：不使用height:100%（可能为0），由子元素自然撑开 */
    height: auto;
    min-height: auto;
    margin: 0 !important;
    background-color: #1a1a2e;
    border-radius: 0;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: none;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* iOS Safari: 确保flex子项能正确收缩 */
    overflow: hidden;
}

/* 射击游戏模态框标题 - 暗色背景 */
#wordShooterGameModal .modal-content h3 {
    background-color: #1a1a2e;
    color: #ffffff;
    padding: 15px 20px;
    margin: 0 0 10px 0;
    font-size: 1.3rem;
    text-align: center;
}

/* 射击游戏头部 */
.shooter-game-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.shooter-stats {
    display: flex;
    gap: 30px;
    width: 100%;
    justify-content: center;
}

.shooter-stats .stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
}

.shooter-stats .stat-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 2px;
}

.shooter-stats .stat-value {
    font-size: 20px;
    font-weight: bold;
    color: #4CAF50;
}

.shooter-stats .accuracy-item .stat-value {
    color: #2196F3;
}

/* 射击游戏画布容器 */
.shooter-canvas-wrapper {
    /* iOS Safari修复：不依赖flex分配高度，由JS显式设置像素值 */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 150px;
    width: auto;
    overflow: hidden;
    /* 高度由JS动态设置，不使用flex */
    flex: none !important;
    -webkit-flex: none !important;
    flex-shrink: 0;
    flex-grow: 0;
}

/* ===== iOS设备隐藏游戏测评区（射击/陨石/竞速） ===== */
html.is-ios .game-assessment-category {
    display: none !important;
}
html.is-ios option[value="学前认读测评游戏"],
html.is-ios option[value="学后认读测评游戏"],
html.is-ios option[value="学前拼写游戏"],
html.is-ios option[value="学后拼写游戏"] {
    display: none !important;
}

/* 射击游戏控制按钮 */
.shooter-controls {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.shooter-btn {
    background: linear-gradient(135deg, #9d4edd, #f72585) !important;
    color: white !important;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.shooter-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 78, 221, 0.4);
}

.shooter-btn:disabled {
    background: linear-gradient(135deg, #555, #666) !important;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* 射击游戏说明 - 与陨石大战样式一致 */
.shooter-instructions {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid rgba(157, 78, 221, 0.3);
    margin-top: 10px;
    width: 100%;
    text-align: left;
}

.shooter-instructions h4 {
    color: #9d4edd;
    margin-bottom: 8px;
    font-size: 0.9rem;
    text-align: left;
}

.shooter-instructions p {
    margin: 3px 0;
    font-size: 0.8rem;
    color: #ccc;
    text-align: left;
}

/* 游戏信息区域 - 保留旧样式兼容 */
.game-info {
    display: flex;
    gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词射击游戏模态框内容样式 - 满屏暗色背景 */
#wordShooterGameModal .modal-content {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    max-height: none !important;
    height: auto !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    /* iOS Safari: 使用100dvh作为高度兜底（dynamic viewport height跟随地址栏） */
    height: 100dvh !important;
    height: 100vh !important;
    transform: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background-color: #1a1a2e !important;
    /* iOS Safari修复：用overflow-y:auto防止内容被裁剪，但overflow-x:hidden防横向滚动 */
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    /* iOS Safari安全区域 - 用margin而非padding避免影响flex计算 */
    margin-top: env(safe-area-inset-top) !important;
    margin-bottom: env(safe-area-inset-bottom) !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 射击游戏容器 - iOS Safari修复：不依赖flex，由JS控制子元素高度 */
#wordShooterGameContainer {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    /* 确保子元素不溢出 */
    width: 100% !important;
}

/* 单词射击游戏平板端样式 */
#wordShooterGameModal.tablet-modal .modal-content {
    padding: 5px !important;
}

#wordShooterGameModal.tablet-modal h3 {
    font-size: 1.2rem !important;
    margin-bottom: 5px !important;
    padding: 8px 15px !important;
}

#wordShooterGameModal.tablet-modal .shooter-game-header {
    margin-bottom: 5px;
    padding: 5px 10px;
}

#wordShooterGameModal.tablet-modal .shooter-stats .stat-label {
    font-size: 10px;
}

#wordShooterGameModal.tablet-modal .shooter-stats .stat-value {
    font-size: 16px;
}

#wordShooterGameModal.tablet-modal .shooter-controls {
    margin-top: 5px;
    padding: 5px;
    gap: 8px;
}

#wordShooterGameModal.tablet-modal .shooter-btn {
    padding: 6px 12px;
    font-size: 0.8rem;
}

#wordShooterGameModal.tablet-modal .shooter-instructions {
    padding: 5px 10px;
    margin-top: 5px;
}

#wordShooterGameModal.tablet-modal .shooter-instructions h4 {
    font-size: 0.8rem;
    margin-bottom: 3px;
}

#wordShooterGameModal.tablet-modal .shooter-instructions p {
    font-size: 0.65rem;
    margin: 2px 0;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词射击游戏容器样式 */
#wordShooterGameContainer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式保留用于兼容 */
.game-header {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-header h3 {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.game-info {
    display: flex;
    gap: 20px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.score, .progress {
    font-size: 18px;
    font-weight: bold;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#wordShooterCanvas {
    display: block;
    margin: 0 auto;
    border: 2px solid rgba(157, 78, 221, 0.3);
    border-radius: 8px;
    background-color: #0f0f1e;
    /* iOS Safari修复：不用CSS的width/height/max-width，由JS显式设置像素值 */
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 20px rgba(157, 78, 221, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.game-controls {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-controls .btn {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-controls .btn:hover {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-controls .btn:disabled {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-instructions {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-instructions h4 {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 旧样式隐藏 */
.game-instructions p {
    display: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习规划按钮样式 */
.mobile-plan-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 12px 15px;
    border-radius: 20px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-plan-btn:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-plan-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习规划内容样式 */
#studyPlanContent strong {
    color: #667eea;
    font-size: 1.1rem;
    display: block;
    margin-top: 15px;
    margin-bottom: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#studyPlanContent br {
    margin-bottom: 8px;
    display: block;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 手机端统计卡片中的输入框样式 */
#studyPlanModal input[type="text"],
#studyPlanModal input[type="number"],
#studyPlanModal select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#studyPlanModal input:focus,
#studyPlanModal select:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 8px rgba(102, 126, 234, 0.3);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 学习规划结果卡片样式 */
#studyPlanModal .mobile-stats-card {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 滚动条样式 - 学习规划内容 */
#studyPlanResult::-webkit-scrollbar {
    width: 6px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#studyPlanResult::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#studyPlanResult::-webkit-scrollbar-thumb {
    background: rgba(102, 126, 234, 0.5);
    border-radius: 3px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

#studyPlanResult::-webkit-scrollbar-thumb:hover {
    background: rgba(102, 126, 234, 0.7);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 单词册掌握情况卡片样式 */
.mobile-wordbook-mastery-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 255, 0.95) 100%);
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.2);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-header span {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-header i {
    color: #667eea;
    margin-right: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-item:last-child {
    border-bottom: none;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-label {
    font-size: 0.9rem;
    color: #666;
    font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-wordbook-mastery-value {
    font-size: 0.95rem;
    color: #333;
    font-weight: 600;
    text-align: right;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-progress,
.mobile-learning-progress {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 120px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-progress-bar,
.mobile-learning-progress-bar {
    flex: 1;
    height: 6px;
    background: #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #28a745, #20c997);
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-learning-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-percentage,
.mobile-learning-percentage {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    min-width: 35px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 年段掌握情况样式 */
.mobile-mastery-cards {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 255, 0.95) 100%);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(102, 126, 234, 0.15);
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-card h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
    display: flex;
    align-items: center;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mobile-mastery-card h3 i {
    color: #667eea;
    margin-right: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mastery-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mastery-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 0;
    gap: 6px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mastery-row .label {
    font-size: 0.85rem;
    color: #666;
    font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mastery-row .value {
    font-size: 0.85rem;
    color: #333;
    font-weight: 600;
    margin-right: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mastery-row .value.mastered {
    color: #28a745;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.mastery-row .value.unmastered {
    color: #dc3545;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-container {
    margin-top: 8px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-bar-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-label {
    font-size: 0.85rem;
    color: #666;
    font-weight: 500;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-bar-bg {
    width: 100%;
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
    overflow: hidden;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

.progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* 响应式设计 */
@media (max-width: 480px) {
    .mobile-wordbook-mastery-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
    
    .mobile-wordbook-mastery-value {
        text-align: left;
    }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
    
    .mobile-mastery-progress,
    .mobile-learning-progress {
        min-width: 100px;
    }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
    
    .mastery-row {
        font-size: 0.8rem;
    }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
    
    .mastery-row .label, .mastery-row .value {
        font-size: 0.8rem;
    }

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
}

/* 导出下拉菜单样式 */
.export-dropdown {
    position: relative;
    display: inline-block;
}

.export-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 5px;
    border: 1px solid var(--border-color);
}

.export-dropdown-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: background-color var(--transition-speed);
}

.export-dropdown-content a:last-child {
    border-bottom: none;
}

.export-dropdown-content a:hover {
    background-color: var(--card-bg-secondary);
    color: var(--primary-color);
}

/* 浅色主题下的导出下拉菜单样式 */
[data-theme="light"] .export-dropdown-content {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

[data-theme="light"] .export-dropdown-content a {
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #eee;
}

[data-theme="light"] .export-dropdown-content a:hover {
    background-color: #f5f5f5;
    color: #007bff;
}
  
/* ==================== ȫ�ֵ��ʲ�ѯ����ʽ ==================== */ 
Dlp�
1=���K�5�Ѹ!OD����$"	UV�*���+r���v)�
��1�/1	E+(T�|�v���X�l��
�,�?Դ�fN'g�h�j�4?��Jօg��֪15'c�
d.�W<S9�=���x�%i띥�1iX,?��)���X����L���]�	{� P9'���ӽ�d�H>@�ah~����;�]���I�9�O�r�E2������B3y���2
�e�=|�⩂�g����zR��G�[��$?Yp�[�h�������)�@���	�=^W�]��J(�p|���%4B�:�_.9���1��]:i��H'
Z���B����g����7%���9�Oj��s��x�R��K(�s�(b]�,�TR
HO�S!����.�]X�:5ܭws{�������G��Of�����p�ޭ��q��MP$Ն��_��t��Ÿ��*x��ȏ�g���S6���%fuv��~�W
�0�6���0�g�]��`�t�t�e����Qb�Ct�xvS�7�aS�dTk�YM/��<w��Gz
��-�gy����J�
�m%O�_6
U�0,����Ap�Z��B�r��r�l�q0���ȋ��������n�o`⩦nR6�x�4Z1.��^&B_:��N.�L'��BO�R����b�&�������f�(�9
aa;}�q��m<�Lj�e�u�u��w;��?����Ҧ���2�#]���W\�{�1�+�fk����ޜ2hmˆ!4�q�F����tS]y-f��s�p2b
p��@�2\�}n��MSww�w[�U�p�b�3���W���='ic��ʖ�y8sF)x���;!�P��Վ�o��������I�J�3��U @=P�>a�$����jY�S|����N��7[��SG�
�)w�<������E{N��M(߳dx7C��iHs�W��`������Ts>G�{PR�Ji`����B�����RR���Д��aA7
����f�����z��=�$���s�Nޒ�:z�{D�s���)>��j���]6���$�P�I�կ<#ʕ��+
ESq_I_(��%���\v#wt��x
�:�"�z� �8bdY��{j=�
N�;b����`<F�j�?\eF��V��,�>��F��Ѐ�v��X�s��4����/ጎЭ}��m	<.��H�S���\U��p�:�ƿ6X��[5��Ct.UI�re �u�*�c�ȔU
\��0:��}��@�����`��[��T넢B_��������+e�o$/ߋ��l�)�XoL_+�<�������&Hs=C���lx��ӏ(N�#?��<}����R1}�y�B�<���7U^��Χ����eRD4�[4�b��������#Ø����-�Y7�k�{c��+j�Q���!5o>�ß%`b�g�`-۲E�@��K9������A82���C�#f$�[���ꍜ�ٵRU剤����w�d��MA�(�R���b��C�zD�����=l��Z}�Q�E�G�8l<���%�H(x�2!�+���$���Ҡ�E�m��n�;R�Z-
�=�h���RBv%�~�'s@�cE{�����Ե��#&.t�H;� �V'���ڿ���������w�-#�q����k�r�L�q����t+E��^�����(�@���
M�6f�T�r)�U(0&�V��d�f�,T%�pwb�s�}_�l{y8-�C͌��!䄒b���`3�U���d^�,~����C��f��>�g���}�';Ê��H4��]�h�2g�D�yQ���Bj��D(��y��oJ&޾��WRF�e"f+��v[����۰��p‰�֮��.R��tN/��K�	/'�
�äF,l�Z򿘕�d�*
,#��L��q[-{~0���y�����![,���T�(e�N�Q� �N�Tl���؍���4�M�Y;��ပ}4�IL�bU�MX%{;����|�����L+�u��\��Q����X�y�����������,��B\��I��*T3�h[(�-v��7��"��b�8���CLr���l�o���r3vq��?�~z�V��5�_%�?$>����Eko�`��\�����Z"_�$�%K�3L��&�K0K�#��6
!�ƚ���h�I������n���Z�>�+���\��g��ul
���_c�G�U?��Ą@�NXl��DŽL4��)y�4�e��H��Z����?�-�*�!c2�r�e'l]����֒��V���o��uB��u��:}�)Ӎ��$"��j�8^6v콬��R��J���n�D��|�=�
=qUC�Ҭ.k2�u���j�ҏ� �_չ�Ut+Q[2?�V
�J!0$���#42>����V�a[}���J������f���Gy���{�岜~����ݯ@+8�߳#^GKU�K�cw���	�m/Q$ê�P�'vr0�*�XF���nO:�NK�����J�
ܸ�����t��������Caމ������dg7�E�*ξӘ0��{
�͊��׋e�/�P��.����fMl*?$�]���l�i���2p,�-ҁ'~E��}(�p�g�v(vӚM�ow���o��x&-Kg����eO����[yO��vd�A��Y,�Q���㍒�W��٘��B�5�#X��+Rn�&y���!�=�8Ā�Nōsm��
㏆����:'<����2H�ԇ�^%S!�Z�?���ʡ�'����oh��…�#�o��'_P��_q�r�E�
죎�
�yfD��}���Ƥ;�J�����'�!�̉<�빮V�
	�U��F�E��~olC8g_�F�,1<"�$yZ�p�P�^@m6/��v	� ˢ���-�t��Ř� �pDn�>����l�9��j���Fr��r��ܘ57�!xP����/2<���'�Y�E�Lv��-zLT�\��Y_e���{�x��6�y�_�M�	���%%y�Z~���s�u3��y��(LgD��9f��(Z�(��vX
6,}%��������t���6giD�
��0�o�Q�tU���c�j3.���q I�3�%1�L<(�&��1� H�U�:��%7�Aq�u�i��	�Z�/7)�+C
/0�#�\��| v��lxr��$����'{P�I��Rv��,R��SS�u1��4��0�tAF�s�K���ف�ꮎ��6,���V1�-�HrQzT�^����I:��!�Lj�~�(@ɭ���|�kn�0Ip
��q�p�"�=�!�
Xt{vdž�"�A'����mۀv����Q�@z���R�-�D���	L��KC,���'���J�t{�	d˴r��
�9�?1�2�}�]J+�a.(.+1�\Ox�!�o\v���vR2���k�@3�K���xwUO@G��|2�p�I1���2�	��V����,����I�p��?}�E�Cu�,|��b�1bݾ����̅\�����P>��+!쁱��h���=�TVZ������
�AK������PVļnjh�6Ȟ�'��4�W��K3t�K3v�P\��Ti.����Y%����o��� �{�(�YU|x%�}��4>&�� ?r���X���A���ﮔHyAS`؍B�RM��c�i���mdW=����V����{�ބl�E�䤑��a��Nߌ��;��U4��f|;���3��{���9^��J
t|���!?oC�z���ގa5�����k����	Yۧl�cwj���%���!�������-J1����M��Ȁk�o������2�����<�i_gϤb�������u�jC���X`��略gDq����|)d��BA�+j{h|Ռ�1��M1��Zg�K��w:�w*C��#�T�	E(%�J{�o������`�����肋4��[�=W�����.���ϖ�0r�ԣ�~<��hණ���AX���Y�-ڂ��-�1L*�%.��%��Z?�N��c1�x���fT-8K�5�<p���τ�!�aY��Z��#͆����2׮���Awҟ�@D��Z�)�S�u;g/��z�p=��|~�H�A���M�ظ���(yU�JQ�y�����bx1����3~]`dO���[JC����N�	���^1����&�ʫ��$��11g��F���ͯ��l����3�^j�ck��d��bb�
��U\��$9@ް�@�	�q�b*,Hv)��؊Q��M��d]]���'?%�0��I�kI��e����y�x�q�?r]4>π�	���>^�k��	���Qa	*��)w�����l҂�;
�2�\A�:'fk�6��p��ɚ�T��ÜY �F_���9��/��ѫt렱�>�Ů�`��K��1�鶽����J��`���@�L����xLj�R�;�1gE�&�p���M�Ckʙ��m��Rf���/�H��,'2@�(�:��@,�Ρ�̷�hI�2Q��ܦ�$<B�k�
L��"��.ǻ��gl�`����+���G�C'��*�`e)o;3��j�Y�AhҚ0��Mxm.�v�[����AS+���9Q��H�
��.�p��c8�e1��l��'/)E�#�S��LbY�I��!�_ʍ�x,�1Td���ގ�~����*����귮δ����hj#�����ws	��t
z�^���p�1`k�]۫�l���!�x�����g�&kE�}1�Ã�W��;��-��,�it~���4���J�^�h���V�2`IqL�;�@��l����mB޻!���|��]&��̃5��^�	f�	�
l�"���*��@�h�/R�w��a��7B��zIL�	�i͠M]=c��f��L
�1c�pRI�-R<�.����e�e��߾"�{��O�M����_%�c^�I>�|[��'Z+�]��̆%�8%�]���(+w�ّD[�G!�ճ�O�g"��z��Zx�N���E;_$��'���axU���p���K'8��F�	_���9�� �T?lz��$op;3�����K1t7�0�.9�!|z��V��d��G��	J`{����tH:q��%je���&<�d3)%ЦMF_����7"�U����B슱�\��L�
O�I��[;?�2yf�Q�I<2�>����t�:(5���N���O������3�x�DͯcB��2l-c�Nl*%;�)���vEl^{�}13_'')���(���M���7'']���V�7���+���Y��f�ij�i|�.s�B�a�ٺ�?�4n�@��-&z����>Z��%�yh.��cҢ&n`(���~>����<q>������
a
^�J=�^�Ge�Ѳ�A�h!��R��{5�4$��\����݄���s���M��v
���
���P�"�*CF��I�����x.�����)}��W�Gh�\p6��:��폷ԏ��+f���=t�:�Sߜ����0��J���}��6�Jq[9ng����4է=�X�+ZgW����5�]�@A9S����>�9IXM�	ey���'�r��O7[�T��jW�����\�Ł�
����C��&�{��<�}SG��+i��e
�����?�qp�c�6�Rw�bH$�M9��lN$M�y9�GRx�ZX.�F�Z�Q�		+a�#I.�6��<��jDž��u�Lہ�l݀�����N�A���b����˹iz�师�k����=���Yo2
]|��~?LV��e��\˴q3Ear(vj�᳁
��<|ϸ����~��V.=Q�%�y��I�	�YZ�ê��Q���o�!X"���3�EY�S�9S!zۮ�Z����M=͟�$�ʕkv�U;k��>�|��Q�y*�fv�d��ZQ�P��9����H|���������c22��t)�����,�u���e.�b?6�`���u�7�t�Y��6�2��+�r�͹=ꈬ� m
��3|�%�����:O\�~(��L�!o�؛��ҭN�XT/��i5����9y���e��Q+h��Pto�t)�G��ΰ��3�0`�E�v�f�j�M�
oo`�B����3��!�����lf���G�W�����t�m�o���n�]-�����N�6$�,������TYӖ_Y�}&���)��p��Ņ�I;~L,��f/?��Bq|�4�
t�wo=��1n@D����pt6��l�@�L�$��_nȋ���P�fan���m�1���}���=��6�+O�SD�J49������%�}����gq���x^�
�^�G����#:Pgo���3	����0�kzNU��]jļ�@���������5R��G�8[}�����ܯ,�ȯ”��G�DT-AY!1#ê$ߛ��.çf��SгQ�q���@�}R ,Q���(J;�v]�@�z�5'��ׯި�J�ܛ��'è��ʆ�����q�W0b��6��<<s��H!�w�N�S����sIL���kE����dM-/�l���!��f�y�Da&��ݏ�OGC�����]V�P�_�_ѻkᡆ�
��t�D-栓�K�ۀ�M��z���H�	�\llۘ<�s�g��rƉ�(}H:K��i�w�o���;�w��

H�G	_��5Ŋ���ߠ�-tTO��M@���Ng.���ijQ3x�?�Ԍ@��KK���"lTjU�Q�pӝ�8�H�0��2�>)�4�(��R��N��ڳ�l v�: ���?������ϡ>Y�[K+|y
v�JQ�3�0�)X�9��Wx��i�ܕ+)3��\ �L���?.��_�F����M�b�3���bхO���#<�����]n�#^�
��?@�E7ӄ��G]^�8Z
I�I>���Ĉ� �k]��X��'��^FK�;�#���$�w"v`���33�Azo�h��	F���n!	�PD*���[���+W�dn��ބy�i
����'"H���\"�HW��\�a��e;��A8F��oף籏ln��`�id��O���&��v�Т���W�Q�>$̦�*ʏ�g
)��-�����E�I%�F�5a���ЀM������ۈ�})]b٬#��ս0��S��x�%�ݱ������o*c�B!g}�fj��Y��A_�1��H�<L�v�G���a�e ����Mi��e)���Y�F�nit,#��&��Nˎ�S�9��C�`��&�}�x��C���t+�B��z�D59iJh��絒��B��F	u��>������d�&�|����]:�p��n<��G�[��) >Ev"��j��@�f�Z#�&��I�YL�K��HL�������W|KyAd)��cI5��Iϱ��Z�	k��+�^A��Y>�W8�֔`�gu�c����6V,�z3m�
}��~�7�~;�rQ?qG׭���q��5��D�����^��[ޞsm��;�]�*��)�!%/O4�R8z�Q��K�!��lr�ˍri+�9L;Z�X,�:�a:T��o#�?����<*�����1��=#�ݶ�"�g��K�Qj�9�#yb
�|����f�Cn`�Q�(�=OK���2-���T�<��(��[v��E���a`��Q
���9��/Z��k�T+�B4�jp0=�[��T1^�IY�Zi�d(j/�pG�n�����Z��{�Y��&[��R����Yu�mDSM��?Q\��v�n�p��� ���'�fFlb�U=�s
�U�׬�ʤձ~�#<��茋:wS-5\�R5^��i�JX�r �m-�=FZ��� oƮ�)�x=���OMdϼCrR	�HpL>c	�����}�9���8�U��E�R�t
y|E*�8v,�?)T5L���j� ڴ�P%;Jϣ\o���W
i�m�A0c� 4���Ɨҍ��)�w�5l�gѡ���PȆ��}�W�}JǠ;�c$�`�����9*�[g�k��>7��0}���C�v�Ul�Þ_��wu(g���P�1=��L���:(����z�d���{cN���Nc
�ƹ�W��Ӥ�sYB��j�dB��-T*�X����“�
6!�t(���Z���^5e�K��%��o$��Ϧ&չ�N��(\����ҳ��lQʑ	��F+�����p��Jo�V��^��.D�c�26�D-����g����W�“BZ�֞��q�b��Z�Lsܸ�
�?
j� Ql��m��~�'�ҭH���|=i�I�X��%<��L���c�nE���˶��(��O�鴌٬[F�u$�1���h��
�rnS��-#8��/�
�.Kh�D�Y
Nm��}�9p��qo�G=պ�#4O;zU�f}A�}��*�;�oǶ/=b�^�e��
�+O/#����F�����
i�X��1Z	�@[y�:���I���L��<������*:��h,�`�)�>��H��%��B�-m�+���hRe�+�ث#�rbVm>{�S�N���Y��޹�h�U<�Q��e
&�ڐnΧ?T���9nu��go"3:�i�r"I�f*y��"uX1["�'F��J*!&J�i
ÐʹE��x�"x�=�AY��9�+X�f�?3F؊�6�D��㰁�S�4�e�Jq��y�#w��#���z��~,��J"�;�%U?Pq���Ki\y%pME�
��S��#�2�/%�T疿�5��Ț���HWІ���*�6���sLɴ�U�zMZ1�~|(DA��r:��*�L̥���.kq�H�>�Jc~s��Q���>�<
���ǬދW�I�G����R��	P�qaQ� ���z!��P�X
6J��0l+��)��k}s�
Y�>e
?Dԫ&�lf�M�+v�G~���0p.vU�1'�*D��k�|�5ƛTey�6�&���,E.k������ĉ�|�F��v\�
R.�^׻�D��
�Ϸ[�ʼ���~a��(`�k��F����%��O�a;�<���q[H�;�ݢo�+*Lml%'�Y�c��
�;�
6���3JQJa���y��~���Z{��`4nUa�u�I�.0k��9uAWU>l�'��vf{\�,����o>��p�)�|�AGŨN=�12�%�%5]��L�S�����Ͽ�$�'�Mk��e�w"��.�M�9��9QmȈD(�e�4C9JN#��J�V{^
kPy&M�����}	�2�+y�wٟ�����}ޅ�IQ�ʥ��/�a��A�
�����4
W#�H{l��x��1��£__���|(9��!�+p��B�C�xԱ]�����D�X�����߬YG�I)i�
̳�s�
d�h������j�L�����9���u��Χ��C>�U(H'�}�yg�bư�fcG,:�;<O�o��e�t���Awx#�_�&նy�~
k{����
�����M;�FP��$F�^
Rr���d|��I�α+�һ���,-��g,�)�2���D��d��T�N7�+�ͼR�(�˸o�vf@/�_�n��ф���|�Uw�PH��f@I_���XʵhKZd���U3��ak<D.��7c�a|p��wtOA]y2�'V��jhx
�`Xmhۦʞ>Wԑv�2u�}���G;�P�,�"8J��E�
�J������v��9��t
�h ��v���p��xY}��|�&�ux
L*��t�p5gI.rK"}