/* 基础样式（外部化） */
[v-cloak] { display: none !important; }
body {
  margin: 0; padding: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background-color: #f5f7fa;
  background-image: none;
  min-height: 100vh;
}

/* 通用工具类 */
.gap-8 { gap: 8px; }
.flex-1 { flex: 1; }
.h-8 { height: 8px; }

/* 移动端优化 */
@media (max-width: 768px) {
  .mobile-small-text { font-size: 14px !important; }
  .mobile-hide { display: none !important; }
}

.page-container { max-width: 900px; margin: 20px auto; padding: 0 15px; }
.header-bar { display: flex; align-items: center; justify-content: space-between; }
.title-logo { display: flex; align-items: center; gap: 10px; }
.title-logo img { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; }
.site-title { margin: 0; font-size: 20px; }
.header-bar .el-switch { margin: 0 6px; }
.notice-bar { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 10px 15px; border-radius: 10px; margin: 10px 0; }
.notice-bar { font-size: 14px; }
.search-box { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 15px; }

/* 搜索历史样式 */
.search-input-container { position: relative; }
.search-history { position: absolute; left: 0; top: 100%; z-index: 1000; margin-top: -1px; padding: 10px; background: #fff; border-radius: 0 0 6px 6px; box-shadow: 0 2px 12px rgba(0,0,0,.08); display: none; width: 100%; box-sizing: border-box; border: 1px solid #DCDFE6; border-top: none; }
.search-history.show { display: block; animation: slideDown .2s ease; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-6px);} to { opacity:1; transform: translateY(0);} }
.history-header { display:flex; justify-content:space-between; align-items:center; padding:0 4px 8px; margin-bottom:6px; border-bottom:1px solid #EBEEF5; }
.history-title { font-size:14px; color:#909399; }
.history-list { display:flex; flex-wrap:wrap; gap:6px; }
.history-item { display:inline-flex; align-items:center; padding:0 8px 0 12px; background:#f5f7fa; border-radius:4px; font-size:14px; color:#606266; height:28px; line-height:28px; gap:4px; transition:all .2s; }
.history-item-content { display:inline-flex; align-items:center; cursor:pointer; flex:1; }
.history-item-content i { margin-right:4px; font-size:14px; }
.history-item-delete { cursor:pointer; font-size:14px; color:#909399; opacity:0; transition:all .2s; padding:2px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; }
.history-item:hover { background:#ecf5ff; color:#409EFF; transform: translateX(2px); }
.history-item:hover .history-item-content { color:#409EFF; }
.history-item:hover .history-item-delete { opacity:1; }
.history-item-delete:hover { color:#f56c6c; background: rgba(245,108,108,.1); }
@media (min-width: 600px) {
  .search-input-container:hover .search-history,
  .search-input-container:focus-within .search-history { display: block; }
}
@media (max-width: 600px) {
  .search-history { position:absolute; top:100%; left:0; right:0; width:100%; margin-top:2px; border-radius:8px; max-height:220px; overflow-y:auto; z-index:1000; padding:10px; border-top:1px solid #DCDFE6; }
  .history-item { font-size:14px; height:26px; }
  .history-item-delete { opacity:.6; }
}

.order-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 15px; margin-top: 20px; }
.order-card.card-success { border-left: 4px solid #67C23A; border-color: rgba(103,194,58,0.35); }
.order-card.card-warning { border-left: 4px solid #E6A23C; border-color: rgba(230,162,60,0.35); }
.order-card.card-info { border-left: 4px solid #409EFF; border-color: rgba(64,158,255,0.35); }
.order-item { display: grid; grid-template-columns: 120px 1fr; gap: 5px; padding: 8px 0; border-bottom: 1px solid #ebeef5; align-items: center; }
.order-item:last-child { border-bottom: none; }
.item-label { color: #606266; }
.item-value { color: #303133; word-break: break-all; }
.order-card .item-label, .order-card .item-value { font-size: 14px; }
.actions { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.order-card .actions { justify-content: flex-start; margin-top: 10px; }
.inline-meta { display: flex; gap: 8px; align-items: center; margin-top: 6px; color: #606266; flex-wrap: wrap; width: 100%; }
.card-title { font-weight: bold; margin-bottom: 6px; }
.help-text { line-height: 1.8; }
.help-section { margin-top: 10px; }
@media (max-width: 600px) {
  .header-bar { flex-direction: column; align-items: flex-start; margin-bottom: 5px; }
  .actions { width: 100%; gap: 6px; flex-wrap: wrap; }
  .header-bar .actions { justify-content: flex-end; }
  .order-card .actions { justify-content: flex-start; }
  .inline-meta { margin-top: 6px; }
  .notice-bar { margin: 0px; padding: 8px 12px; }
  .order-card { padding: 12px; border: 1px solid #ebeef5; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin-top: 16px; }
  .order-item { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid #ebeef5; }
  .order-item:last-child { border-bottom: none; }
  .item-label { color: #606266; }
  .item-value { color: #303133; flex: 1; }
  .progress-wrapper.fluid .progress-bar { height: 8px; }
}

/* 公告条细化样式 */
.notice-bar { text-shadow: none; }
.notice-bar { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.notice-bar i.el-icon-bell { margin-right: 0 !important; }
.notice-bar { border-left: 3px solid #409EFF; }
.notice-bar i.el-icon-bell { color: #fff; }
.notice-bar i.el-icon-bell { animation: bell-ring 2s infinite; font-size: 14px; display: inline-block; transform-origin: 50% 10%; will-change: transform; }
.notice-bar .notice-text { flex: 1; min-width: 0; }
.notice-bar .notice-text.collapsed {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  box-orient: vertical;
}
@media (max-width: 360px) {
  .notice-bar .notice-text.collapsed { -webkit-line-clamp: 1; line-clamp: 1; }
}
.notice-bar .notice-toggle-btn { color: #ffffff; margin-left: 8px; }
body.theme-dark .notice-bar .notice-toggle-btn { color: #8ec5ff; }
@media (max-width: 768px) {
  .notice-bar { padding: 8px 12px; }
  .notice-bar { margin: 12px 0; }
  .notice-bar { line-height: 1.6; }
}
@media (max-width: 768px) {
  .notice-bar .notice-text {
    white-space: normal;
    overflow: visible;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .notice-bar .notice-text br {
    display: inline;
  }
  /* 覆盖：折叠态在移动端必须隐藏溢出以生效 */
  .notice-bar .notice-text.collapsed {
    overflow: hidden;
  }
}
@media (max-width: 360px) {
  .notice-bar .notice-text {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .notice-bar .notice-text.collapsed {
    overflow: hidden;
  }
}

.notice-bar .notice-text img { max-width: 100%; height: auto; display: inline-block; }

/* 暗色主题下的公告条与计数样式（由 index.php 迁移） */
body.theme-dark .notice-bar { background: linear-gradient(135deg, #2c3e50 0%, #4b6cb7 100%); color: #fff; border-left: 3px solid #8ec5ff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.25); }
@media (max-width: 768px) {
  body.theme-dark .notice-bar { text-shadow: 0 1px 1px rgba(0,0,0,0.25); }
}
body.theme-dark .notice-bar i.el-icon-bell { color: #8ec5ff; }
body.theme-dark .result-count { color: #91baff !important; }

/* 前台弹窗统一黑色主题 */
.el-dialog.theme-dark { 
  background: #1e1e1e !important; 
  color: #e0e0e0; 
  border-color: rgba(255,255,255,0.08) !important;
  border-radius: 12px; 
}
.el-dialog.theme-dark .el-dialog__header { 
  border-bottom: 1px solid rgba(255,255,255,0.08) !important; 
  background-color: #1e1e1e !important;
}
.el-dialog.theme-dark .el-dialog__title { 
  color: #e6e6e6 !important; 
}
.el-dialog.theme-dark .el-dialog__headerbtn { 
  color: #cfcfcf !important; 
}
.el-dialog.theme-dark .el-dialog__headerbtn:hover { 
  color: #e6e6e6 !important; 
}
.el-dialog.theme-dark .el-dialog__body { 
  color: #cbd5e1 !important; 
  background-color: #1e1e1e !important;
}
.el-dialog.theme-dark .el-dialog__footer { 
  border-top: 1px solid rgba(255,255,255,0.08) !important; 
  background-color: #1e1e1e !important;
}
.el-dialog.theme-dark .el-button--primary { 
  background-color: #2a2a2a !important; 
  border-color: rgba(255,255,255,0.12) !important; 
  color: #e6e6e6 !important; 
}
.el-dialog.theme-dark .el-button--primary:hover { 
  background-color: #333 !important; 
  border-color: rgba(255,255,255,0.2) !important; 
  color: #e6e6e6 !important; 
}
.el-dialog.theme-dark .el-button--primary:active { 
  background-color: #242424 !important; 
  border-color: rgba(255,255,255,0.15) !important; 
}
.el-dialog.theme-dark .el-button { 
  background-color: #2a2a2a; 
  border-color: rgba(255,255,255,0.12); 
  color: #e0e0e0; 
}
.el-dialog.theme-dark .el-button:hover { 
  background-color: #333; 
  border-color: rgba(255,255,255,0.2); 
  color: #e6e6e6; 
}
.el-dialog.theme-dark .el-button--text { 
  background: transparent; 
  color: #8ec5ff; 
}
.el-dialog.theme-dark .el-button--text:hover { 
  color: #b7dcff; 
}

/* 最近订单弹窗暗色模式 */
.el-dialog.theme-dark .el-table {
  background-color: #1e1e1e;
  color: #e6e6e6;
}
.el-dialog.theme-dark .el-table th {
  background-color: #2a2a2a !important;
  color: #e6e6e6 !important;
}
.el-dialog.theme-dark .el-table th .cell {
  color: #e6e6e6 !important;
}
.el-dialog.theme-dark .el-table td {
  background-color: #1e1e1e !important;
  color: #e6e6e6 !important;
}
.el-dialog.theme-dark .el-table .cell {
  color: #e6e6e6 !important;
}
.el-dialog.theme-dark .el-table__body tr:hover > td {
  background-color: #2a2a2a !important;
}
.el-dialog.theme-dark .el-table__empty-block {
  background-color: #1e1e1e !important;
}
.el-dialog.theme-dark .el-table__empty-text {
  color: #b0b9d6 !important;
}

/* 最近订单弹窗暗色模式 - loading 遮罩层，避免白色闪屏 */
.el-dialog.theme-dark .el-loading-mask {
  background-color: rgba(18,18,18,0.72) !important;
  z-index: 100 !important;
}
.el-dialog.theme-dark .el-loading-spinner .path {
  stroke: #8ec5ff;
}
.el-dialog.theme-dark .el-loading-spinner .el-loading-text {
  color: #d8e1ff;
}

/* loading 时隐藏 empty-text，避免同时显示 */
.el-dialog.theme-dark .el-table.is-loading .el-table__empty-block {
  display: none !important;
  visibility: hidden !important;
}
.el-dialog.theme-dark .el-table.is-loading .el-table__empty-text {
  display: none !important;
  visibility: hidden !important;
}

/* 确保 loading 遮罩层覆盖时，empty-block 被隐藏 */
.el-dialog.theme-dark .el-loading-mask ~ .el-table__body-wrapper .el-table__empty-block,
.el-dialog.theme-dark .el-loading-mask ~ .el-table__body-wrapper .el-table__empty-text {
  display: none !important;
  visibility: hidden !important;
}

/* 通用规则：有 loading-mask 时隐藏 empty */
.el-dialog.theme-dark .el-table:has(.el-loading-mask) .el-table__empty-block,
.el-dialog.theme-dark .el-table:has(.el-loading-mask) .el-table__empty-text {
  display: none !important;
  visibility: hidden !important;
}

/* 确保非loading状态下，empty-block可见 - 使用更高优先级 */
.el-dialog.theme-dark .el-table.el-table--border:not(.is-loading) .el-table__empty-block,
.el-dialog.theme-dark .el-table.el-table--border:not(.is-loading) .el-table__empty-text,
.el-dialog.theme-dark .el-table:not(.is-loading):not(:has(.el-loading-mask)) .el-table__empty-block,
.el-dialog.theme-dark .el-table:not(.is-loading):not(:has(.el-loading-mask)) .el-table__empty-text {
  display: block !important;
  visibility: visible !important;
}
.el-dialog.theme-dark .el-table:not(.is-loading) .el-table__empty-text {
  color: #b0b9d6 !important;
}
.el-dialog.theme-dark .el-table:not(.is-loading) .el-table__empty-block > div {
  color: #b0b9d6 !important;
}
/* 强制显示空状态 - 最高优先级规则，确保在非loading时显示 */
.el-dialog.theme-dark .el-table__empty-block {
  min-height: 60px !important;
}
.el-dialog.theme-dark .el-table:not(.is-loading) .el-table__body-wrapper .el-table__empty-block {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
}
.el-dialog.theme-dark .el-table:not(.is-loading) .el-table__body-wrapper .el-table__empty-text {
  display: block !important;
  visibility: visible !important;
  color: #b0b9d6 !important;
}

/* 禁用表格背景色过渡，避免刷新时白色闪屏 */
.el-dialog.theme-dark .el-table__body tr > td {
  transition: background-color 0s !important;
}

/* 最近订单弹窗表格样式简化 - 表头无效果 */
.el-dialog.theme-dark .el-table__header th {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
  transition: none !important;
}
.el-dialog.theme-dark .el-table__header th:hover {
  background-color: #2a2a2a !important;
  box-shadow: none !important;
}
/* 确保表格横向滚动正常 */
.el-dialog.theme-dark .el-table {
  overflow-x: auto;
}
.el-dialog.theme-dark .el-table__body-wrapper,
.el-dialog.theme-dark .el-table__header-wrapper {
  overflow-x: auto !important;
}

/* 最近订单弹窗暗色模式 - 优化边框颜色 */
.el-dialog.theme-dark .el-table--border {
  border-color: rgba(255,255,255,0.08) !important;
  border-top-color: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.08) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
  border-left-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table--border th,
.el-dialog.theme-dark .el-table--border td {
  border-color: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.08) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table th,
.el-dialog.theme-dark .el-table td {
  border-bottom-color: rgba(255,255,255,0.08) !important;
  border-right-color: rgba(255,255,255,0.08) !important;
}

/* 修复表格外边框（下边和右边）的白色问题 */
.el-dialog.theme-dark .el-table::before {
  background-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table--border::after {
  background-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table__body-wrapper {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table__header-wrapper {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
/* 确保表格右边边框也是暗色 */
.el-dialog.theme-dark .el-table__body-wrapper .el-table__body {
  border-right-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table__header-wrapper .el-table__header {
  border-right-color: rgba(255,255,255,0.08) !important;
}
/* 修复最后一列和最后一行的边框 */
.el-dialog.theme-dark .el-table--border th:last-child,
.el-dialog.theme-dark .el-table--border td:last-child {
  border-right-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table__body tr:last-child td {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
.el-dialog.theme-dark .el-table__header tr th:last-child {
  border-right-color: rgba(255,255,255,0.08) !important;
}

/* 最近订单弹窗暗色模式 - 优化滚动条样式（更柔和） */
.el-dialog.theme-dark .el-table__body-wrapper::-webkit-scrollbar {
  height: 8px !important;
  width: 8px !important;
  background: transparent !important;
}

/* 隐藏表头区域的横向滚动条 */
.el-dialog.theme-dark .el-table__header-wrapper::-webkit-scrollbar {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
.el-dialog.theme-dark .el-table__body-wrapper::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.03) !important;
  border-radius: 4px !important;
}

/* 隐藏表头滚动条轨道 */
.el-dialog.theme-dark .el-table__header-wrapper::-webkit-scrollbar-track {
  display: none !important;
}
.el-dialog.theme-dark .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
}

/* 隐藏表头滚动条滑块 */
.el-dialog.theme-dark .el-table__header-wrapper::-webkit-scrollbar-thumb {
  display: none !important;
}
.el-dialog.theme-dark .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.22) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* 隐藏表头滚动条悬停效果 */
.el-dialog.theme-dark .el-table__header-wrapper::-webkit-scrollbar-thumb:hover {
  display: none !important;
}

/* 隐藏表头区域的滚动条 - 通用方法（保持滚动功能，只隐藏滚动条） */
.el-dialog.theme-dark .el-table__header-wrapper {
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE and Edge */
  overflow-x: auto !important; /* 保持滚动功能 */
  overflow-y: hidden !important;
}

/* 完全隐藏表头滚动条区域 */
.el-dialog.theme-dark .el-table__header-wrapper::-webkit-scrollbar {
  height: 0 !important;
  width: 0 !important;
  background: transparent !important;
  display: none !important;
}

/* 确保表头滚动条在所有情况下都隐藏 */
.el-dialog.theme-dark .el-table .el-table__header-wrapper::-webkit-scrollbar,
.el-dialog.theme-dark .el-table__header-wrapper::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* Firefox 滚动条样式 - 只设置表体，表头滚动条已隐藏 */
.el-dialog.theme-dark .el-table__body-wrapper {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,0.15) rgba(255,255,255,0.03) !important;
}

/* 最近订单弹窗暗色模式 - 确保所有元素无白色 */
.el-dialog.theme-dark .order-list-filters .el-select .el-input__inner {
  background-color: #2a2a2a !important;
  border-color: #444 !important;
  color: #e0e0e0 !important;
}
.el-dialog.theme-dark .order-list-filters .el-select .el-input__suffix {
  color: #cfcfcf !important;
}
.el-dialog.theme-dark .order-list-filters .el-select .el-input__suffix i {
  color: #cfcfcf !important;
}
/* 最近订单弹窗暗色模式 - 分页器简化样式 */
.el-dialog.theme-dark .el-pagination {
  color: #cbd5e1;
}
.el-dialog.theme-dark .el-pagination .el-pagination__total {
  color: #cbd5e1;
}
.el-dialog.theme-dark .el-pagination .btn-prev,
.el-dialog.theme-dark .el-pagination .btn-next {
  background-color: #2a2a2a;
  color: #cbd5e1;
  border-color: rgba(255,255,255,0.12);
}
.el-dialog.theme-dark .el-pagination .btn-prev:hover,
.el-dialog.theme-dark .el-pagination .btn-next:hover {
  background-color: #333;
  color: #e6e6e6;
}
.el-dialog.theme-dark .el-pagination .el-pager li {
  background-color: #2a2a2a !important;
  color: #cbd5e1 !important;
  border-color: rgba(255,255,255,0.12) !important;
}
.el-dialog.theme-dark .el-pagination .el-pager li:hover {
  background-color: #333 !important;
  color: #e6e6e6 !important;
  border-color: rgba(255,255,255,0.2) !important;
}
.el-dialog.theme-dark .el-pagination .el-pager li.number {
  color: #cbd5e1 !important;
}
.el-dialog.theme-dark .el-pagination .el-pager li.active {
  background-color: #333 !important;
  color: #e6e6e6 !important;
  border-color: rgba(255,255,255,0.2) !important;
}

@media (max-width: 768px) {
  .el-dialog { width: 95% !important; max-width: 95vw !important; margin: 20px auto !important; border-radius: 16px !important; }
  .el-dialog__header { padding: 16px 16px 10px; border-radius: 16px 16px 0 0 !important; }
  .el-dialog__title { font-size: 18px; font-weight: 600; }
  .el-dialog__headerbtn { top: 16px; right: 16px; font-size: 20px; }
  .el-dialog__body { padding: 20px 15px 10px; max-height: 75vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .el-dialog__footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-radius: 0 0 16px 16px !important; }
  .el-message-box { border-radius: 16px !important; }
}
body.theme-dark .el-input__inner { background-color: #1a1a1a; border-color: rgba(255, 255, 255, 0.15); color: #e0e0e0; }
body.theme-dark .el-input__inner::placeholder { color: #a0a0a0; }
body.theme-dark .el-input.is-disabled .el-input__inner { background-color: #222222; border-color: rgba(255, 255, 255, 0.1); color: #aaaaaa; }
body.theme-dark .el-textarea__inner { background-color: #1a1a1a; border-color: rgba(255, 255, 255, 0.15); color: #e0e0e0; }
body.theme-dark .el-textarea__inner::placeholder { color: #a0a0a0; }
body.theme-dark .el-switch__label {
  color: #cfd3dc;
  transition: color .2s ease;
}
body.theme-dark .el-switch__label.is-active {
  color: #8ec5ff;
}
body.theme-dark .el-form-item__label { color: #cfcfcf; }
body.theme-dark .el-select .el-input__inner { background-color: #1a1a1a; border-color: rgba(255, 255, 255, 0.15); color: #e0e0e0; }
body.theme-dark .el-select-dropdown { background-color: #1e1e1e; border-color: rgba(255, 255, 255, 0.15); color: #e0e0e0; }
body.theme-dark .el-select-dropdown__item.hover, body.theme-dark .el-select-dropdown__item:hover { background-color: #2a2a2a; }
body.theme-dark .el-select-dropdown__item.selected { background-color: #2f3947; color: #8ec5ff; }
body.theme-dark .el-radio__label, 
body.theme-dark .el-checkbox__label { 
  color: #d4d4d4; 
}
/* 弹窗内 checkbox 暗色模式适配 */
body.theme-dark .el-dialog .el-checkbox__label,
body.theme-dark .el-message-box .el-checkbox__label {
  color: #d4d4d4 !important;
}
body.theme-dark .el-dialog .el-checkbox__inner,
body.theme-dark .el-message-box .el-checkbox__inner {
  background-color: #2a2a2a !important;
  border-color: rgba(255,255,255,0.2) !important;
}
body.theme-dark .el-dialog .el-checkbox__input.is-checked .el-checkbox__inner,
body.theme-dark .el-message-box .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #409EFF !important;
  border-color: #409EFF !important;
}
body.theme-dark .el-dialog .el-checkbox__input.is-checked + .el-checkbox__label,
body.theme-dark .el-message-box .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #e6e6e6 !important;
}
body.theme-dark .el-table__header th { 
  background-color: #2a2a2a !important; 
  color: #e0e0e0 !important; 
  transition: none !important;
}
body.theme-dark .el-table__header th:hover {
  background-color: #2a2a2a !important;
  box-shadow: none !important;
}
body.theme-dark .el-table__body td {
  background-color: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e0e0e0 !important;
}
body.theme-dark .el-table__body tr:hover > td {
  background-color: #2a2a2a !important;
}
body.theme-dark .el-table--border td,
body.theme-dark .el-table--border th {
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-right-color: rgba(255, 255, 255, 0.12) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table--border {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table::before {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table--border::after {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table th {
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-right-color: rgba(255, 255, 255, 0.12) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table__body-wrapper {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table__header-wrapper {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table__cell {
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-right-color: rgba(255, 255, 255, 0.12) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table__fixed,
body.theme-dark .el-table__fixed-right {
  background-color: #1e1e1e !important;
}
body.theme-dark .el-table__fixed::before,
body.theme-dark .el-table__fixed-right::before {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .el-table__fixed-header-wrapper,
body.theme-dark .el-table__fixed-body-wrapper {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
/* 前台确认框统一黑色主题 */
body.theme-dark .el-message-box.theme-dark { 
  background-color: #1e1e1e !important; 
  color: #e0e0e0; 
  border-color: rgba(255,255,255,0.08) !important;
  border-radius: 12px; 
}
body.theme-dark .el-message-box.theme-dark .el-message-box__header { 
  border-bottom: 1px solid rgba(255,255,255,0.08) !important; 
  background-color: #1e1e1e !important;
}
body.theme-dark .el-message-box.theme-dark .el-message-box__content { 
  color: #cbd5e1 !important; 
  background-color: #1e1e1e !important;
}
body.theme-dark .el-message-box.theme-dark .el-message-box__btns {
  border-top-color: rgba(255,255,255,0.08) !important;
  background-color: #1e1e1e !important;
}
body.theme-dark .el-message-box.theme-dark .el-message-box__btns .el-button {
  background-color: #2a2a2a !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e6e6e6 !important;
}
body.theme-dark .el-message-box.theme-dark .el-message-box__btns .el-button:hover {
  background-color: #333 !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
body.theme-dark .el-message-box.theme-dark .el-message-box__btns .el-button--primary { 
  background-color: #2a2a2a !important; 
  border-color: rgba(255,255,255,0.12) !important; 
  color: #e6e6e6 !important; 
}
body.theme-dark .el-message-box.theme-dark .el-message-box__btns .el-button--primary:hover { 
  background-color: #333 !important; 
  border-color: rgba(255,255,255,0.2) !important; 
  color: #ffffff !important; 
}

/* 列表视图样式 */
.list-item { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 12px; margin-top: 12px; border: 1px solid #ebeef5; }
.list-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.list-title { font-weight: bold; color: #303133; }
.list-meta { color: #606266; font-size: 14px; margin-top: 6px; display: flex; flex-wrap: wrap; gap: 10px; }
.list-actions { margin-top: 10px; display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.copy-btn { border: none; background: transparent; color: #909399; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; padding: 4px 6px; border-radius: 4px; }
.copy-btn:hover { color: #409EFF; background: #ecf5ff; }
.order-list-item .list-header .copy-btn { margin-left: auto; }

/* 密码强度样式 */
.password-valid { color: #67C23A; display: flex; align-items: center; gap: 4px; font-size: 12px; }
.password-invalid { color: #F56C6C; display: flex; align-items: center; gap: 4px; font-size: 12px; }
.password-strength-bar { width: 100%; height: 4px; background: #f0f2f5; border-radius: 2px; overflow: hidden; }
.password-strength-container { margin-top: 6px; }
.password-strength-fill { height: 100%; transition: width 0.3s ease, background-color 0.3s ease; border-radius: 2px; }
.password-feedback { margin-top: 8px; }
.gaimi-dialog .el-input.is-error input { border-color: #F56C6C; }
.gaimi-dialog .el-input.is-success input { border-color: #67C23A; }

/* 密码要求说明框 */
.password-requirements {
  margin-top: 8px;
  padding: 10px 12px;
  background: #f5f7fa;
  border-radius: 6px;
  font-size: 12px;
  color: #606266;
  line-height: 1.6;
  border: 1px solid #e4e7ed;
}
.password-requirements-title {
  font-weight: 600;
  margin-bottom: 6px;
  color: #303133;
}
.password-requirements-item {
  margin-bottom: 4px;
  color: #606266;
}
.password-requirements-sub {
  padding-left: 12px;
  margin-bottom: 2px;
  color: #909399;
  font-size: 11px;
}

/* 改密弹窗移动端适配 */
@media (max-width: 768px) {
  .gaimi-dialog {
    width: 92% !important;
    max-width: 92vw !important;
    margin: 20px auto !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  }
  .gaimi-dialog .el-dialog__header {
    padding: 18px 16px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .gaimi-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
    line-height: 1.4;
  }
  .gaimi-dialog .el-dialog__headerbtn {
    top: 16px;
    right: 16px;
    font-size: 20px;
  }
  .gaimi-dialog .el-dialog__body {
    padding: 20px 15px 5px;
    max-height: 75vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gaimi-form .el-form-item {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .gaimi-form .el-form-item:last-child {
    margin-bottom: 0;
  }
  .gaimi-form .el-form-item__content {
    width: 100%;
    margin-left: 0 !important;
  }
  .gaimi-form .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #606266;
    margin-bottom: 4px;
  }
  .gaimi-dialog .el-input {
    width: 100%;
  }
  .gaimi-dialog .el-input__inner {
    font-size: 15px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1.5px solid #DCDFE6;
    transition: all 0.3s ease;
    width: 100%;
    box-sizing: border-box;
  }
  .gaimi-dialog .el-input__inner:focus {
    border-color: #409EFF;
    box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
  }
  .password-feedback {
    margin-top: 12px;
    width: 100%;
  }
  .password-valid, .password-invalid {
    font-size: 12px;
    gap: 6px;
    padding: 6px 0;
    align-items: center;
  }
  .password-valid i, .password-invalid i {
    font-size: 14px;
    flex-shrink: 0;
  }
  .password-strength-bar {
    height: 6px;
    border-radius: 3px;
    margin-top: 8px;
    width: 100%;
  }
  .password-strength-container {
    margin-top: 8px;
    width: 100%;
  }
  .password-requirements {
    padding: 14px 12px;
    font-size: 12px;
    margin-top: 12px;
    border-radius: 8px;
    border: 1.5px solid #e4e7ed;
    background: #fafbfc;
    width: 100%;
    box-sizing: border-box;
  }
  .password-requirements-title {
    font-size: 14px;
    margin-bottom: 8px;
    color: #303133;
    font-weight: 600;
  }
  .password-requirements-item {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 1.6;
    color: #606266;
  }
  .password-requirements-sub {
    font-size: 11px;
    padding-left: 12px;
    margin-bottom: 2px;
    line-height: 1.5;
    color: #909399;
  }
  .gaimi-dialog-footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: transparent;
  }
  .gaimi-dialog-footer .el-button {
    flex: 1;
    min-width: 85px;
    height: 36px;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    padding: 0 14px;
  }
  .gaimi-dialog-footer .el-button--default {
    background: #fff;
    border: 1.5px solid #DCDFE6;
    color: #606266;
  }
  .gaimi-dialog-footer .el-button--default:active {
    background: #f5f7fa;
    transform: scale(0.98);
  }
  .gaimi-dialog-footer .el-button--primary {
    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
  }
  .gaimi-dialog-footer .el-button--primary:active {
    transform: scale(0.98);
    box-shadow: 0 1px 4px rgba(64, 158, 255, 0.3);
  }
}

/* 改密弹窗暗色模式 */
body.theme-dark .password-requirements {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: #bdbdbd;
}
body.theme-dark .password-requirements-title {
  color: #e6e6e6;
  font-weight: 600;
}
body.theme-dark .password-requirements-item {
  color: #cbd5e1;
}
body.theme-dark .password-requirements-sub {
  color: #a8b4c4;
}
body.theme-dark .password-strength-bar {
  background: rgba(255, 255, 255, 0.1);
}
body.theme-dark .password-valid {
  color: #9be27c;
}
body.theme-dark .password-invalid {
  color: #f88c7a;
}
body.theme-dark .gaimi-dialog .el-input.is-error input {
  border-color: #f88c7a;
}
body.theme-dark .gaimi-dialog .el-input.is-success input {
  border-color: #9be27c;
}
body.theme-dark .gaimi-dialog .el-form-item__label {
  color: #e6e6e6;
}
body.theme-dark .gaimi-dialog .el-input__inner {
  background-color: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}
body.theme-dark .gaimi-dialog .el-input__inner::placeholder {
  color: #aaaaaa;
}
body.theme-dark .gaimi-dialog .el-input__inner:focus {
  border-color: #409EFF;
  background-color: #2f2f2f;
  box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.15);
}
/* 改密弹窗移动端暗色模式优化 */
@media (max-width: 768px) {
  body.theme-dark .gaimi-dialog {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  }
  body.theme-dark .gaimi-dialog .el-dialog__header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
  }
  body.theme-dark .gaimi-dialog .el-dialog__title {
    color: #e6e6e6;
  }
  body.theme-dark .gaimi-dialog-footer {
    background: transparent;
    border-top-color: rgba(255, 255, 255, 0.08);
  }
  body.theme-dark .gaimi-dialog-footer .el-button--default {
    background: #2a2a2a !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #e6e6e6 !important;
  }
  body.theme-dark .gaimi-dialog-footer .el-button--default:active {
    background: #242424 !important;
  }
  /* 改密弹窗 primary 按钮统一黑色主题 */
  body.theme-dark .gaimi-dialog-footer .el-button--primary {
    background-color: #2a2a2a !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #e6e6e6 !important;
    box-shadow: none !important;
  }
  body.theme-dark .gaimi-dialog-footer .el-button--primary:hover {
    background-color: #333 !important;
    border-color: rgba(255,255,255,0.2) !important;
    color: #ffffff !important;
  }
  body.theme-dark .gaimi-dialog-footer .el-button--primary:active {
    background-color: #242424 !important;
    box-shadow: none !important;
  }
}

/* 移动端小屏幕进一步优化 */
@media (max-width: 480px) {
  .gaimi-dialog {
    width: 96% !important;
    max-width: 96vw !important;
    margin: 10px auto !important;
    border-radius: 12px !important;
  }
  .gaimi-dialog .el-dialog__header {
    padding: 16px 14px 10px;
  }
  .gaimi-dialog .el-dialog__title {
    font-size: 17px;
  }
  .gaimi-dialog .el-dialog__headerbtn {
    top: 14px;
    right: 14px;
    font-size: 18px;
  }
  .gaimi-dialog .el-dialog__body {
    padding: 15px 20px;
  }
  .gaimi-form .el-form-item {
    margin-bottom: 18px;
  }
  .gaimi-form .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    font-size: 13px;
    padding-bottom: 6px;
    padding-left: 0;
    margin-bottom: 4px;
  }
  .gaimi-dialog .el-input__inner {
    font-size: 14px;
    padding: 11px 12px;
  }
  .password-feedback {
    margin-top: 10px;
  }
  .password-valid, .password-invalid {
    font-size: 11px;
    gap: 5px;
  }
  .password-valid i, .password-invalid i {
    font-size: 13px;
  }
  .password-strength-bar {
    height: 5px;
  }
  .password-requirements {
    padding: 12px 10px;
    font-size: 12px;
    margin-top: 10px;
  }
  .password-requirements-title {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .password-requirements-item {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .password-requirements-sub {
    font-size: 10px;
    padding-left: 10px;
    margin-bottom: 2px;
  }
  .gaimi-dialog-footer {
    padding: 15px 15px 0px;
    gap: 10px;
    flex-wrap: wrap;
    background: transparent;
  }
  .gaimi-dialog-footer .el-button {
    font-size: 12px;
    height: 35px;
    padding: 0 15px;
    min-width: 75px;
  }
}
.status-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 6px; font-size: 12px; }
.status-processing { background: #ecf5ff; color: #409EFF; }
.status-completed { background: #f0f9eb; color: #67C23A; }
.el-tag--mini { padding: 2px 8px; }
.centered-tag { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.el-table .el-tag { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.el-table .el-tag--mini { padding-top: 2px; padding-bottom: 2px; }
.result-count { margin-right: 12px; }
.result-count + .title-btn { margin-left: 6px; }
.progress-wrapper { display: inline-flex; align-items: center; gap: 10px; }
.progress-wrapper.fluid { display: flex; align-items: center; gap: 10px; width: 100%; }
.progress-wrapper.fluid .progress-bar { flex: 1; width: auto; }
.progress-bar { position: relative; width: 160px; height: 6px; background: #f0f2f5; border: 1px solid #e4e7ed; border-radius: 3px; overflow: hidden; }
.progress-inner { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, #67C23A, #409EFF); border-radius: 3px; transition: width 0.6s ease; }
.progress-inner.not-started { width: 100% !important; background: #dcdfe6; }
.progress-number { min-width: 50px; font-size: 12px; color: #52c41a; font-weight: 500; }
@media (max-width: 420px){
  .progress-wrapper { display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; }
  .progress-bar { display: none; }
  .progress-number { display: inline; background: transparent; padding: 0; min-width: auto; border-radius: 0; text-align: left; }
  .sort-bar { gap: 4px; }
  .search-title-bar > div:last-child { gap: 4px !important; }
  .search-title-bar .title-actions { gap: 4px !important; margin-left: 4px !important; }
  .copy-btn .label { display: none; }
}

/* 前台按钮内的图标和文字垂直居中；不使用 gap，确保 margin 控制间距 */
.el-button > span { display: inline-flex; align-items: center; gap: 0; line-height: 1; }
.el-button > span i[class^="el-icon-"],
.el-button > span i[class*=" el-icon-"] { line-height: 1; vertical-align: middle; }

.order-list-item { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 12px; margin-top: 16px; border: 1px solid #ebeef5; }
.order-list-item .list-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.order-list-item .list-title { font-weight: bold; color: #303133; display: flex; align-items: center; gap: 8px; }
.order-list-item .list-status { display: flex; align-items: center; }
.order-list-item .list-body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.order-list-item .list-field { display: flex; align-items: center; gap: 6px; color: #606266; font-size: 14px; padding: 8px 0; }
.order-list-item .list-field i { color: #909399; }
.item-label i, .order-list-item .list-field i, .status-tag i, .copy-btn i, .title-btn i { display: inline-block; width: 1em; height: 1em; line-height: 1em; text-align: center; vertical-align: middle; color: currentColor; }
span > i[class^="el-icon-"]:not(.el-input__icon), span > i[class*=" el-icon-"]:not(.el-input__icon) { display: inline-block; width: 1em; height: 1em; line-height: 1em; text-align: center; vertical-align: middle; color: currentColor; }
.el-input__suffix .el-input__icon { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 100%; line-height: 1; vertical-align: middle; }
.sort-bar .el-select .el-input__suffix .el-select__caret { font-size: 12px; }
.item-label, .history-item-content { display: inline-flex; align-items: center; gap: 6px; line-height: 1.5; }
.order-list-item .list-field-value { color: #303133; flex: 1; }
.order-list-item .list-actions { margin-top: 10px; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.btn-budan, .btn-tongbu, .btn-zanting, .btn-gaimi, .btn-youxian { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0; padding: 6px 10px; border: none; border-radius: 6px; cursor: pointer; font-size: 12px; overflow: hidden; min-width: 96px; line-height: 1; }

/* 补刷：warning（橙色） */
.btn-budan { background: linear-gradient(135deg, #E6A23C 0%, #f0b74f 100%); color: #fff; box-shadow: 0 2px 4px rgba(230,162,60,0.2); }
.btn-budan:hover { background: linear-gradient(135deg, #ebb271 0%, #f3c673 100%); transform: translateY(-1px) scale(1.01); box-shadow: 0 3px 10px rgba(230,162,60,0.3); }
.btn-budan:active { transform: translateY(0) scale(0.98); box-shadow: 0 1px 4px rgba(230,162,60,0.25); }
.btn-budan:disabled { background: linear-gradient(135deg, #E6A23C 0%, #f0b74f 100%); cursor: not-allowed; transform: none; box-shadow: none; opacity: 1; color: #fff; }

/* 同步：primary（蓝色） */
.btn-tongbu { background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%); color: #fff; box-shadow: 0 2px 4px rgba(64,158,255,0.2); }
.btn-tongbu:hover { background: linear-gradient(135deg, #66b1ff 0%, #85c3ff 100%); transform: translateY(-1px) scale(1.01); box-shadow: 0 3px 10px rgba(64,158,255,0.3); }
.btn-tongbu:active { transform: translateY(0) scale(0.98); box-shadow: 0 1px 4px rgba(64,158,255,0.25); }
.btn-tongbu:disabled { background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%); cursor: not-allowed; transform: none; box-shadow: none; opacity: 1; color: #fff; }

/* 暂停：danger（红色） */
.btn-zanting { background: linear-gradient(135deg, #F56C6C 0%, #fb8a8a 100%); color: #fff; box-shadow: 0 2px 4px rgba(245,108,108,0.2); }
.btn-zanting:hover { background: linear-gradient(135deg, #f78989 0%, #fba3a3 100%); transform: translateY(-1px) scale(1.01); box-shadow: 0 3px 10px rgba(245,108,108,0.3); }
.btn-zanting:active { transform: translateY(0) scale(0.98); box-shadow: 0 1px 4px rgba(245,108,108,0.25); }
.btn-zanting:disabled { background: linear-gradient(135deg, #F56C6C 0%, #fb8a8a 100%); cursor: not-allowed; transform: none; box-shadow: none; opacity: 1; color: #fff; }

/* 改密：info（灰蓝） */
.btn-gaimi { background: linear-gradient(135deg, #909399 0%, #b1b4ba 100%); color: #fff; box-shadow: 0 2px 4px rgba(144,147,153,0.2); }
.btn-gaimi:hover { background: linear-gradient(135deg, #a3a6ad 0%, #c2c5ca 100%); transform: translateY(-1px) scale(1.01); box-shadow: 0 3px 10px rgba(144,147,153,0.3); }
.btn-gaimi:active { transform: translateY(0) scale(0.98); box-shadow: 0 1px 4px rgba(144,147,153,0.25); }
.btn-gaimi:disabled { background: linear-gradient(135deg, #909399 0%, #b1b4ba 100%); cursor: not-allowed; transform: none; box-shadow: none; opacity: 1; color: #fff; }

/* 优先：success（绿色） */
.btn-youxian { background: linear-gradient(135deg, #67C23A 0%, #85ce61 100%); color: #fff; box-shadow: 0 2px 4px rgba(103,194,58,0.2); }
.btn-youxian:hover { background: linear-gradient(135deg, #85ce61 0%, #95d475 100%); transform: translateY(-1px) scale(1.01); box-shadow: 0 3px 10px rgba(103,194,58,0.3); }
.btn-youxian:active { transform: translateY(0) scale(0.98); box-shadow: 0 1px 4px rgba(103,194,58,0.25); }
.btn-youxian:disabled { background: linear-gradient(135deg, #67C23A 0%, #85ce61 100%); cursor: not-allowed; transform: none; box-shadow: none; opacity: 1; color: #fff; }

.btn-budan::before, .btn-tongbu::before, .btn-zanting::before, .btn-gaimi::before, .btn-youxian::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.5); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; }
.btn-budan:active::before, .btn-tongbu:active::before, .btn-zanting:active::before, .btn-gaimi:active::before, .btn-youxian:active::before { width: 200px; height: 200px; }
.btn-budan::after, .btn-tongbu::after, .btn-zanting::after, .btn-gaimi::after, .btn-youxian::after { content: ''; position: absolute; top: -50%; left: -100%; width: 30%; height: 200%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: skewX(-25deg); transition: left 0.6s; }
.btn-budan:hover::after, .btn-tongbu:hover::after, .btn-zanting:hover::after, .btn-gaimi:hover::after, .btn-youxian:hover::after { left: 150%; }
.btn-budan i, .btn-tongbu i, .btn-zanting i, .btn-gaimi i, .btn-youxian i { margin-right: 2px; font-size: 14px; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; z-index: 1; line-height: 1; vertical-align: middle; }
.btn-budan:hover i { transform: rotate(-10deg) scale(1.1); animation: iconBounce 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.btn-tongbu:hover i { transform: rotate(360deg) scale(1.1); animation: iconSpin 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.btn-youxian:hover i { transform: translateY(-3px) scale(1.1); animation: iconUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.btn-budan:disabled i, .btn-tongbu:disabled i, .btn-zanting:disabled i, .btn-gaimi:disabled i, .btn-youxian:disabled i { animation: iconRotate 1s linear infinite; color: #fff; }
.title-btn { display: inline-flex; align-items: center; gap: 0; }
.btn-loading i { margin-right: 2px; }
@keyframes iconBounce { 0%, 100% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(-15deg) scale(1.1); } 50% { transform: rotate(-10deg) scale(1.15); } 75% { transform: rotate(-15deg) scale(1.1); } }
@keyframes iconSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes iconUp { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.15); } }
@keyframes iconRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.btn-text-short { display: none; }

/* 统一按钮文字左侧外边距为 0，避免偏移 */
.btn-text-full, .btn-text-short { margin-left: 0px; }

/* 列表视图：移动端单列布局（保持600px断点用于布局优化） */
@media (max-width: 600px) {
  .order-list-item .list-body { grid-template-columns: 1fr; }
}
@media (min-width: 600px) {
  .order-list-item { padding: 15px; margin-top: 20px; }
  .order-list-item .list-body { gap: 10px; }
}

/* 按钮文本切换与样式：统一使用480px断点，与JS isMobile保持一致 */
@media (max-width: 480px) {
  /* 按钮文本：移动端显示短文本 */
  .btn-text-full { display: none !important; }
  .btn-text-short { display: inline-flex !important; align-items: center; line-height: 1; white-space: nowrap; }
  
  /* 按钮样式：移动端紧凑布局 */
  .btn-budan, .btn-tongbu, .btn-zanting, .btn-gaimi, .btn-youxian { min-width: 60px; padding: 4px 6px; gap: 0; justify-content: center; }
  
  /* 固定迷你按钮高度，配合 flex 垂直居中 */
  .el-button--mini.btn-budan,
  .el-button--mini.btn-tongbu,
  .el-button--mini.btn-zanting,
  .el-button--mini.btn-gaimi,
  .el-button--mini.btn-youxian { height: 28px; }
  .btn-budan i, .btn-tongbu i, .btn-zanting i, .btn-gaimi i, .btn-youxian i { margin-right: 2px; }
}

/* 底部友情链接（默认背景图样式） */
.footer-friendlinks { position: fixed; bottom: 0; left: 0; right: 0; padding: 8px 15px; width: 100%; box-sizing: border-box; z-index: 100; transition: transform 0.3s ease, opacity 0.3s ease; background: rgba(255, 255, 255, 0.05); border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer-friendlinks.hidden { transform: translateY(100%); opacity: 0; pointer-events: none; }
.friendlinks-title { text-align: center; font-size: 14px; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; gap: 5px; color: rgba(255, 255, 255, 1); text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.7); }
.friendlinks-title i { font-size: 14px; }
.friendlinks-container { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.friendlink-item { display: inline-flex; align-items: center; padding: 5px 14px; border-radius: 6px; text-decoration: none; font-size: 14px; font-weight: 600; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.35); color: rgba(255, 255, 255, 1); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
.friendlink-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.5); color: white; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6); }
.friendlink-item i { margin-right: 4px; font-size: 14px; }
.friendlink-name { font-weight: 400; }
.friendlink-description { display: none; }
body { padding-bottom: 20px; }
body:has(.footer-friendlinks:not(.hidden)) { padding-bottom: 65px; }
body:has(.footer-info:not(.hidden)) { padding-bottom: 50px; }
body:has(.footer-friendlinks:not(.hidden)):has(.footer-info:not(.hidden)) { padding-bottom: 110px; }
@media (max-width: 768px) {
  .footer-friendlinks { padding: 8px 12px; }
  .friendlinks-title { font-size: 14px; margin-bottom: 6px; gap: 4px; }
  .friendlinks-title i { font-size: 14px; }
  .friendlinks-container { gap: 6px; }
  .friendlink-item { padding: 4px 12px; font-size: 14px; }
  .friendlink-item i { font-size: 12px; margin-right: 3px; }
  body:has(.footer-friendlinks:not(.hidden)) { padding-bottom: 60px; }
  body:has(.footer-info:not(.hidden)) { padding-bottom: 45px; }
  body:has(.footer-friendlinks:not(.hidden)):has(.footer-info:not(.hidden)) { padding-bottom: 100px; }
}

/* 底部备案号和版本号 */
.footer-info { position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 15px; width: 100%; box-sizing: border-box; z-index: 101; background: rgba(255, 255, 255, 0.05); border-top: 1px solid rgba(255, 255, 255, 0.1); }
/* 当友情链接存在且未隐藏时，备案号显示在友情链接上方，保持适当间距 */
.footer-friendlinks:not(.hidden) ~ .footer-info:not(.hidden),
body:has(.footer-friendlinks:not(.hidden)) .footer-info:not(.hidden) { 
  bottom: 72px; 
}
@media (max-width: 768px) {
  .footer-friendlinks:not(.hidden) ~ .footer-info:not(.hidden),
  body:has(.footer-friendlinks:not(.hidden)) .footer-info:not(.hidden) { 
    bottom: 68px;
  }
}
.footer-info-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 0; flex-wrap: wrap; }
.footer-info-group { display: inline-flex; align-items: center; gap: 0; }
.footer-info-label { font-size: 14px; color: rgba(255, 255, 255, 1); font-weight: 700; margin: 0; padding: 0; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.7); line-height: 1; display: inline-flex; align-items: center; }
.footer-info-item { font-size: 14px; color: rgba(255, 255, 255, 1); text-decoration: none; transition: all 0.3s ease; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.7); line-height: 1; margin: 0; padding: 0; font-weight: 600; display: inline-flex; align-items: center; }
.footer-info-item:hover { color: rgba(255, 255, 255, 1); text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.7); }
.footer-info-separator { font-size: 14px; color: rgba(255, 255, 255, 0.8); margin: 0 4px; padding: 0; font-weight: 600; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.7); line-height: 1; display: inline-flex; align-items: center; }
.footer-info-icp { font-weight: 600; font-size: 13px; }
.footer-info-version { font-weight: 600; font-size: 13px; }
.footer-info.hidden { transform: translateY(100%); opacity: 0; pointer-events: none; }
body.no-bg .footer-info {
  background: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(200, 200, 200, 0.3);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}
body.no-bg .footer-info-label { color: #409EFF; text-shadow: none; }
body.no-bg .footer-info-item { color: #409EFF; text-shadow: none; }
body.no-bg .footer-info-item:hover { color: #409EFF; }
body.no-bg .footer-info-separator { color: #909399; text-shadow: none; }
@media (max-width: 768px) {
  .footer-info { padding: 8px 12px; }
  .footer-info-content { flex-direction: column; gap: 4px; align-items: center; }
  .footer-info-group { display: flex; align-items: center; gap: 0; }
  .footer-info-item { font-size: 14px; }
  .footer-info-label { font-size: 14px; }
  .footer-info-icp { font-size: 13px; }
  .footer-info-version { font-size: 13px; }
  .footer-info-separator { display: none; }
}
body.theme-dark .footer-info { background: rgba(0, 0, 0, 0.35); border-top-color: rgba(255, 255, 255, 0.12); }
body.theme-dark .footer-info-label { color: rgba(255, 255, 255, 0.7); text-shadow: none; }
body.theme-dark .footer-info-item { color: rgba(255, 255, 255, 0.7); text-shadow: none; }
body.theme-dark .footer-info-item:hover { color: rgba(255, 255, 255, 0.9); }
body.theme-dark .footer-info-separator { color: rgba(255, 255, 255, 0.5); text-shadow: none; }

.tip-bar { background: #ECF5FF; color: #409EFF; padding: 10px 15px; border-radius: 10px; margin: 10px 0; border: 1px solid #b3d8ff; }
.alert-tip { margin: 8px 0; }

/* 统计看板 */
.stats-dashboard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 12px; }
.stat-card { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 10px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); cursor: pointer; border: 1px solid #ebeef5; }
.stat-card.active { border-color: #409EFF; }

 /* stat card children */
 .stats-dashboard .stat-card .stat-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; color: #fff; }
 .stats-dashboard .stat-card .stat-content { display: flex; flex-direction: column; }
 .stats-dashboard .stat-card .stat-value { font-size: 18px; font-weight: bold; }
 .stats-dashboard .stat-card .stat-label { font-size: 12px; }
.stat-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; }
.stat-content { display: flex; flex-direction: column; }
.stat-value { font-size: 18px; font-weight: bold; color: #303133; }
.stat-label { font-size: 12px; color: #909399; }
.filter-bar { display: flex; align-items: center; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.filter-tag { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:20px; background:#f5f7fa; color:#606266; cursor:pointer; border:1px solid #ebeef5; }
.filter-tag.active { background:#ecf5ff; color:#409EFF; border-color:#b3d8ff; }
.filter-tag .badge { background:#fff; color:#909399; border:1px solid #ebeef5; border-radius:10px; padding:0 6px; font-size:12px; }
.sort-bar { display:flex; align-items:center; gap:6px; margin-top:10px; }
.sort-label { color:#606266; font-size:14px; display:flex; align-items:center; gap:6px; }
.filter-bar, .sort-bar { background: #f5f7fa; padding: 8px 10px; border-radius: 10px; }
@media (max-width: 480px){ .stats-dashboard { grid-template-columns: repeat(2, 1fr); } .stat-card { padding: 10px; } }
@media (max-width: 768px){ .stats-dashboard { grid-template-columns: repeat(2, 1fr); } }
.rotating { animation: spin 1s linear infinite; }
@keyframes spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }

/* 骨架屏 */
.skeleton-card { background:#fff; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.05); padding:12px; margin-top:12px; }
.skeleton-line { height:14px; border-radius:6px; background: #f2f2f2; margin-top:8px; overflow:hidden; position:relative; }
.skeleton::after { content:''; position:absolute; left:-40%; top:0; height:100%; width:40%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0)); animation: shimmer 1.2s infinite; }
@keyframes shimmer { 0% { left:-40%; } 100% { left:100%; } }

/* 空状态提示 */
@keyframes searchTipPulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } }
.search-tip { text-align:center; padding:60px 20px; font-size:16px; animation: searchTipPulse 2s ease-in-out infinite; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color: white; }
.search-tip i { font-size:48px; opacity:0.9; }
.search-tip-text { font-size:18px; font-weight:500; text-shadow: 0 2px 4px rgba(0,0,0,0.1); }
@media (max-width: 768px) { .search-tip { padding: 40px 16px; gap: 10px; } .search-tip i { font-size: 40px; } .search-tip-text { font-size: 16px; } }
@media (max-width: 480px) { .search-tip { padding: 36px 14px; gap: 10px; } .search-tip i { font-size: 36px; } .search-tip-text { font-size: 15px; } }

/* Dark theme: empty state tip visual tuning */
body.theme-dark .search-tip i { color: #8ec5ff; opacity: 0.95; }
body.theme-dark .search-tip-text { text-shadow: none; }

/* 加载动画与火箭动画 */
.rocket-wrapper { position:relative; width:180px; height:180px; margin-bottom:20px; overflow:visible; }
.rocket { position:absolute; top:50%; left:50%; width:60px; height:80px; margin-left:-30px; margin-top:-40px; animation: rocketFly 3s ease-in-out infinite; transform-origin:center center; z-index:10; }
.rocket-glow { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100px; height:100px; background: radial-gradient(circle, rgba(102,126,234,0.3) 0%, transparent 70%); border-radius:50%; animation: glowPulse 2s ease-in-out infinite; z-index:-1; }
.rocket-body { position:relative; width:40px; height:60px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius:20px 20px 5px 5px; margin:0 auto; box-shadow: 0 5px 15px rgba(102,126,234,0.3), inset -2px -2px 5px rgba(0,0,0,0.2), inset 2px 2px 5px rgba(255,255,255,0.3); }
.rocket-body::before { content:''; position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #667eea; filter: drop-shadow(0 -2px 3px rgba(102,126,234,0.5)); }
.rocket-stripe { position:absolute; left:5px; right:5px; height:3px; background: rgba(255,255,255,0.3); border-radius:2px; }
.stripe1 { top:35px; }
.stripe2 { top:42px; }
.rocket-window { position:absolute; top:15px; left:50%; transform:translateX(-50%); width:16px; height:16px; background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); border-radius:50%; border:2px solid rgba(255,255,255,0.5); box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2), inset 1px 1px 3px rgba(255,255,255,0.5); animation: windowGlow 1.5s ease-in-out infinite; }
.rocket-fin { position:absolute; bottom:5px; width:15px; height:25px; background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); }
.rocket-fin.left { left:-5px; border-radius:0 0 0 10px; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.rocket-fin.right { right:-5px; border-radius:0 0 10px 0; clip-path: polygon(0 0, 100% 100%, 0 100%); }
.rocket-fire { position:absolute; bottom:-25px; left:50%; transform:translateX(-50%); width:20px; height:30px; }
.fire-flame { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:12px; height:20px; border-radius:50% 50% 0 0; animation: flameFlicker 0.3s ease-in-out infinite alternate; }
.flame1 { background: linear-gradient(to bottom, #FFD700 0%, #FFA500 50%, #FF4500 100%); animation-delay:0s; filter: blur(1px); }
.flame2 { background: linear-gradient(to bottom, #FFA500 0%, #FF6347 50%, #FF0000 100%); width:10px; height:18px; animation-delay:0.1s; filter: blur(0.5px); }
.flame3 { background: linear-gradient(to bottom, #FF6347 0%, #FF4500 50%, #DC143C 100%); width:8px; height:15px; animation-delay:0.2s; }
.flame4 { background: linear-gradient(to bottom, #FFE55C 0%, #FFB347 50%, #FF7F50 100%); width:14px; height:22px; animation-delay:0.05s; filter: blur(1.5px); }
.flame5 { background: linear-gradient(to bottom, #FFA500 0%, #FF4500 50%, #8B0000 100%); width:6px; height:12px; animation-delay:0.15s; }
.fire-particles { position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:40px; height:40px; }
.particle { position:absolute; width:4px; height:4px; background:#FFA500; border-radius:50%; animation: particleFloat 1s ease-out infinite; }
.p1 { left:18px; animation-delay:0s; }
.p2 { left:10px; animation-delay:0.2s; }
.p3 { left:26px; animation-delay:0.4s; }
.p4 { left:14px; animation-delay:0.6s; }
.p5 { left:22px; animation-delay:0.8s; }
.p6 { left:6px; animation-delay:0.3s; }
.stars { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
.star { position:absolute; color:#FFD700; font-size:12px; opacity:0; animation: starTwinkle 2s ease-in-out infinite; }
.star1 { top:10%; left:10%; animation-delay:0s; }
.star2 { top:20%; right:15%; animation-delay:0.5s; }
.star3 { bottom:30%; left:15%; animation-delay:1s; }
.star4 { bottom:20%; right:10%; animation-delay:1.5s; }
.star5 { top:50%; left:5%; animation-delay:0.7s; }
.star6 { top:60%; right:8%; animation-delay:1.2s; }
.smoke-trail { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:200px; height:200px; pointer-events:none; z-index:5; }
.smoke { position:absolute; left:50%; top:50%; width:30px; height:30px; background: radial-gradient(circle, rgba(200,200,220,0.4) 0%, transparent 70%); border-radius:50%; animation: smokeRise 2s ease-out infinite; }
.smoke1 { animation-delay:0s; }
.smoke2 { animation-delay:0.5s; }
.smoke3 { animation-delay:1s; }
.smoke4 { animation-delay:1.5s; }
.shooting-stars { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:hidden; }
.shooting-star { position:absolute; width:2px; height:2px; background:#fff; border-radius:50%; box-shadow:0 0 4px 1px rgba(255,255,255,0.8); animation: shootingStar 3s linear infinite; }
.ss1 { top:10%; left:80%; animation-delay:0s; }
.ss2 { top:40%; left:90%; animation-delay:1.5s; }
.clouds { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
.cloud { position:absolute; font-size:24px; opacity:0.3; animation: cloudFloat 8s ease-in-out infinite; }
.cloud1 { top:15%; left:-10%; animation-delay:0s; }
.cloud2 { bottom:25%; right:-10%; animation-delay:4s; }
@keyframes rocketFly { 0% { transform: translateY(0) translateX(0) rotate(-3deg) scale(1);} 15% { transform: translateY(-8px) translateX(5px) rotate(2deg) scale(1.05);} 30% { transform: translateY(-18px) translateX(8px) rotate(4deg) scale(1.08);} 45% { transform: translateY(-22px) translateX(5px) rotate(1deg) scale(1.1);} 60% { transform: translateY(-18px) translateX(-5px) rotate(-3deg) scale(1.08);} 75% { transform: translateY(-8px) translateX(-8px) rotate(-5deg) scale(1.05);} 90% { transform: translateY(0) translateX(-5px) rotate(-2deg) scale(1.02);} 100% { transform: translateY(0) translateX(0) rotate(-3deg) scale(1);} }
@keyframes flameFlicker { 0% { transform: translateX(-50%) scaleY(1); opacity:1;} 100% { transform: translateX(-50%) scaleY(1.3); opacity:0.8;} }
@keyframes windowGlow { 0%,100% { box-shadow:0 0 5px rgba(168,237,234,0.5);} 50% { box-shadow:0 0 15px rgba(168,237,234,0.8);} }
@keyframes starTwinkle { 0%,100% { opacity:0; transform: scale(0.5) rotate(0deg);} 50% { opacity:1; transform: scale(1.2) rotate(180deg);} }
@keyframes glowPulse { 0%,100% { transform: translate(-50%, -50%) scale(1); opacity:0.3;} 50% { transform: translate(-50%, -50%) scale(1.3); opacity:0.6;} }
@keyframes particleFloat { 0% { transform: translateY(0) translateX(0) scale(1); opacity:1;} 50% { transform: translateY(-15px) translateX(calc(var(--random-x, 0) * 5px)) scale(0.8); opacity:0.6;} 100% { transform: translateY(-30px) translateX(calc(var(--random-x, 0) * 10px)) scale(0.3); opacity:0;} }
@keyframes smokeRise { 0% { transform: translate(-50%, -50%) scale(0.5); opacity:0.6;} 50% { transform: translate(-50%, -80px) scale(1.5); opacity:0.3;} 100% { transform: translate(-50%, -120px) scale(2.5); opacity:0;} }
@keyframes shootingStar { 0% { transform: translateX(0) translateY(0); opacity:1;} 70% { opacity:1;} 100% { transform: translateX(-150px) translateY(150px); opacity:0;} }
@keyframes cloudFloat { 0% { transform: translateX(0);} 50% { transform: translateX(100px);} 100% { transform: translateX(0);} }
@media (max-width: 768px){ .loading-container{ padding:32px 14px;} .rocket-wrapper{ width:135px; height:135px; margin-bottom:8px;} .rocket{ width:50px; height:66px; margin-left:-25px; margin-top:-33px;} .rocket-body{ width:34px; height:50px;} .rocket-body::before{ border-left:17px solid transparent; border-right:17px solid transparent; border-bottom:17px solid #667eea; top:-14px;} .rocket-window{ width:14px; height:14px; top:12px;} .rocket-stripe{ height:2px;} .stripe1{ top:28px;} .stripe2{ top:34px;} .rocket-fin{ width:12px; height:20px;} .rocket-fire{ bottom:-20px; width:18px; height:25px;} .fire-flame{ width:10px; height:16px;} .flame2{ width:8px; height:14px;} .flame3{ width:6px; height:12px;} .flame4{ width:12px; height:18px;} .flame5{ width:5px; height:10px;} .fire-particles{ bottom:-25px; width:35px; height:35px;} .particle{ width:3px; height:3px;} .rocket-glow{ width:80px; height:80px;} .smoke-trail{ width:150px; height:150px;} .smoke{ width:22px; height:22px;} .star{ font-size:10px;} .cloud{ font-size:18px;} @keyframes rocketFly{ 0%{ transform: translateY(0) translateX(0) rotate(-2deg) scale(1);} 15%{ transform: translateY(-6px) translateX(3px) rotate(1deg) scale(1.03);} 30%{ transform: translateY(-12px) translateX(5px) rotate(3deg) scale(1.05);} 45%{ transform: translateY(-15px) translateX(3px) rotate(0deg) scale(1.06);} 60%{ transform: translateY(-12px) translateX(-3px) rotate(-2deg) scale(1.05);} 75%{ transform: translateY(-6px) translateX(-5px) rotate(-3deg) scale(1.03);} 90%{ transform: translateY(0) translateX(-3px) rotate(-1deg) scale(1.01);} 100%{ transform: translateY(0) translateX(0) rotate(-2deg) scale(1);} } @keyframes cloudFloat{ 0%{ transform: translateX(0);} 50%{ transform: translateX(60px);} 100%{ transform: translateX(0);} } @keyframes shootingStar{ 0%{ transform: translateX(0) translateY(0); opacity:1;} 70%{ opacity:1;} 100%{ transform: translateX(-100px) translateY(100px); opacity:0;} } @keyframes smokeRise{ 0%{ transform: translate(-50%, -50%) scale(0.5); opacity:0.5;} 50%{ transform: translate(-50%, -60px) scale(1.3); opacity:0.25;} 100%{ transform: translate(-50%, -90px) scale(2); opacity:0;} } }
@media (max-width: 480px){ .loading-container{ padding:46px 12px;} .rocket-wrapper{ width:110px; height:110px; margin-bottom:14px;} .loading-text{ font-size:12px; margin-top:6px; line-height:19px; letter-spacing:.2px; font-weight:450; } }
@media (max-width: 768px){ .loading-text{ letter-spacing:.1px; word-spacing:.1px; line-height:20.7px; margin-top:7px; margin-bottom:6px; max-width:83%; text-align:center; text-wrap: balance; } }
.loading-text { font-size:16px; font-weight:500; animation: pulse 1.5s ease-in-out infinite; color:white; }
@keyframes pulse { 0%,100%{ opacity:1;} 50%{ opacity:0.75;} }
.loading-dots::after { content: ''; animation: dots 1.5s steps(4, end) infinite; }
@keyframes dots { 0%,20%{ content:'';} 40%{ content:'.';} 60%{ content:'..';} 80%,100%{ content:'...';} }

/* Externalized: when no background is enabled on body, use brand color */
body.no-bg .loading-text { color: #409EFF; }
.page-loading { position: fixed; inset: 0; background: rgba(255,255,255,0.9); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 9999; transition: opacity .3s ease; }
.page-loading.hide { opacity: 0; pointer-events: none; }
.page-loading .spinner { width: 40px; height: 40px; border: 3px solid #dcdfe6; border-top-color: #409EFF; border-radius: 50%; animation: spin 1s linear infinite; }

/* 返回顶部按钮 */
.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 9999; width: 54px; height: 54px; border: none; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; box-shadow: 0 4px 20px rgba(102,126,234,0.4); cursor: pointer; display: none; align-items: center; justify-content: center; transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; }
.back-to-top:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(102,126,234,0.5); }
.back-to-top i { font-size: 18px; }
.back-to-top.show { display: inline-flex; }
body:has(.footer-friendlinks:not(.hidden)) .back-to-top { bottom: 100px; }

/* 公告铃铛动画（用于公告图标） */
@keyframes bell-ring { 0%, 100% { transform: rotate(0deg); } 10% { transform: rotate(-16deg); } 20% { transform: rotate(16deg); } 30% { transform: rotate(-12deg); } 40% { transform: rotate(12deg); } 50% { transform: rotate(-8deg); } 60% { transform: rotate(8deg); } 70% { transform: rotate(-4deg); } 80% { transform: rotate(4deg); } 90% { transform: rotate(-2deg); } }

/* 暗色主题覆盖 */
body.theme-dark { background-color: #121212; color: #e0e0e0; }

/* Dark theme: common card containers background override */
body.theme-dark .search-box,
body.theme-dark .order-card,
body.theme-dark .list-item,
body.theme-dark .order-list-item,
body.theme-dark .skeleton-card {
  background-color: #161616 !important;
  border-color: rgba(255,255,255,0.12);
  box-shadow: 0 2px 8px rgba(0,0,0,0.32);
}

/* Dark theme: dropdown/history panel */
body.theme-dark .search-history {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 2px 12px rgba(0,0,0,0.65);
}

/* Dark theme: filter badge token */
body.theme-dark .filter-tag .badge {
  background: #2a2a2a;
  color: #cfcfcf;
  border-color: rgba(255,255,255,0.12);
}

/* Element UI: inputs and textarea dark theme */
body.theme-dark .el-input__inner,
body.theme-dark .el-select .el-input__inner {
  background-color: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.15);
  color: #e0e0e0;
}
body.theme-dark .el-input__inner::placeholder,
body.theme-dark .el-textarea__inner::placeholder { color: #aaaaaa; }
body.theme-dark .el-textarea__inner {
  background-color: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.15);
  color: #e0e0e0;
}

/* Focus/active states with brand glow */
body.theme-dark .el-input__inner:focus,
body.theme-dark .el-input.is-active .el-input__inner,
body.theme-dark .el-input.is-focus .el-input__inner,
body.theme-dark .el-select .el-input.is-focus .el-input__inner {
  border-color: #409EFF;
  box-shadow: 0 0 0 2px rgba(64,158,255,0.15);
  outline: none;
}
body.theme-dark .el-textarea__inner:focus,
body.theme-dark .el-textarea.is-active .el-textarea__inner {
  border-color: #409EFF;
  box-shadow: 0 0 0 2px rgba(64,158,255,0.15);
  outline: none;
}

/* Minor darken on focused select input */
body.theme-dark .el-select .el-input__inner:focus,
body.theme-dark .el-select .el-input.is-focus .el-input__inner { background-color: #242424; }

/* Input group append/prepend containers */
body.theme-dark .el-input-group__append,
body.theme-dark .el-input-group__prepend {
  background-color: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

/* Element UI: text button and disabled opacity */
body.theme-dark .el-button--text { color: #91baff; }
body.theme-dark .el-button--text,
body.theme-dark .el-button--text.is-loading,
body.theme-dark .el-button--text:focus {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* 参考课程配置页面：刷新按钮点击状态样式 */
body.theme-dark .el-button--text:active {
  color: #8ab0f5 !important;
  background: rgba(145,186,255,0.1) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
body.theme-dark .el-button--text:active i,
body.theme-dark .el-button--text:active span {
  color: #8ab0f5 !important;
}
body.theme-dark .el-button.is-disabled,
body.theme-dark .el-button--primary.is-disabled { opacity: .6; }

/* Background: loaded with configurable overlay and URL via CSS variables */
/* Expect body to have inline style: --frontOverlayAlpha and --bg-url */
body.bg-loaded {
  background-image: linear-gradient(
    rgba(255,255,255, var(--frontOverlayAlpha, 0)),
    rgba(255,255,255, var(--frontOverlayAlpha, 0))
  ), var(--bg-url);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Dark theme overlay uses black gradient with same alpha */
body.theme-dark.bg-loaded {
  background-image: linear-gradient(
    rgba(0,0,0, var(--frontOverlayAlpha, 0)),
    rgba(0,0,0, var(--frontOverlayAlpha, 0))
  ), var(--bg-url);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Utility: text colors and display */
.text-muted { color: #909399; }
body.theme-dark .text-muted { color: #bdbdbd; }
.text-body { color: #606266; line-height: 1.8; }
body.theme-dark .text-body { color: #cfcfcf; }
.d-block { display: block; }

body.theme-dark .el-divider {
  border-top-color: rgba(255,255,255,0.08) !important;
  background-color: rgba(255,255,255,0.08);
}
body.theme-dark .el-divider__text {
  color: #e6e6e6;
  background-color: transparent;
}

/* Utility: font sizes */
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }

/* No background mode (when background is disabled) */
body.no-bg .footer-friendlinks {
  background: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(200, 200, 200, 0.3);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}
body.no-bg .friendlinks-title { color: #409EFF; text-shadow: none; }
body.no-bg .friendlink-item {
  background: rgba(64, 158, 255, 0.12);
  border: 1px solid rgba(64, 158, 255, 0.25);
  color: #409EFF;
  box-shadow: 0 2px 4px rgba(64, 158, 255, 0.15);
}
body.no-bg .friendlink-item:hover {
  background: rgba(64, 158, 255, 0.2);
  border-color: rgba(64, 158, 255, 0.4);
  color: #409EFF;
  box-shadow: 0 3px 8px rgba(64, 158, 255, 0.3);
}
body.no-bg .loading-text { color: #409EFF; }

/* Mobile toolbar and title actions adjustments */
@media (max-width: 600px) {
  .header-bar .actions { justify-content: flex-end; }
}
@media (max-width: 420px) {
  .sort-bar { gap: 4px; }
  .search-title-bar > div:last-child { gap: 4px !important; }
  .search-title-bar .title-actions { gap: 4px !important; margin-left: 4px !important; }
  .copy-btn .label { display: none; }
}

/* Page loading overlay */
.page-loading { position: fixed; inset: 0; background: rgba(255,255,255,0.9); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 9999; transition: opacity .3s ease; }
.page-loading.hide { opacity: 0; pointer-events: none; }
.page-loading .spinner { width: 40px; height: 40px; border: 3px solid #dcdfe6; border-top-color: #409EFF; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.bg-loaded .loading-text { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.35); }
@media (max-width: 480px){ .bg-loaded .loading-text{ text-shadow: 0 1px 2px rgba(0,0,0,0.28);} }

/* Skeleton shimmer */
.skeleton::after { content:''; position:absolute; left:-40%; top:0; height:100%; width:40%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0)); animation: shimmer 1.2s infinite; }
@keyframes shimmer { 0% { left:-40%; } 100% { left:100%; } }

/* Decorative animations (rocket, flames, stars, smoke, clouds) */
.stripe1 { top:35px; }
.stripe2 { top:42px; }
.fire-flame { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:12px; height:20px; border-radius:50% 50% 0 0; animation: flameFlicker 0.3s ease-in-out infinite alternate; }
.flame1 { background: linear-gradient(to bottom, #FFD700 0%, #FFA500 50%, #FF4500 100%); animation-delay:0s; filter: blur(1px); }
.flame2 { background: linear-gradient(to bottom, #FFA500 0%, #FF6347 50%, #FF0000 100%); width:10px; height:18px; animation-delay:0.1s; filter: blur(0.5px); }
.flame3 { background: linear-gradient(to bottom, #FF6347 0%, #FF4500 50%, #DC143C 100%); width:8px; height:15px; animation-delay:0.2s; }
.flame4 { background: linear-gradient(to bottom, #FFE55C 0%, #FFB347 50%, #FF7F50 100%); width:14px; height:22px; animation-delay:0.05s; filter: blur(1.5px); }
.flame5 { background: linear-gradient(to bottom, #FFA500 0%, #FF4500 50%, #8B0000 100%); width:6px; height:12px; animation-delay:0.15s; }
.fire-particles { position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:40px; height:40px; }
.particle { position:absolute; width:4px; height:4px; background:#FFA500; border-radius:50%; animation: particleFloat 1s ease-out infinite; }
.p1 { left:18px; animation-delay:0s; }
.p2 { left:10px; animation-delay:0.2s; }
.p3 { left:26px; animation-delay:0.4s; }
.p4 { left:14px; animation-delay:0.6s; }
.p5 { left:22px; animation-delay:0.8s; }
.p6 { left:6px; animation-delay:0.3s; }
.stars { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
.star { position:absolute; color:#FFD700; font-size:12px; opacity:0; animation: starTwinkle 2s ease-in-out infinite; }
.star1 { top:10%; left:10%; animation-delay:0s; }
.star2 { top:20%; right:15%; animation-delay:0.5s; }
.star3 { bottom:30%; left:15%; animation-delay:1s; }
.star4 { bottom:20%; right:10%; animation-delay:1.5s; }
.star5 { top:50%; left:5%; animation-delay:0.7s; }
.star6 { top:60%; right:8%; animation-delay:1.2s; }
.smoke-trail { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:200px; height:200px; pointer-events:none; z-index:5; }
.smoke { position:absolute; left:50%; top:50%; width:30px; height:30px; background: radial-gradient(circle, rgba(200,200,220,0.4) 0%, transparent 70%); border-radius:50%; animation: smokeRise 2s ease-out infinite; }
.smoke1 { animation-delay:0s; }
.smoke2 { animation-delay:0.5s; }
.smoke3 { animation-delay:1s; }
.smoke4 { animation-delay:1.5s; }
.shooting-stars { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:hidden; }
.shooting-star { position:absolute; width:2px; height:2px; background:#fff; border-radius:50%; box-shadow:0 0 4px 1px rgba(255,255,255,0.8); animation: shootingStar 3s linear infinite; }
.ss1 { top:10%; left:80%; animation-delay:0s; }
.ss2 { top:40%; left:90%; animation-delay:1.5s; }
.clouds { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
.cloud { position:absolute; font-size:24px; opacity:0.3; animation: cloudFloat 8s ease-in-out infinite; }
.cloud1 { top:15%; left:-10%; animation-delay:0s; }
.cloud2 { bottom:25%; right:-10%; animation-delay:4s; }

/* Title/search bar structure */
.search-title-bar { display:flex; justify-content:space-between; align-items:center; }
.title-row { display:flex; align-items:center; gap:8px; flex-wrap: wrap; }
.order-title { display:flex; align-items:center; gap:8px; justify-content:space-between; margin-bottom:8px; }
.title-actions { display:flex; align-items:center; gap:4px; margin-left:auto; justify-content:flex-end; }
.auto-refresh-info { font-size:12px; color:#909399; }
.search-title-bar .auto-refresh-info { margin-top: 0; }
.result-count { font-size:12px; color:#409EFF; margin-left:6px; }
.status-label { margin-left: 3px; }

/* Sort caret default color */
.sort-bar .el-select .el-input__suffix .el-select__caret { color: #909399; }
.sort-bar .el-select { width: 150px; }
.sort-actions { margin-left:auto; display:flex; align-items:center; gap:4px; }

/* Stat icon gradients by type */
.stat-icon.total { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.stat-icon.processing { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.stat-icon.completed { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.stat-icon.average { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }

/* Element UI: default buttons and header title buttons in dark theme */
body.theme-dark .el-button--default {
  background-color: #1e1e1e;
  border-color: #333;
  color: #e6e6e6;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
body.theme-dark .el-button--default:hover {
  background-color: #252525;
  border-color: #3d3d3d;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
body.theme-dark .el-button--default:active {
  background-color: #181818;
  border-color: #2e2e2e;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
body.theme-dark .el-button--default.is-disabled,
body.theme-dark .el-button--default.is-disabled:hover {
  background-color: #1a1a1a;
  border-color: #2b2b2b;
  color: #9aa0a6;
  box-shadow: none;
}

/* Header title buttons composed with Element default */
body.theme-dark .el-button--default.title-btn {
  background-color: #1e1e1e;
  border-color: #333;
  color: #e8eaed;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
body.theme-dark .el-button--default.title-btn:hover {
  background-color: #252525;
  border-color: #3d3d3d;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
body.theme-dark .el-button--default.title-btn:active {
  background-color: #181818;
  border-color: #2e2e2e;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
body.theme-dark .el-button--default.title-btn.is-disabled,
body.theme-dark .el-button--default.title-btn.is-disabled:hover {
  background-color: #1a1a1a;
  border-color: #2b2b2b;
  color: #9aa0a6;
  box-shadow: none;
}
body.theme-dark .title-btn i { color: currentColor; }
body.theme-dark .el-button--default { background-color: #1e1e1e; border-color: #333; color: #e6e6e6; box-shadow: 0 1px 4px rgba(0,0,0,0.3); }
body.theme-dark .el-button--default:hover { background-color: #252525; border-color: #3d3d3d; color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.35); }
body.theme-dark .el-button--default:active { background-color: #181818; border-color: #2e2e2e; box-shadow: 0 1px 4px rgba(0,0,0,0.25); }
body.theme-dark .el-button--default.is-disabled, body.theme-dark .el-button--default.is-disabled:hover { background-color: #1a1a1a; border-color: #2b2b2b; color: #9aa0a6; box-shadow: none; }
body.theme-dark .title-btn i { color: currentColor; }
body.theme-dark .el-button--primary { background-color: #409EFF; border-color: #409EFF; color: #fff; }
body.theme-dark .el-button--primary:hover { background-color: #3a8ee6; border-color: #3a8ee6; color: #ffffff; box-shadow: 0 1px 4px rgba(64,158,255,0.35); }
body.theme-dark .el-button--primary.is-disabled, body.theme-dark .el-button--primary.is-disabled:hover { background-color: #2a2a2a; border-color: #3a3a3a; color: #9aa0a6; box-shadow: none; }
body.theme-dark .el-alert--info { background-color: rgba(64,158,255,0.08); border-color: rgba(64,158,255,0.25); color: #e0e0e0; }
/* 前台全局弹窗统一黑色主题 */
body.theme-dark .el-dialog, 
body.theme-dark .el-message-box { 
  background: #1e1e1e !important; 
  border: 1px solid rgba(255,255,255,0.08) !important; 
  color: #e6e6e6; 
}
body.theme-dark .el-message-box__header {
  border-bottom-color: rgba(255,255,255,0.08) !important;
  background-color: #1e1e1e !important;
}
body.theme-dark .el-message-box__title { 
  color: #e6e6e6 !important; 
}
body.theme-dark .el-message-box__message, 
body.theme-dark .el-message-box__message p { 
  color: #cbd5e1 !important; 
}
body.theme-dark .el-message-box__content { 
  color: #cbd5e1 !important; 
  background-color: #1e1e1e !important;
}
body.theme-dark .el-message-box__status { 
  color: #fdbc5d !important; 
}
body.theme-dark .el-message-box__btns {
  border-top-color: rgba(255,255,255,0.08) !important;
  background-color: #1e1e1e !important;
}
body.theme-dark .el-message-box__btns .el-button {
  background-color: #2a2a2a !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e6e6e6 !important;
}
body.theme-dark .el-message-box__btns .el-button:hover {
  background-color: #333 !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
body.theme-dark .el-message-box__btns .el-button--primary {
  background-color: #2a2a2a !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e6e6e6 !important;
}
body.theme-dark .el-message-box__btns .el-button--primary:hover {
  background-color: #333 !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
body.theme-dark .el-dialog__title { color: #e6e6e6; }
body.theme-dark .el-dialog__headerbtn .el-dialog__close { color: #cfcfcf; }
body.theme-dark .el-dialog__header { border-bottom: 1px solid rgba(255,255,255,0.08); }
body.theme-dark .el-dialog__footer { border-top: 1px solid rgba(255,255,255,0.08); }
body.theme-dark .el-dialog .el-dialog__body { color: #cbd5e1; line-height: 1.7; letter-spacing: 0.2px; font-variant-numeric: tabular-nums; }
body.theme-dark .el-dialog .el-dialog__body ul, body.theme-dark .el-dialog .el-dialog__body ol { padding-left: 1.2em; }
body.theme-dark .el-dialog .el-dialog__body li { color: #d2dae3; }
body.theme-dark .el-dialog .el-dialog__body small { color: #aeb4ba; }
body.theme-dark .el-dialog .el-dialog__body code, body.theme-dark .el-dialog .el-dialog__body kbd, body.theme-dark .el-dialog .el-dialog__body pre { background: rgba(255,255,255,0.06); color: #e6e6e6; border: 1px solid rgba(255,255,255,0.12); border-radius: 4px; }
body.theme-dark .el-dialog .el-dialog__body pre { padding: 8px; overflow: auto; }
body.theme-dark .el-dialog .el-dialog__body blockquote { border-left: 4px solid rgba(255,255,255,0.18); margin: 8px 0; padding: 6px 12px; color: #cbd5e1; background: rgba(255,255,255,0.04); border-radius: 6px; }
body.theme-dark .el-dialog .el-dialog__body strong { color: #ffffff; font-weight: 600; }
body.theme-dark .el-dialog .el-dialog__body em { color: #e6e6e6; font-style: italic; }
body.theme-dark .el-dialog .el-dialog__body a { color: #8ec5ff; text-decoration-color: rgba(142,197,255,0.6); }
body.theme-dark .el-dialog .el-dialog__body a:hover { color: #b0d7ff; }
body.theme-dark .el-select-dropdown, body.theme-dark .el-dropdown-menu, body.theme-dark .el-popper { background: #1e1e1e; border: 1px solid #333; color: #e6e6e6; border-radius: 10px; }
.el-select-dropdown, .el-dropdown-menu { margin-top: 8px; }
/* 为下拉面板增加底部内边距，避免最后一项在移动端贴边 */
.el-select-dropdown, .el-dropdown-menu { padding-bottom: 6px; }
body.theme-dark .el-select-dropdown, body.theme-dark .el-dropdown-menu { margin-top: 8px; }
.el-select-dropdown::before, .el-dropdown-menu::before { content: '请下拉选择'; display: block; font-size: 12px; line-height: 1.6; color: #909399; padding: 6px 12px 2px; letter-spacing: 0.2px; }
body.theme-dark .el-select-dropdown::before, body.theme-dark .el-dropdown-menu::before { color: #bdbdbd; opacity: 0.9; }
body.theme-dark .el-select-dropdown { padding-top: 6px; padding-bottom: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
body.theme-dark .el-dropdown-menu { padding-top: 6px; padding-bottom: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
body.theme-dark .el-select-dropdown__wrap { padding-top: 4px; padding-bottom: 4px; }
body.theme-dark .el-select-dropdown__item { color: #e6e6e6; }
body.theme-dark .el-select-dropdown__item:hover { background: rgba(64,158,255,0.08); border-radius: 6px; }
body.theme-dark .el-select-dropdown__item.hover, body.theme-dark .el-select-dropdown__item.selected { background: rgba(64,158,255,0.10); border-radius: 6px; }
body.theme-dark .el-select-dropdown__item + .el-select-dropdown__item, body.theme-dark .el-dropdown-menu__item + .el-dropdown-menu__item { border-top: 1px solid rgba(255,255,255,0.06); }
body.theme-dark .el-select-dropdown, body.theme-dark .el-dropdown-menu { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.28) transparent; }
body.theme-dark .el-select-dropdown::-webkit-scrollbar, body.theme-dark .el-dropdown-menu::-webkit-scrollbar { width: 8px; height: 8px; }
body.theme-dark .el-select-dropdown::-webkit-scrollbar-thumb, body.theme-dark .el-dropdown-menu::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.22); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
body.theme-dark .el-select-dropdown::-webkit-scrollbar-thumb:hover, body.theme-dark .el-dropdown-menu::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.28); }
body.theme-dark .el-select-dropdown::-webkit-scrollbar-track, body.theme-dark .el-dropdown-menu::-webkit-scrollbar-track { background: rgba(255,255,255,0.04); border-radius: 8px; }
body.theme-dark .el-notification { background: #1e1e1e; border: 1px solid #333; color: #e6e6e6; box-shadow: 0 4px 16px rgba(0,0,0,.45); }
body.theme-dark .el-notification__title { color: #e8eaed; }
body.theme-dark .el-notification__content { color: #cbd5e1; }
body.theme-dark .el-notification__icon { color: #8ec5ff; }
body.theme-dark .el-notification__closeBtn { color: #cfcfcf; }
body.theme-dark .el-notification { border-left: 4px solid #8ec5ff; }
body.theme-dark .el-notification:has(.el-notification__icon.el-icon-success) { border-left-color: #9be27c; }
body.theme-dark .el-notification:has(.el-notification__icon.el-icon-warning) { border-left-color: #fdbc5d; }
body.theme-dark .el-notification:has(.el-notification__icon.el-icon-error) { border-left-color: #f56c6c; }

/* 支付订单通知：修复标题中文字符被拉伸问题，并优化移动端显示 */
.el-notification { border-radius: 12px !important; }
.el-notification__title { letter-spacing: normal; word-spacing: normal; text-align: left; }
.el-notification__content { word-break: break-word; white-space: normal; }
@media (max-width: 768px) {
  .el-notification { border-radius: 16px !important; }
  .el-notification__title { font-size: 14px; }
  .el-notification__content { font-size: 12px; line-height: 1.5; }
}
body.theme-dark .el-message { background: #1e1e1e; border: 1px solid #333; color: #e6e6e6; }
body.theme-dark .el-message--info { border-color: rgba(64,158,255,0.35); color: #91baff; border-left: 4px solid #8ec5ff; }
body.theme-dark .el-message--success { border-color: rgba(103,194,58,0.35); color: #9be27c; border-left: 4px solid #9be27c; }
body.theme-dark .el-message--warning { border-color: rgba(230,162,60,0.35); color: #fdbc5d; border-left: 4px solid #fdbc5d; }
body.theme-dark .el-message--error { border-color: rgba(245,108,108,0.35); color: #f56c6c; border-left: 4px solid #f56c6c; }

/* el-message 图标和文字垂直居中 */
.el-message {
  display: flex !important;
  align-items: center !important;
}
.el-message__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.el-message__content {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* el-alert 图标和文字垂直居中 */
.el-alert {
  display: flex !important;
  align-items: center !important;
}
.el-alert__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-right: 8px !important;
}
.el-alert__content {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
.alert-tip.el-alert { align-items: center !important; }
.alert-tip .el-alert__content { flex-direction: column !important; align-items: flex-start !important; line-height: 1.6 !important; }
.alert-tip .el-alert__title { display: block !important; font-weight: 600; margin-bottom: 4px; }
.alert-tip .el-alert__description { display: block !important; overflow-wrap: anywhere; word-break: break-word; }

body.theme-dark .el-alert--success { background-color: rgba(103,194,58,0.12); border-color: rgba(103,194,58,0.35); color: #9be27c; border-left: 4px solid #9be27c; }
body.theme-dark .el-alert--warning { background-color: rgba(230,162,60,0.12); border-color: rgba(230,162,60,0.35); color: #fdbc5d; border-left: 4px solid #fdbc5d; }
body.theme-dark .el-alert--error { background-color: rgba(245,108,108,0.12); border-color: rgba(245,108,108,0.35); color: #f56c6c; border-left: 4px solid #f56c6c; }
body.theme-dark .el-tag { background-color: #2a2a2a; border-color: #444; color: #ddd; }
body.theme-dark .status-processing { background: rgba(64,158,255,0.16); color: #91baff; }
body.theme-dark .status-completed { background: rgba(103,194,58,0.16); color: #9be27c; }
body.theme-dark .search-history { background: #1e1e1e; border-color: rgba(255,255,255,0.12); box-shadow: 0 2px 12px rgba(0,0,0,.40); }
body.theme-dark .history-title { color: #bdbdbd; }
body.theme-dark .history-item { background: #262626; color: #ddd; }
body.theme-dark .history-item:hover { background: #2f3b52; color: #91baff; }
body.theme-dark .history-item-delete { color: #aaa; }
body.theme-dark .history-item-delete:hover { color: #f56c6c; background: rgba(245,108,108,.12); }
body.theme-dark .footer-friendlinks { background: rgba(0,0,0,0.35); border-top-color: rgba(255,255,255,0.12); }
body.theme-dark .friendlinks-title { color: rgba(255,255,255,0.92); text-shadow: none; }
body.theme-dark .friendlink-item { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.18); color: rgba(255,255,255,0.92); box-shadow: none; }
body.theme-dark .friendlink-item:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.25); }
body.theme-dark .sort-bar .sort-label { color: #bdbdbd; }
body.theme-dark .btn-budan { box-shadow: 0 2px 4px rgba(230,162,60,0.12); }
body.theme-dark .btn-budan:hover { box-shadow: 0 3px 10px rgba(230,162,60,0.24); }
body.theme-dark .btn-tongbu { box-shadow: 0 2px 4px rgba(64,158,255,0.12); }
body.theme-dark .btn-tongbu:hover { box-shadow: 0 3px 10px rgba(64,158,255,0.24); }
body.theme-dark .btn-zanting { box-shadow: 0 2px 4px rgba(245,108,108,0.12); }
body.theme-dark .btn-zanting:hover { box-shadow: 0 3px 10px rgba(245,108,108,0.24); }
body.theme-dark .btn-youxian { box-shadow: 0 2px 4px rgba(103,194,58,0.12); }
body.theme-dark .btn-youxian:hover { box-shadow: 0 3px 10px rgba(103,194,58,0.24); }

/* 覆盖 Element-UI 禁用态默认文字颜色，确保暗色模式下可读 */
.el-button.is-disabled.btn-budan,
.el-button.is-disabled.btn-tongbu,
.el-button.is-disabled.btn-zanting,
.el-button.is-disabled.btn-gaimi,
.el-button.is-disabled.btn-youxian { color: #fff !important; }
.el-button.is-disabled.btn-budan .btn-text-full,
.el-button.is-disabled.btn-budan .btn-text-short,
.el-button.is-disabled.btn-tongbu .btn-text-full,
.el-button.is-disabled.btn-tongbu .btn-text-short,
.el-button.is-disabled.btn-zanting .btn-text-full,
.el-button.is-disabled.btn-zanting .btn-text-short,
.el-button.is-disabled.btn-gaimi .btn-text-full,
.el-button.is-disabled.btn-gaimi .btn-text-short,
.el-button.is-disabled.btn-youxian .btn-text-full,
.el-button.is-disabled.btn-youxian .btn-text-short { color: #fff !important; }
.el-button.is-disabled.btn-budan i,
.el-button.is-disabled.btn-tongbu i,
.el-button.is-disabled.btn-zanting i,
.el-button.is-disabled.btn-gaimi i,
.el-button.is-disabled.btn-youxian i { color: #fff !important; }

/* 暗色主题下的语义卡片覆盖 */
body.theme-dark .order-card.card-success { background-color: #161616 !important; border-color: rgba(103,194,58,0.35) !important; border-left: 4px solid #9be27c; }
body.theme-dark .order-card.card-warning { background-color: #161616 !important; border-color: rgba(230,162,60,0.35) !important; border-left: 4px solid #fdbc5d; }
body.theme-dark .order-card.card-info { background-color: #161616 !important; border-color: rgba(64,158,255,0.35) !important; border-left: 4px solid #8ec5ff; }
body.theme-dark .order-card.card-success .card-title { color: #9be27c; }
body.theme-dark .order-card.card-warning .card-title { color: #fdbc5d; }
body.theme-dark .order-card.card-info .card-title { color: #91baff; }
body.theme-dark .order-card.card-success,
body.theme-dark .order-card.card-warning,
body.theme-dark .order-card.card-info { color: #e6e6e6 !important; }
.alert-tip { margin: 8px 0 12px; border-radius: 8px; }
.alert-tip .el-alert__icon { color: #409EFF; }
.alert-tip .el-alert__title { color: #303133; }
.alert-tip .el-alert__description { color: #606266; }
.alert-tip .el-alert__closebtn { color: #909399; }
body.theme-dark .alert-tip { border-color: rgba(255,255,255,0.14); background-color: rgba(64,158,255,0.08); }
body.theme-dark .alert-tip .el-alert__icon { color: #91baff; }
body.theme-dark .alert-tip .el-alert__title { color: #e6e6e6; }
body.theme-dark .alert-tip .el-alert__description { color: #cfcfcf; }
body.theme-dark .alert-tip .el-alert__closebtn { color: #bbb; }
.stats-dashboard .stat-card { border: 1px solid #ebeef5; border-radius: 10px; transition: box-shadow .2s, transform .2s; }
.stats-dashboard .stat-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.stats-dashboard .stat-card.active { border-color: #409EFF; box-shadow: 0 4px 12px rgba(64,158,255,0.18); }
.stats-dashboard .stat-card .stat-value { color: #303133; }
.stats-dashboard .stat-card .stat-label { color: #606266; }
.stats-dashboard .stat-card .stat-icon { border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3); }
body.theme-dark .stats-dashboard .stat-card { border-color: rgba(255,255,255,0.12); box-shadow: 0 2px 8px rgba(0,0,0,0.32); }
body.theme-dark .stats-dashboard .stat-card:hover { box-shadow: 0 6px 16px rgba(0,0,0,0.5); }
body.theme-dark .stats-dashboard .stat-card.active { border-color: #91baff; box-shadow: 0 4px 12px rgba(145,186,255,0.25); }
body.theme-dark .stats-dashboard .stat-card .stat-value { color: #e6e6e6; }
body.theme-dark .stats-dashboard .stat-card .stat-label { color: #bdbdbd; }
body.theme-dark .stats-dashboard .stat-card .stat-icon { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15); }
.sort-bar .el-select .el-input__suffix .el-select__caret { color: #909399; }
body.theme-dark .sort-bar .el-select .el-input__suffix .el-select__caret { color: #cfcfcf; }
.sort-bar .el-select .el-input__inner { height: 32px; }
.sort-bar { background: #ffffff; border: 1px solid #ebeef5; border-radius: 8px; padding: 8px 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
body.theme-dark .sort-bar { background: #1e1e1e; border-color: rgba(255,255,255,0.12); box-shadow: 0 2px 8px rgba(0,0,0,0.32); }
.el-alert.alert-tip.is-light.el-alert--info { background-color: #f6f9ff; border: 1px solid #e5ecff; border-radius: 8px; padding: 10px 12px; color: #303133; }
.el-alert.alert-tip.is-light.el-alert--info .el-alert__title.is-bold { color: #303133; }
.el-alert.alert-tip.is-light.el-alert--info .el-alert__description { color: #606266; }
.el-alert.alert-tip.is-light.el-alert--info .el-alert__icon { color: #409EFF; }
.el-alert.alert-tip.is-light.el-alert--info .el-alert__closebtn { color: #909399; }
body.theme-dark .el-alert.alert-tip.is-light.el-alert--info { background-color: #1e293b; border-color: #334155; border-radius: 8px; padding: 10px 12px; color: #e8eaed; }
body.theme-dark .el-alert.alert-tip.is-light.el-alert--info .el-alert__title.is-bold { color: #e8eaed; }
body.theme-dark .el-alert.alert-tip.is-light.el-alert--info .el-alert__description { color: #cbd5e1; }
body.theme-dark .el-alert.alert-tip.is-light.el-alert--info .el-alert__icon { color: #8ec5ff; }
body.theme-dark .el-alert.alert-tip.is-light.el-alert--info .el-alert__closebtn { color: #cfcfcf; }
.course-title { font-weight: bold; color: #303133; }
body.theme-dark .course-title { color: #e6e6e6; }

/* 低运动偏好：关闭复杂动画 */
@media (prefers-reduced-motion: reduce) {
  .rocket-wrapper *, .loading-container *, .shooting-stars *, .smoke-trail *, .fire-particles *, .stars * {
    animation: none !important; transition: none !important;
  }
  .rocket-fire, .fire-particles, .smoke-trail, .shooting-stars { display: none !important; }
}

/* Announcement: high-contrast text in light theme */
.notice-bar .notice-text { color: #ffffff !important; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.35); }

/* Dark theme for progress components */
body.theme-dark .progress-bar { background: #1a1a1a; border-color: rgba(255,255,255,0.12); }
body.theme-dark .progress-inner.not-started { background: #4a4a4a; }
body.theme-dark .progress-number { color: #91baff; }
 
/* Dark background for stat cards to match theme */
body.theme-dark .stats-dashboard .stat-card { background-color: #1e1e1e; }

/* 日志弹窗样式 */
.logs-dialog .el-dialog__body {
  padding: 20px;
}
.logs-dialog .dialog-content {
  min-height: 200px;
}
.logs-dialog .el-table {
  max-height: 60vh;
}
.logs-dialog .el-table__body-wrapper {
  max-height: 60vh;
  overflow-y: auto;
  padding-bottom: 50px;
  box-sizing: border-box;
}

/* 优化日志内容文字显示 */
.logs-dialog .log-text-content {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  line-height: 1.6;
  font-size: 13px;
  display: block;
  width: 100%;
}
.logs-dialog .el-table td,
.logs-dialog .el-table th {
  vertical-align: top;
  white-space: normal !important;
}
.logs-dialog .el-table td.el-table__cell,
.logs-dialog .el-table th.el-table__cell {
  overflow: visible !important;
  white-space: normal !important;
  word-break: break-all;
  /* line-height: 1.6; */
}
.logs-dialog .el-table .cell {
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-all;
  line-height: 1.6;
  display: block;
}
.logs-dialog .el-table__cell {
  padding: 12px 15px;
}

/* 移除表格底部空白 */
.logs-dialog .el-table__empty-block {
  min-height: auto;
}

/* 桌面端日志弹窗优化 */
@media (min-width: 769px) {
  .logs-dialog .el-table {
    max-height: 60vh;
  }
  .logs-dialog .el-table__body-wrapper {
    max-height: 60vh;
  }
}

/* 日志弹窗暗色模式适配 */
body.theme-dark .logs-dialog .el-dialog__body {
  color: #cbd5e1;
  background-color: #1e1e1e;
}
body.theme-dark .logs-dialog .el-dialog__header {
  background-color: #1e1e1e !important;
  border-bottom-color: #444 !important;
}
body.theme-dark .logs-dialog .el-dialog__title,
body.theme-dark .logs-dialog.el-dialog .el-dialog__title {
  color: #e6e6e6 !important;
  font-weight: 500;
}

/* 桌面端标题优化 */
@media (min-width: 769px) {
  .logs-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 500;
    color: #303133;
  }
  /* 桌面端暗色模式标题 - 使用多个选择器确保优先级 */
  body.theme-dark .logs-dialog .el-dialog__header .el-dialog__title,
  body.theme-dark .logs-dialog.el-dialog .el-dialog__header .el-dialog__title,
  body.theme-dark .logs-dialog .el-dialog__title {
    color: #e6e6e6 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
  }
}

/* 移动端标题优化 */
@media (max-width: 768px) {
  .logs-dialog .el-dialog__title {
    font-size: 16px;
    font-weight: 500;
  }
  body.theme-dark .logs-dialog .el-dialog__title {
    color: #e6e6e6 !important;
    font-size: 16px;
    font-weight: 500;
  }
}

body.theme-dark .logs-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #cbd5e1;
}
body.theme-dark .logs-dialog .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}
body.theme-dark .logs-dialog .el-table {
  background-color: #1e1e1e;
  color: #e6e6e6;
  border-color: #444;
}
body.theme-dark .logs-dialog .el-table th {
  background-color: #2a2a2a;
  border-color: #444;
  color: #e6e6e6;
}
body.theme-dark .logs-dialog .el-table td {
  background-color: #1e1e1e;
  border-color: #444;
  color: #cbd5e1;
}
body.theme-dark .logs-dialog .el-table tr {
  background-color: #1e1e1e;
}
body.theme-dark .logs-dialog .el-table tr:hover > td {
  background-color: #2a2a2a;
}

/* 亮色模式表格边框颜色 */
.logs-dialog .el-table {
  border-color: #dcdfe6;
}
.logs-dialog .el-table th,
.logs-dialog .el-table td {
  border-color: #dcdfe6;
}

/* 表格边框样式 - 亮色模式 */
.logs-dialog .el-table--border {
  border: 1px solid #dcdfe6;
}
.logs-dialog .el-table--border th,
.logs-dialog .el-table--border td {
  border-right: 1px solid #dcdfe6;
  border-bottom: 1px solid #dcdfe6;
}
.logs-dialog .el-table--border::after,
.logs-dialog .el-table::before {
  background-color: #dcdfe6;
}

/* 表格边框样式 - 暗色模式 */
body.theme-dark .logs-dialog .el-table--border {
  border: 1px solid #444;
}
body.theme-dark .logs-dialog .el-table--border th,
body.theme-dark .logs-dialog .el-table--border td {
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}
body.theme-dark .logs-dialog .el-table--border::after,
body.theme-dark .logs-dialog .el-table::before {
  background-color: #444;
}

/* 斑马纹样式 - 亮色模式 */
.logs-dialog .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #fafafa;
}

/* 斑马纹样式 - 暗色模式 */
body.theme-dark .logs-dialog .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #252525;
}
body.theme-dark .logs-dialog .el-table__empty-block {
  background-color: #1e1e1e;
}
body.theme-dark .logs-dialog .el-table__empty-text {
  color: #888;
}
body.theme-dark .logs-dialog .el-table__header-wrapper {
  margin-top: 0px !important;
  background-color: #2a2a2a;
}
body.theme-dark .logs-dialog .el-table__body-wrapper {
  background-color: #1e1e1e;
}
body.theme-dark .logs-dialog .el-table__fixed,
body.theme-dark .logs-dialog .el-table__fixed-right {
  background-color: #1e1e1e;
}
body.theme-dark .logs-dialog .el-table__fixed-header-wrapper,
body.theme-dark .logs-dialog .el-table__fixed-body-wrapper {
  background-color: #1e1e1e;
}

/* Element UI 表格单元格和行的暗色模式适配 */
body.theme-dark .logs-dialog .el-table__cell {
  background-color: #1e1e1e !important;
  border-color: #444 !important;
  color: #cbd5e1 !important;
}
body.theme-dark .logs-dialog .el-table__row {
  background-color: #1e1e1e !important;
}
body.theme-dark .logs-dialog .el-table__row:hover {
  background-color: #2a2a2a !important;
}
body.theme-dark .logs-dialog .el-table__row:hover .el-table__cell {
  background-color: #2a2a2a !important;
}
body.theme-dark .logs-dialog .el-table th.el-table__cell {
  background-color: #2a2a2a !important;
  color: #e6e6e6 !important;
}
body.theme-dark .logs-dialog .el-table td.el-table__cell {
  background-color: #1e1e1e !important;
  color: #cbd5e1 !important;
}

/* 暗色模式下的日志文字优化 */
body.theme-dark .logs-dialog .log-text-content {
  color: #cbd5e1;
  text-shadow: none;
}

/* 表格滚动条暗色模式 - 优化样式，更美观 */
.logs-dialog .el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.logs-dialog .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
  border: none;
}
.logs-dialog .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.3);
}
.logs-dialog .el-table__body-wrapper::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.logs-dialog .el-table__body-wrapper {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.2) transparent;
}
body.theme-dark .logs-dialog .el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body.theme-dark .logs-dialog .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
  border: none;
}
body.theme-dark .logs-dialog .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.3);
}
body.theme-dark .logs-dialog .el-table__body-wrapper::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
body.theme-dark .logs-dialog .el-table__body-wrapper {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.2) transparent;
}

/* 确保弹窗整体背景色 */
body.theme-dark .logs-dialog.el-dialog {
  background-color: #1e1e1e !important;
  border-color: #444 !important;
}
body.theme-dark .logs-dialog .el-dialog__footer {
  background-color: #1e1e1e;
  border-top-color: #444;
}
body.theme-dark .logs-dialog .el-dialog__footer .el-button {
  background-color: #1e1e1e;
  border-color: #444;
  color: #cbd5e1;
}
body.theme-dark .logs-dialog .el-dialog__footer .el-button:hover {
  background-color: #2a2a2a;
  border-color: #555;
  color: #fff;
}

/* 移动端日志弹窗样式 */
@media (max-width: 768px) {
  .logs-dialog {
    width: 95% !important;
    margin: 0 auto;
  }
  .logs-dialog .el-dialog__body {
    padding: 15px;
  }
  .logs-dialog .el-table {
    max-height: 50vh;
  }
  .logs-dialog .el-table__body-wrapper {
    max-height: 50vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* 确认弹窗、频率限制弹窗、帮助说明弹窗统一样式 */
@media (max-width: 768px) {
  .confirm-dialog,
  .rate-dialog,
  .help-dialog {
    width: 92% !important;
    max-width: 92vw !important;
    margin: 20px auto !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  }
  
  .confirm-dialog .el-dialog__header,
  .rate-dialog .el-dialog__header,
  .help-dialog .el-dialog__header {
    padding: 15px 15px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  
  .confirm-dialog .el-dialog__title,
  .rate-dialog .el-dialog__title,
  .help-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
    line-height: 1.4;
  }
  
  .confirm-dialog .el-dialog__headerbtn,
  .rate-dialog .el-dialog__headerbtn,
  .help-dialog .el-dialog__headerbtn {
    top: 15px;
    right: 15px;
    font-size: 20px;
  }
  
  .confirm-dialog .el-dialog__body {
    padding: 20px 20px 10px;
    max-height: 75vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .rate-dialog .el-dialog__body,
  .help-dialog .el-dialog__body {
    padding: 20px 20px 5px;
    max-height: 75vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .confirm-dialog-footer,
  .rate-dialog-footer,
  .help-dialog-footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 15px 20px 0px;
    background: transparent;
  }
  
  .confirm-dialog-footer {
    justify-content: flex-end;
    padding-right: 16px;
  }
  
  .confirm-dialog-footer .el-button {
    flex: 0 0 auto;
    min-width: 55px;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    padding: 0 50px;
  }
  
  .rate-dialog-footer .el-button,
  .help-dialog-footer .el-button {
    flex: 1;
    min-width: 85px;
    height: 36px;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    padding: 0 14px;
  }
  
  .confirm-dialog-footer .el-button--default,
  .help-dialog-footer .el-button--default {
    background: #fff;
    border: 1.5px solid #DCDFE6;
    color: #606266;
  }
  
  .confirm-dialog-footer .el-button--default:active,
  .help-dialog-footer .el-button--default:active {
    background: #f5f7fa;
    transform: scale(0.98);
  }
  
  .confirm-dialog-footer .el-button--primary,
  .rate-dialog-footer .el-button--primary {
    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
  }
  
  .confirm-dialog-footer .el-button--primary:active,
  .rate-dialog-footer .el-button--primary:active {
    transform: scale(0.98);
    box-shadow: 0 1px 4px rgba(64, 158, 255, 0.3);
  }
  
  .confirm-dialog .el-dialog__footer .el-checkbox {
    width: 100%;
    margin-bottom: 8px;
  }
  
  .confirm-dialog .el-dialog__footer .dialog-footer {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  
  .help-dialog .help-text {
    font-size: 13px;
    line-height: 1.8;
    color: #606266;
  }
  
  .help-dialog .help-text div {
    margin-bottom: 8px;
    word-break: break-word;
  }
}

/* 移动端小屏幕进一步优化 */
@media (max-width: 480px) {
  .confirm-dialog,
  .rate-dialog,
  .help-dialog {
    width: 96% !important;
    max-width: 96vw !important;
    margin: 10px auto !important;
    border-radius: 12px !important;
  }
  
  .confirm-dialog .el-dialog__header,
  .rate-dialog .el-dialog__header,
  .help-dialog .el-dialog__header {
    padding: 15px 20px 10px;
  }
  
  .confirm-dialog .el-dialog__title,
  .rate-dialog .el-dialog__title,
  .help-dialog .el-dialog__title {
    font-size: 16px;
  }
  
  .confirm-dialog .el-dialog__headerbtn,
  .rate-dialog .el-dialog__headerbtn,
  .help-dialog .el-dialog__headerbtn {
    top: 14px;
    right: 14px;
    font-size: 18px;
  }
  
  .confirm-dialog .el-dialog__body {
    padding: 15px 20px;
  }
  
  .rate-dialog .el-dialog__body,
  .help-dialog .el-dialog__body {
    padding: 15px 20px 5px;
  }
  
  .confirm-dialog-footer,
  .rate-dialog-footer,
  .help-dialog-footer {
    padding: 15px 15px 0px;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .confirm-dialog-footer {
    padding-right: 10px;
  }
  
  .confirm-dialog-footer .el-button {
    font-size: 12px;
    height: 30px;
    padding: 0 30px;
    min-width: 50px;
  }
  
  .rate-dialog-footer .el-button,
  .help-dialog-footer .el-button {
    font-size: 12px;
    height: 35px;
    padding: 0 12px;
    min-width: 75px;
  }
  
  .help-dialog .help-text {
    font-size: 12px;
    line-height: 1.6;
  }
  
  .help-dialog .help-text div {
    margin-bottom: 5px;
  }
}

/* 桌面端统一弹窗样式 */
@media (min-width: 769px) {
  .confirm-dialog,
  .rate-dialog,
  .help-dialog,
  .gaimi-dialog,
  .logs-dialog,
  .notification-dialog {
    border-radius: 12px !important;
    overflow: hidden;
  }
  
  .confirm-dialog .el-dialog__header,
  .rate-dialog .el-dialog__header,
  .help-dialog .el-dialog__header,
  .gaimi-dialog .el-dialog__header,
  .logs-dialog .el-dialog__header,
  .notification-dialog .el-dialog__header {
    border-radius: 12px 12px 0 0;
  }
  
  .confirm-dialog .el-dialog__footer,
  .rate-dialog .el-dialog__footer,
  .help-dialog .el-dialog__footer,
  .gaimi-dialog .el-dialog__footer,
  .logs-dialog .el-dialog__footer,
  .notification-dialog .el-dialog__footer {
    border-radius: 0 0 12px 12px;
  }
  
  .confirm-dialog .el-dialog__header,
  .rate-dialog .el-dialog__header,
  .help-dialog .el-dialog__header {
    padding: 15px 20px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  
  .confirm-dialog .el-dialog__title,
  .rate-dialog .el-dialog__title,
  .help-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
  }
  
  .confirm-dialog .el-dialog__body {
    padding: 20px 30px;
  }
  
  .rate-dialog .el-dialog__body,
  .help-dialog .el-dialog__body {
    padding: 20px 20px 5px;
  }
  
  .confirm-dialog-footer,
  .rate-dialog-footer,
  .help-dialog-footer {
    padding: 20px 10px;
  }
  
  .confirm-dialog-footer {
    padding-right: 10px;
  }
  
  .confirm-dialog-footer .el-button {
    min-width: 90px;
    height: 36px;
    font-size: 13px;
  }
  
  .rate-dialog-footer .el-button,
  .help-dialog-footer .el-button {
    min-width: 100px;
    height: 40px;
    font-size: 14px;
  }
  
  .help-dialog .help-text {
    font-size: 14px;
    line-height: 1.8;
    color: #606266;
  }
}

/* 统一弹窗暗色模式支持 */
body.theme-dark .confirm-dialog,
body.theme-dark .rate-dialog,
body.theme-dark .help-dialog {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark .confirm-dialog .el-dialog__header,
body.theme-dark .rate-dialog .el-dialog__header,
body.theme-dark .help-dialog .el-dialog__header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  background-color: #1e1e1e !important;
}

body.theme-dark .confirm-dialog .el-dialog__title,
body.theme-dark .rate-dialog .el-dialog__title,
body.theme-dark .help-dialog .el-dialog__title {
  color: #e6e6e6;
}

body.theme-dark .confirm-dialog .el-dialog__body,
body.theme-dark .rate-dialog .el-dialog__body,
body.theme-dark .help-dialog .el-dialog__body {
  background-color: #1e1e1e !important;
  color: #cbd5e1;
}

body.theme-dark .confirm-dialog-footer,
body.theme-dark .rate-dialog-footer,
body.theme-dark .help-dialog-footer {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.08);
}

body.theme-dark .confirm-dialog-footer .el-button--default,
body.theme-dark .help-dialog-footer .el-button--default,
body.theme-dark .rate-dialog-footer .el-button--default {
  background: #2a2a2a !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e6e6e6 !important;
}

body.theme-dark .confirm-dialog-footer .el-button--default:active,
body.theme-dark .help-dialog-footer .el-button--default:active,
body.theme-dark .rate-dialog-footer .el-button--default:active {
  background: #242424 !important;
}

/* 前台确认弹窗、帮助弹窗等统一黑色主题 - primary 按钮 */
body.theme-dark .confirm-dialog-footer .el-button--primary,
body.theme-dark .rate-dialog-footer .el-button--primary,
body.theme-dark .help-dialog-footer .el-button--primary {
  background-color: #2a2a2a !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e6e6e6 !important;
  box-shadow: none !important;
}
body.theme-dark .confirm-dialog-footer .el-button--primary:hover,
body.theme-dark .rate-dialog-footer .el-button--primary:hover,
body.theme-dark .help-dialog-footer .el-button--primary:hover {
  background-color: #333 !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
body.theme-dark .confirm-dialog-footer .el-button--primary:active,
body.theme-dark .rate-dialog-footer .el-button--primary:active,
body.theme-dark .help-dialog-footer .el-button--primary:active {
  background-color: #242424 !important;
  box-shadow: none !important;
}

body.theme-dark .help-dialog .help-text {
  color: #cbd5e1;
}

body.theme-dark .help-dialog .help-text div {
  color: #cbd5e1;
}

body.theme-dark .confirm-dialog .el-dialog__headerbtn .el-dialog__close,
body.theme-dark .rate-dialog .el-dialog__headerbtn .el-dialog__close,
body.theme-dark .help-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #cbd5e1;
}

body.theme-dark .confirm-dialog .el-dialog__headerbtn .el-dialog__close:hover,
body.theme-dark .rate-dialog .el-dialog__headerbtn .el-dialog__close:hover,
body.theme-dark .help-dialog .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}

/* 卡密支付面板 */
.card-payment-panel {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}

/* 在线支付面板 */
.online-payment-panel {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}
.online-payment-panel .panel-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 14px;
}

/* 顶部操作区：桌面单行，移动端自动换行两行显示 */
.top-action-bar {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .top-action-bar {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.order-query { margin-top: 8px; display: flex; align-items: center; gap: 8px; }
.order-query .order-query-input { max-width: 290px; }
.order-query .el-button {
  min-width: 140px;
}
@media (max-width: 768px) {
  .order-query { flex-wrap: wrap; justify-content: flex-start; }
  .order-query .order-query-input { width: 100% !important; max-width: 100% !important; }
  .order-query .el-button {
    width: 100%;
    min-width: auto;
  }
}

@media (max-width: 768px) {
  .sort-actions { flex-wrap: wrap; justify-content: flex-start; }
  .sort-actions .el-button { flex: 1; min-width: 0; }
}
.online-payment-panel .panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.online-payment-panel .panel-desc {
  font-size: 13px;
  color: #8b8f99;
  margin: 0;
}
.payment-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.card-payment-panel .panel-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 14px;
}
.card-payment-panel .panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.card-payment-panel .panel-desc {
  font-size: 13px;
  color: #8b8f99;
  margin: 0;
}
.card-form-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 12px;
}
.card-code-input {
  flex: 1;
  min-width: 240px;
}
.card-btn-group {
  display: flex;
  gap: 8px;
  align-items: center;
}
.card-form .el-form-item {
  margin-bottom: 10px;
}
.card-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.card-preview-info {
  background: #f5f7fa;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
  border: 1px dashed #e5e7eb;
}
.preview-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
}
.selected-course-summary {
  border-radius: 8px;
  background: #fbfcff;
  border: 1px dashed #d3e3ff;
  padding: 12px 14px;
  color: #303133;
  font-size: 13px;
}
.summary-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.summary-text {
  color: #606266;
  word-break: break-all;
}
.card-payment-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.payment-btn {
  min-width: 140px;
}
.payment-btn-card {
  background: #E6A23C !important;
  border-color: #E6A23C !important;
}
.payment-btn-alipay {
  background: #1677ff !important;
  border-color: #1677ff !important;
}
.payment-btn-wechat {
  background: #52c41a !important;
  border-color: #52c41a !important;
}
.payment-btn-qq {
  background: #999999 !important;
  border-color: #999999 !important;
}

/* 移动端响应式：按钮垂直排列 */
@media (max-width: 768px) {
  .card-payment-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .card-payment-actions .el-button,
  .payment-btn {
    width: 100%;
    min-width: auto;
  }
}

.card-redeem-result {
  margin-top: 16px;
}
.card-redeem-result .result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.card-redeem-result .result-block {
  padding: 12px 14px;
  background: #f9fafc;
  border-radius: 8px;
  font-size: 13px;
}
.card-redeem-result .result-block.success {
  border-left: 3px solid #67c23a;
}
.card-redeem-result .result-block.failed {
  border-left: 3px solid #f56c6c;
}
.card-redeem-result ul {
  margin: 0;
  padding-left: 18px;
}
.card-redeem-result li {
  line-height: 1.6;
  color: #606266;
}
.text-success { color: #16a34a; }
.text-danger { color: #d93025; }
.card-tip-alert {
  margin: 0;
}

/* 卡密支付面板暗色模式 */
body.theme-dark .card-payment-panel {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

body.theme-dark .card-payment-panel .panel-title {
  color: #e0e0e0;
}

body.theme-dark .card-payment-panel .panel-desc {
  color: #a0a0a0;
}

body.theme-dark .card-preview-info {
  background: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.15);
  color: #cbd5e1;
}

body.theme-dark .card-preview-info .preview-row {
  color: #cbd5e1;
}

body.theme-dark .selected-course-summary {
  background: #2a2a2a;
  border-color: rgba(64, 158, 255, 0.3);
  color: #e0e0e0;
}

body.theme-dark .selected-course-summary .summary-title {
  color: #e0e0e0;
}

body.theme-dark .selected-course-summary .summary-text {
  color: #b0b0b0;
}

body.theme-dark .card-redeem-result .result-block {
  background: #2a2a2a;
  color: #cbd5e1;
}

body.theme-dark .card-redeem-result .result-block li {
  color: #b0b0b0;
}

body.theme-dark .text-success {
  color: #67c23a;
}

body.theme-dark .text-danger {
  color: #f56c6c;
}

/* 课程查询结果区域暗色模式 */
body.theme-dark .courses-result-wrapper {
  color: #e0e0e0;
}

/* 课程列表表格边框暗色模式适配 - 使用深色边框（接近黑色） */
body.theme-dark .courses-result-wrapper .el-table--border {
  border-top: 1px solid #2a2a2a !important;
  border-left: 1px solid #2a2a2a !important;
  border-right: 1px solid #2a2a2a !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-color: #2a2a2a !important;
}
body.theme-dark .courses-result-wrapper .el-table::before {
  background-color: #2a2a2a !important;
}
body.theme-dark .courses-result-wrapper .el-table--border::after {
  background-color: #2a2a2a !important;
}

/* 确保课程列表表格的所有边框都是深色 - 覆盖全局样式 */
body.theme-dark .courses-result-wrapper .el-table {
  border-top: 1px solid #2a2a2a !important;
  border-left: 1px solid #2a2a2a !important;
  border-right: 1px solid #2a2a2a !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-color: #2a2a2a !important;
}
body.theme-dark .courses-result-wrapper .el-table th,
body.theme-dark .courses-result-wrapper .el-table td {
  border-top: 1px solid #2a2a2a !important;
  border-left: 1px solid #2a2a2a !important;
  border-right: 1px solid #2a2a2a !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-color: #2a2a2a !important;
}
body.theme-dark .courses-result-wrapper .el-table__header-wrapper,
body.theme-dark .courses-result-wrapper .el-table__body-wrapper {
  border-color: #2a2a2a !important;
}
body.theme-dark .courses-result-wrapper .el-table__cell {
  border-top: 1px solid #2a2a2a !important;
  border-left: 1px solid #2a2a2a !important;
  border-right: 1px solid #2a2a2a !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-color: #2a2a2a !important;
}

.courses-result-wrapper .el-table--border {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.courses-result-wrapper .el-table::before,
.courses-result-wrapper .el-table--border::after {
  display: none !important;
}
.courses-result-wrapper .el-table {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.courses-result-wrapper .el-table th,
.courses-result-wrapper .el-table td,
.courses-result-wrapper .el-table__cell {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.courses-result-wrapper .el-table__header-wrapper,
.courses-result-wrapper .el-table__body-wrapper {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.courses-result-wrapper .el-table--border .el-table__body tr:last-child td {
  border-bottom: none !important;
}
.courses-result-wrapper .el-table .cell {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* 在线支付面板暗色模式 */
body.theme-dark .online-payment-panel {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

body.theme-dark .online-payment-panel .panel-title {
  color: #e0e0e0;
}

body.theme-dark .online-payment-panel .panel-desc {
  color: #a0a0a0;
}

@media (max-width: 600px) {
  .card-form-row {
    flex-direction: column;
    align-items: stretch;
  }
  .card-btn-group {
    width: 100%;
  }
  .card-btn-group .el-button {
    flex: 1;
  }
  .card-payment-actions .el-button {
    width: 100%;
  }
}

/* 桌面端日志弹窗样式 */
@media (min-width: 769px) {
  .logs-dialog .el-dialog__header {
    padding: 20px 24px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  
  .logs-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
  }
  
  .logs-dialog .el-dialog__body {
    padding: 20px 20px 10px;
  }
  
  .logs-dialog-footer {
    padding: 20px 5px;
  }
  
  .logs-dialog-footer .el-button {
    min-width: 100px;
    height: 40px;
    font-size: 14px;
  }
}

/* 移动端日志弹窗样式 */
@media (max-width: 768px) {
  .logs-dialog {
    width: 92% !important;
    max-width: 92vw !important;
    margin: 20px auto !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  }
  
  .logs-dialog .el-dialog__header {
    padding: 18px 16px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  
  .logs-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
    line-height: 1.4;
  }
  
  .logs-dialog .el-dialog__headerbtn {
    top: 16px;
    right: 16px;
    font-size: 20px;
  }
  
  .logs-dialog .el-dialog__body {
    padding: 20px 15px 5px;
    max-height: 75vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .logs-dialog-footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 15px 15px 5px;
    background: transparent;
  }
  
  .logs-dialog-footer .el-button {
    flex: 1;
    min-width: 85px;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    padding: 0 14px;
  }
  
  .logs-dialog-footer .el-button--default {
    background: #fff;
    border: 1.5px solid #DCDFE6;
    color: #606266;
  }
  
  .logs-dialog-footer .el-button--default:active {
    background: #f5f7fa;
    transform: scale(0.98);
  }
}

/* 日志弹窗暗色模式 */
body.theme-dark .logs-dialog {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark .logs-dialog .el-dialog__header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  background-color: #1e1e1e !important;
}

body.theme-dark .logs-dialog .el-dialog__title {
  color: #e6e6e6;
}

body.theme-dark .logs-dialog .el-dialog__body {
  background-color: #1e1e1e !important;
  color: #cbd5e1;
}

body.theme-dark .logs-dialog-footer {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.08);
}

body.theme-dark .logs-dialog-footer .el-button--default {
  background: #2a2a2a;
  border-color: #444;
  color: #e6e6e6;
}

body.theme-dark .logs-dialog-footer .el-button--default:active {
  background: #242424;
}

body.theme-dark .logs-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #cbd5e1;
}

body.theme-dark .logs-dialog .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}

@media (max-width: 480px) {
  .logs-dialog {
    width: 96% !important;
    max-width: 96vw !important;
    margin: 10px auto !important;
    border-radius: 12px !important;
  }
  
  .logs-dialog .el-dialog__header {
    padding: 16px 14px 10px;
  }
  
  .logs-dialog .el-dialog__title {
    font-size: 17px;
  }
  
  .logs-dialog .el-dialog__headerbtn {
    top: 14px;
    right: 14px;
    font-size: 18px;
  }
  
  .logs-dialog .el-dialog__body {
    padding: 15px 15px 5px;
  }
  
  .logs-dialog-footer {
    padding: 15px 15px 0px;
    gap: 10px;
  }
  
  .logs-dialog-footer .el-button {
    font-size: 12px;
    height: 34px;
    padding: 0 12px;
    min-width: 75px;
  }
}

/* 通知配置弹窗样式 */
.notification-dialog .form-help-text {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
  line-height: 1.4;
}

.notification-dialog .notification-help {
  margin-top: 20px;
  padding-top: 15px;
}

.notification-dialog .notification-help .help-text {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
}

.notification-dialog .notification-help .help-text div {
  margin-bottom: 10px;
}

.notification-dialog .notification-help .help-text a {
  color: #409EFF;
  text-decoration: none;
}

.notification-dialog .notification-help .help-text a:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 通知配置弹窗移动端适配 */
@media (max-width: 768px) {
  .notification-dialog {
    width: 92% !important;
    max-width: 92vw !important;
    margin: 20px auto !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  }
  .notification-dialog .el-dialog__header {
    padding: 18px 16px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .notification-dialog .el-dialog__title {
    font-size: 18px;
    font-weight: 600;
    color: #303133;
    line-height: 1.4;
  }
  .notification-dialog .el-dialog__headerbtn {
    top: 16px;
    right: 16px;
    font-size: 20px;
  }
  .notification-dialog .el-dialog__body {
    padding: 20px 20px 0px;
    max-height: 75vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .notification-form .notification-form-item {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .notification-form .notification-form-item:last-child {
    margin-bottom: 16px;
  }
  
  /* 启用通知项：标签和开关在同一行，左对齐 */
  .notification-form .notification-form-item:has(.el-switch) {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
  }
  .notification-form .notification-form-item:has(.el-switch) .el-form-item__label {
    width: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 12px;
    flex-shrink: 0;
    text-align: left !important;
  }
  .notification-form .notification-form-item:has(.el-switch) .el-form-item__content {
    width: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }
  .notification-form .el-form-item__content {
    width: 100%;
    margin-left: 0 !important;
  }
  .notification-form .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #606266;
    margin-bottom: 4px;
  }
  .notification-dialog .el-input,
  .notification-dialog .el-textarea {
    width: 100%;
  }
  .notification-dialog .el-input__inner,
  .notification-dialog .el-textarea__inner {
    font-size: 15px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1.5px solid #DCDFE6;
    transition: all 0.3s ease;
    width: 100%;
    box-sizing: border-box;
  }
  .notification-dialog .el-input__inner:focus,
  .notification-dialog .el-textarea__inner:focus {
    border-color: #409EFF;
    box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
  }
  .notification-textarea .el-textarea__inner {
    min-height: 90px;
    line-height: 1.6;
  }
  .notification-radio-group {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    padding: 8px 0;
    width: 100%;
  }
  .notification-radio-group .el-radio {
    margin-right: 0;
    margin-bottom: 0;
    font-size: 14px;
  }
  .notification-radio-group .el-radio__label {
    padding-left: 8px;
    font-size: 14px;
  }
  .form-help-text {
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.5;
    color: #909399;
    padding-left: 0;
    width: 100%;
  }
  .notification-help {
    margin-top: 20px;
    padding-top: 15px;
  }
  .notification-help .el-divider {
    margin: 0 0 12px 0;
  }
  .notification-help .el-divider__text {
    font-size: 14px;
    font-weight: 600;
    color: #303133;
    padding: 0 12px;
  }
  .notification-help .help-text {
    font-size: 14px;
    line-height: 1.8;
    color: #606266;
  }
  .notification-help .help-text div {
    margin-bottom: 10px;
    padding-left: 0;
  }
  .notification-help .help-text a {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: rgba(64, 158, 255, 0.4);
  }
  .notification-dialog-footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 15px 15px 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: transparent;
    flex-wrap: wrap;
  }
  .notification-dialog-footer .el-button {
    flex: 1;
    min-width: 85px;
    height: 36px;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    padding: 0 14px;
  }
  .notification-dialog-footer .el-button--default {
    background: #fff;
    border: 1.5px solid #DCDFE6;
    color: #606266;
  }
  .notification-dialog-footer .el-button--default:active {
    background: #f5f7fa;
    transform: scale(0.98);
  }
  .notification-dialog-footer .el-button--primary {
    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
  }
  .notification-dialog-footer .el-button--primary:active {
    transform: scale(0.98);
    box-shadow: 0 1px 4px rgba(64, 158, 255, 0.3);
  }
  .notification-dialog .el-switch {
    margin-top: 0;
    flex-shrink: 0;
  }
  
  /* 修复移动端下拉菜单最后一个选项显示不全的问题 */
  .notification-dialog .el-select-dropdown {
    padding-bottom: 8px !important;
  }
  .notification-dialog .el-select-dropdown__wrap {
    padding-bottom: 8px !important;
    max-height: calc(100vh - 200px) !important;
  }
  .notification-dialog .el-select-dropdown__list {
    padding-bottom: 4px !important;
  }
}

/* 移动端小屏幕进一步优化 */
@media (max-width: 480px) {
  .notification-dialog {
    width: 96% !important;
    max-width: 96vw !important;
    margin: 10px auto !important;
    border-radius: 12px !important;
  }
  .notification-dialog .el-dialog__header {
    padding: 15px 15px 10px;
  }
  .notification-dialog .el-dialog__title {
    font-size: 16px;
  }
  .notification-dialog .el-dialog__headerbtn {
    top: 15px;
    right: 15px;
    font-size: 18px;
  }
  .notification-dialog .el-dialog__body {
    padding: 15px;
  }
  .notification-form .notification-form-item {
    margin-bottom: 18px;
  }
  
  /* 启用通知项：标签和开关在同一行，左对齐 */
  .notification-form .notification-form-item:has(.el-switch) {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
  }
  .notification-form .notification-form-item:has(.el-switch) .el-form-item__label {
    width: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0px;
    font-size: 13px;
    flex-shrink: 0;
    text-align: left !important;
  }
  .notification-form .notification-form-item:has(.el-switch) .el-form-item__content {
    width: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }
  .notification-form .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    font-size: 13px;
    padding-bottom: 6px;
    padding-left: 0;
    margin-bottom: 4px;
  }
  .notification-dialog .el-input__inner,
  .notification-dialog .el-textarea__inner {
    font-size: 14px;
    padding: 11px 12px;
  }
  .notification-textarea .el-textarea__inner {
    min-height: 85px;
  }
  .notification-radio-group {
    gap: 12px;
    padding: 6px 0;
  }
  .notification-radio-group .el-radio {
    font-size: 13px;
  }
  .notification-radio-group .el-radio__label {
    font-size: 13px;
  }
  .form-help-text {
    font-size: 11px;
    margin-top: 6px;
    padding-left: 0;
  }
  .notification-help {
    margin-top: 16px;
    padding-top: 14px;
  }
  .notification-help .el-divider__text {
    font-size: 12px;
    padding: 0 10px;
  }
  .notification-help .help-text {
    font-size: 12px;
    line-height: 1.7;
  }
  .notification-help .help-text div {
    margin-bottom: 6px;
    padding-left: 0;
  }
  .notification-dialog-footer {
    padding: 12px 14px;
    gap: 10px;
    background: transparent;
  }
  .notification-dialog-footer .el-button {
    font-size: 12px;
    height: 34px;
    padding: 0 12px;
    min-width: 75px;
  }
  
  /* 修复移动端下拉菜单最后一个选项显示不全的问题 */
  .notification-dialog .el-select-dropdown {
    padding-bottom: 10px !important;
  }
  .notification-dialog .el-select-dropdown__wrap {
    padding-bottom: 10px !important;
    max-height: calc(100vh - 180px) !important;
  }
  .notification-dialog .el-select-dropdown__list {
    padding-bottom: 6px !important;
  }
}

/* 通知配置弹窗暗色模式 */
body.theme-dark .notification-dialog .form-help-text {
  color: #a8b4c4;
}

body.theme-dark .notification-dialog .notification-help .help-text {
  color: #cbd5e1;
}

body.theme-dark .notification-dialog .notification-help .help-text div {
  color: #cbd5e1;
}

body.theme-dark .notification-dialog .notification-help .help-text a {
  color: #8ec5ff;
  text-decoration-color: rgba(142, 197, 255, 0.6);
}

body.theme-dark .notification-dialog .notification-help .help-text a:hover {
  color: #b0d7ff;
  text-decoration-color: rgba(176, 215, 255, 0.8);
}

body.theme-dark .notification-dialog .el-form-item__label {
  color: #e6e6e6;
}

body.theme-dark .notification-dialog .el-input__inner,
body.theme-dark .notification-dialog .el-textarea__inner {
  background-color: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

body.theme-dark .notification-dialog .el-input__inner::placeholder,
body.theme-dark .notification-dialog .el-textarea__inner::placeholder {
  color: #aaaaaa;
}

body.theme-dark .notification-dialog .el-input__inner:focus,
body.theme-dark .notification-dialog .el-textarea__inner:focus {
  border-color: #409EFF;
  background-color: #2f2f2f;
}

body.theme-dark .notification-dialog .el-radio__label {
  color: #e6e6e6;
}

body.theme-dark .notification-dialog .el-radio__input.is-checked .el-radio__inner {
  background-color: #409EFF;
  border-color: #409EFF;
}

body.theme-dark .notification-dialog .el-switch__label {
  color: #e6e6e6;
}

body.theme-dark .notification-dialog .el-switch.is-checked .el-switch__core {
  background-color: #409EFF;
}

body.theme-dark .notification-dialog .el-divider__text {
  background-color: #1e1e1e;
  color: #e6e6e6;
}

body.theme-dark .notification-dialog .el-divider {
  border-color: rgba(255, 255, 255, 0.12);
}

body.theme-dark .notification-dialog .el-input.is-disabled .el-input__inner {
  background-color: #1a1a1a;
  border-color: #333;
  color: #888;
  cursor: not-allowed;
}
body.theme-dark .notification-dialog .el-input__inner:focus,
body.theme-dark .notification-dialog .el-textarea__inner:focus {
  box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.15);
}

/* 通知配置弹窗移动端暗色模式优化 */
@media (max-width: 768px) {
  body.theme-dark .notification-dialog {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  }
  body.theme-dark .notification-dialog .el-dialog__header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
  }
  body.theme-dark .notification-dialog .el-dialog__title {
    color: #e6e6e6;
  }
  body.theme-dark .notification-help {
    border-top-color: rgba(255, 255, 255, 0.08);
  }
  body.theme-dark .notification-help .el-divider__text {
    color: #e6e6e6;
  }
  body.theme-dark .notification-dialog-footer {
    background: transparent;
    border-top-color: rgba(255, 255, 255, 0.08);
  }
  body.theme-dark .notification-dialog-footer .el-button--default {
    background: #2a2a2a;
    border-color: #444;
    color: #e6e6e6;
  }
  body.theme-dark .notification-dialog-footer .el-button--default:active {
    background: #242424;
  }
}

/* 查询课程表单样式 */
.courses-form {
  margin-top: 8px;
}

.courses-form-help-text {
  color: #f56c6c;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 4px;
}

.course-desc-panel {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f5f7fa;
  border: 1px solid #ebeef5;
  color: #606266;
}

.course-desc-panel__header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.course-desc-panel__header i {
  color: #409EFF;
}

.course-desc-panel__body {
  font-size: 13px;
  line-height: 1.6;
  color: inherit;
  max-height: 160px;
  overflow-y: auto;
  word-break: break-word;
}

.course-option-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.course-option-name {
  font-weight: 500;
  color: #303133;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  max-width: calc(100% - 88px);
}

.course-option-price {
  color: #E6A23C;
  font-weight: 600;
  white-space: nowrap;
  flex: 0 0 88px;
  text-align: right;
}

.course-option-desc {
  font-size: 12px;
  color: #909399;
  margin-top: 2px;
  line-height: 1.4;
  word-break: break-word;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 42px;
}

.courses-form-help-text i {
  font-size: 14px;
}

body.theme-dark .course-desc-panel {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.1);
  color: #d3dce6;
}

body.theme-dark .course-desc-panel__header i {
  color: #8ec5ff;
}

.courses-form-actions .el-form-item__content{
  line-height: 1;
}

.courses-form-action-buttons{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .courses-form {
    margin-top: 4px;
  }
  .course-desc-panel__body.collapsed { display: none; }
  .course-desc-toggle { color: #409EFF; }
  body.theme-dark .course-desc-toggle { color: #8ec5ff; }
  .course-option-price { flex-basis: 72px; }
  .course-option-name { max-width: calc(100% - 80px); }
  
  .courses-form .el-form-item {
    margin-bottom: 16px;
  }
  
  .courses-form-help-text {
    font-size: 11px;
    margin-top: 6px;
  }
  
  .courses-form-action-buttons{
    gap: 8px;
  }
}

/* 暗色模式适配 */
body.theme-dark .courses-form-help-text {
  color: #f78989;
}

body.theme-dark .courses-form-help-text i {
  color: #f78989;
}

body.theme-dark .course-desc-tip {
  color: #d3dce6;
}

body.theme-dark .course-desc-tip i {
  color: #8ec5ff;
}

body.theme-dark .course-desc-tip span {
  color: inherit;
}

body.theme-dark .course-option-name {
  color: #e0e0e0;
}

body.theme-dark .course-option-desc {
  color: #cfd8dc;
}

body.theme-dark .courses-form .el-form-item__label {
  color: #e0e0e0;
}

body.theme-dark .courses-form .el-input__inner {
  background-color: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

body.theme-dark .courses-form .el-input__inner::placeholder {
  color: #aaaaaa;
}

body.theme-dark .courses-form .el-select .el-input__inner {
  background-color: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

body.theme-dark .courses-form .el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff;
}

body.theme-dark .courses-form .el-form-item.is-required .el-form-item__label::before {
  color: #f78989;
}

/* 标签页（亮色模式） */
.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid #e4e7ed;
  background-color: transparent;
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid #e4e7ed;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  background: #fff;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
  border: none;
  border-right: 1px solid #e4e7ed;
  color: #606266;
  background-color: #f8f9fb;
  transition: background-color .15s ease, color .15s ease;
  font-weight: 500;
}

.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  border-right: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item:hover {
  color: #409eff;
  background-color: #eef5ff;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  color: #409eff;
  background-color: #ffffff;
  border-bottom: 2px solid #409eff;
  font-weight: 600;
}

/* 暗色模式标签页样式 */
body.theme-dark .el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid #444;
  background-color: transparent;
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid #444;
  background-color: #2a2a2a;
  border-radius: 4px 4px 0 0;
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__item {
  border: none;
  border-right: 1px solid #444;
  background-color: #2a2a2a;
  color: #cbd5e1 !important;
  transition: background-color .15s ease, color .15s ease;
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  border-right: none;
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__item:hover {
  color: #b0d7ff !important;
  background-color: #333;
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #1e1e1e;
  color: #8ec5ff !important;
  border-bottom: 2px solid #409eff;
  font-weight: 600;
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__item:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(64,158,255,0.18);
}

body.theme-dark .el-tabs--card > .el-tabs__header .el-tabs__item.is-active::before {
  display: none;
}

/* 暗色模式普通标签页（非card类型）样式 */
body.theme-dark .el-tabs:not(.el-tabs--card) .el-tabs__item {
  color: #cfcfcf !important;
}
body.theme-dark .el-tabs:not(.el-tabs--card) .el-tabs__item.is-active {
  color: #8ec5ff !important;
  font-weight: 600;
}
body.theme-dark .el-tabs:not(.el-tabs--card) .el-tabs__item:hover {
  color: #b0d7ff !important;
}
body.theme-dark .el-tabs:not(.el-tabs--card) .el-tabs__active-bar {
  background-color: #409EFF !important;
}
body.theme-dark .el-tabs:not(.el-tabs--card) .el-tabs__nav-wrap::after {
  background-color: rgba(255,255,255,0.12) !important;
}

/* 暗色模式下拉选项选中状态优化 */
body.theme-dark .el-select-dropdown__item.selected {
  color: #409eff;
  font-weight: 500;
  background-color: rgba(64, 158, 255, 0.15) !important;
}
body.theme-dark .el-select-dropdown__item.hover {
  background-color: rgba(64, 158, 255, 0.12) !important;
  color: #409eff;
}

/* 前台查询标题标签去除底部连线 */
.order-title .el-tabs__nav-wrap::after { height: 0 !important; background-color: transparent !important; }
.order-list-filters { margin-bottom: 8px; display: flex; gap: 8px; align-items: center; }
@media (max-width: 768px) {
  .order-list-filters { flex-wrap: nowrap; justify-content: flex-start; }
  .order-list-filters .el-select { width: auto !important; flex: 1 1 auto; min-width: 0; }
  .order-list-filters .el-button { flex: 0 0 auto; white-space: nowrap; }
}

/* 弹窗底部按钮：桌面右对齐，移动端自适应两行等宽 */
.el-dialog__footer .dialog-footer { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: nowrap; }
@media (max-width: 768px) {
  .el-dialog__footer .dialog-footer { flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
  .el-dialog__footer .dialog-footer .el-button { flex: 0 0 auto; min-width: 50px; height: 30px; font-size: 12px; padding: 0 30px; }
}

/* 订单详情弹窗：移动端按钮进一步缩小 */
@media (max-width: 768px) {
  .order-detail-dialog .dialog-footer { gap: 8px; }
  .order-detail-dialog .dialog-footer .el-button { min-width: 44px; height: 28px; font-size: 12px; padding: 0 14px; }
}
@media (max-width: 480px) {
  .order-detail-dialog .dialog-footer { gap: 6px; }
  .order-detail-dialog .dialog-footer .el-button { min-width: 40px; height: 26px; font-size: 11px; padding: 0 12px; }
}
.search-title-bar .el-tabs__item { padding: 0 10px; }
@media (max-width: 768px) { .search-title-bar .el-tabs__item { padding: 0 8px; } }

/* 弹窗统一样式（桌面端） */
.el-dialog { border-radius: 12px; box-shadow: 0 8px 28px rgba(0,0,0,0.12); }
.el-dialog__header { padding: 14px 16px; border-bottom: 1px solid #eaeaea; border-radius: 12px 12px 0 0; }
.el-dialog__title { font-size: 16px; font-weight: 600; color: #303133; }
.el-dialog__headerbtn { top: 14px; right: 14px; }
.el-dialog__body { padding: 16px; }
.el-dialog__footer { padding: 12px 16px; border-top: 1px solid #eaeaea; border-radius: 0 0 12px 12px; }
.el-message-box { border-radius: 12px !important; }
body.theme-dark .el-dialog { background: #1f2937; border: 1px solid #2f3b4a; color: #e6e6e6; }
body.theme-dark .el-dialog__header { border-bottom: 1px solid rgba(255,255,255,0.08); }
body.theme-dark .el-dialog__footer { border-top: 1px solid rgba(255,255,255,0.08); }
body.theme-dark .el-message-box { border-radius: 12px !important; }

/* 全局：统一所有小号主按钮尺寸 */
.el-button--small.el-button--primary { height: 30px; padding: 0 12px; font-size: 12px; }