/* 夜间模式 - 中性深灰，减少蓝色倾向 */
body.dark-mode {
  background: linear-gradient(180deg, #1a1a1a 0%, #222 50%, #1c1c1c 100%) !important;
  color: #e0e0e0;
}

body.dark-mode a {
  color: #b8b8b8;
}
body.dark-mode a:hover {
  color: #e0e0e0;
}
/* 文字广告内链接继承 div 的自定义文字颜色 */
body.dark-mode .text-ad a {
  color: inherit !important;
}
body.dark-mode .text-ad a:hover {
  color: inherit !important;
  opacity: 0.9;
}

body.dark-mode .header.fixed {
  background: rgba(28, 28, 28, 0.95) !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
body.dark-mode .header.fixed a,
body.dark-mode .nav li a {
  color: #e0e0e0 !important;
}
body.dark-mode .header.fixed a:hover,
body.dark-mode .nav li a:hover {
  color: #fff !important;
}

body.dark-mode .card {
  background: rgba(32, 32, 32, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
body.dark-mode .card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}
body.dark-mode .card .card-head {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #e0e0e0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark-mode .card .card-head i,
body.dark-mode .card .card-head .more {
  color: #b0b0b0 !important;
}
body.dark-mode .card .card-body {
  color: #d0d0d0;
  border-top: none;
}
body.dark-mode .card .card-body.content {
  color: #d0d0d0;
}
body.dark-mode .card .card-body.content h1,
body.dark-mode .card .card-body.content h2,
body.dark-mode .card .card-body.content h3 {
  color: #e8e8e8;
}

body.dark-mode .board {
  background: rgba(32, 32, 32, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #e0e0e0;
}
body.dark-mode .board .icon {
  color: #b0b0b0;
}
body.dark-mode .board span:last-child {
  color: #d0d0d0;
}

body.dark-mode .site-item,
body.dark-mode .oz-table,
body.dark-mode .oz-table th,
body.dark-mode .oz-table td {
  background: rgba(32, 32, 32, 0.6) !important;
  color: #d0d0d0;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .site-item:hover {
  background: rgba(48, 48, 48, 0.8) !important;
}

body.dark-mode .site-item-row {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .site-item-row .name {
  color: #e0e0e0 !important;
}
body.dark-mode .site-item-row .desc {
  color: #999 !important;
}
body.dark-mode .site-item-row .site-item-go {
  color: #555 !important;
}
body.dark-mode .site-item-row:hover {
  background: rgba(48, 48, 48, 0.8) !important;
}
body.dark-mode .site-item-row:hover .site-item-go {
  color: #7ab8ff !important;
}

/* 今日热门站点、快审站点横条：夜间深色背景与可读文字 */
body.dark-mode .hot-site-item,
body.dark-mode .fast-sites-card .hot-site-item {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .hot-site-item:hover,
body.dark-mode .fast-sites-card .hot-site-item:hover {
  background: rgba(48, 48, 48, 0.98) !important;
}
body.dark-mode .hot-site-text .metric,
body.dark-mode .fast-sites-card .hot-site-text .metric {
  color: #9ca3af !important;
}
body.dark-mode .hot-site-icon {
  background: rgba(48, 48, 48, 0.95) !important;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .layui-input,
body.dark-mode .form-control {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: #888;
}

body.dark-mode .layui-form-label,
body.dark-mode label {
  color: #c0c0c0 !important;
}
/* 申请收录页：表单项标签与说明标题在夜间更清晰（深色底+浅色字，避免浅灰底浅字看不清） */
body.dark-mode .oz-form-label {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e8e8e8 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .card .card-body.content h2 {
  color: #e8e8e8 !important;
}
body.dark-mode .apply-tab {
  color: #b8b8b8 !important;
}
body.dark-mode .apply-tab.active {
  color: #3497fc !important;
}
body.dark-mode .apply-tab#tab-apply-fast.active {
  color: #ff6600 !important;
}
body.dark-mode .apply-tip-box {
  background: rgba(48, 32, 32, 0.9) !important;
  border-color: rgba(255, 100, 100, 0.5) !important;
}
body.dark-mode .apply-tip-box span {
  background: rgba(48, 32, 32, 0.98) !important;
  color: #ff8888 !important;
}
body.dark-mode .apply-tip-box p {
  color: #ff9999 !important;
}

body.dark-mode .footer,
body.dark-mode footer {
  background: rgba(28, 28, 28, 0.95) !important;
  color: #b0b0b0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark-mode .footer a,
body.dark-mode footer a {
  color: #b8b8b8;
}

/* 滚动条夜间样式 - 中性灰 */
body.dark-mode ::-webkit-scrollbar-track {
  background: #252525 !important;
}
body.dark-mode ::-webkit-scrollbar-thumb {
  background: #444 !important;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

/* 选中文字 */
body.dark-mode ::selection {
  background: #444;
  color: #e0e0e0;
}
body.dark-mode ::-moz-selection {
  background: #444;
  color: #e0e0e0;
}

/* 弹层 / 模态框 */
body.dark-mode .layui-layer,
body.dark-mode .layui-layer-content {
  background: rgba(32, 32, 32, 0.98) !important;
  color: #e0e0e0;
}
body.dark-mode .layui-layer-title {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e0e0e0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
body.dark-mode .layui-layer-shade {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* 设置弹窗内的区块 */
body.dark-mode .settings-modal,
body.dark-mode .settings-section,
body.dark-mode .contact-item {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #e0e0e0;
}
body.dark-mode .setting-item span,
body.dark-mode .title-text {
  color: #d0d0d0 !important;
}
body.dark-mode .qr-tooltip {
  background: linear-gradient(135deg, #2a2a2a, #222) !important;
}
body.dark-mode .qr-tooltip p {
  color: #d0d0d0;
  background: rgba(255,255,255,0.05);
}

/* 返回顶部等按钮 */
body.dark-mode #backToTop {
  background: rgba(48, 48, 48, 0.9) !important;
  color: #e0e0e0;
  border: 1px solid rgba(255,255,255,0.1);
}
body.dark-mode #backToTop:hover {
  background: rgba(58, 58, 58, 0.95) !important;
}

/* 水印不随主题变亮 */
body.dark-mode .watermark {
  opacity: 0.15;
}

/* ========== 模态框（关于/联系/设置等弹窗）========== */
body.dark-mode .modal-content,
body.dark-mode #modal-content {
  background: rgba(32, 32, 32, 0.98) !important;
  color: #e0e0e0 !important;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
}
body.dark-mode .modal-content h1,
body.dark-mode .modal-content h2,
body.dark-mode .modal-content h3 {
  color: #e8e8e8;
}
body.dark-mode .modal-content .section {
  background: rgba(38, 38, 38, 0.6) !important;
  color: #d0d0d0;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark-mode .close-button {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #c0c0c0 !important;
}
body.dark-mode .close-button:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #e0e0e0 !important;
}

/* 设置里的开关、下拉框、按钮 */
body.dark-mode .switch-input {
  background: rgba(55, 55, 55, 0.9) !important;
}
body.dark-mode .switch-input::before {
  background: #888 !important;
}
body.dark-mode .switch-input:checked {
  background: #4CAF50 !important;
}
body.dark-mode .setting-item select {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.dark-mode .reset-settings {
  background: rgba(55, 55, 55, 0.9) !important;
  color: #d0d0d0 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .reset-settings:hover {
  background: rgba(65, 65, 65, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 日历、天气等卡片 */
body.dark-mode .calendar-header,
body.dark-mode .weekdays,
body.dark-mode .days-grid,
body.dark-mode .day {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #d0d0d0;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .day:hover {
  background: rgba(48, 48, 48, 0.95) !important;
}
body.dark-mode .solar-day,
body.dark-mode .lunar-day {
  color: #d0d0d0;
}

body.dark-mode .weather-container,
body.dark-mode .weather-header,
body.dark-mode .current-weather,
body.dark-mode .forecast-tabs,
body.dark-mode .indices-item {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #d0d0d0;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .forecast-tabs {
  background: rgba(35, 35, 35, 0.95) !important;
}
body.dark-mode .temperature,
body.dark-mode .weather-text,
body.dark-mode .indices-name,
body.dark-mode .indices-value {
  color: #e0e0e0 !important;
}
body.dark-mode .weather-header .location,
body.dark-mode .weather-header .update-time {
  color: #b0b0b0 !important;
}

/* 统计、列表行等 */
body.dark-mode .stat-row {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .stat-label {
  color: #b0b0b0 !important;
}

/* 通用：所有明显白底的区块在夜间改为深色 */
body.dark-mode .blockquote,
body.dark-mode .layui-elem-quote,
body.dark-mode .empty-message {
  background: rgba(38, 38, 38, 0.7) !important;
  color: #d0d0d0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .submit-tips {
  background: rgba(35, 35, 35, 0.9) !important;
  color: #d0d0d0;
  border-color: rgba(255, 255, 255, 0.06);
}
body.dark-mode .submit-tips h5 {
  color: #e8e8e8;
}
body.dark-mode .submit-tips li {
  color: #c0c0c0;
}

/* ========== 首页搜索区动态背景（夜间，深色带彩：靛蓝→深紫→墨绿，底部遮罩淡出与白天一致） ========== */
body.dark-mode .index-box::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 610px !important;
  z-index: 0 !important;
  background-image: linear-gradient(135deg, #1e3a5f 0%, #2d1b4e 42%, #0d3d38 100%) !important;
  background-size: 300% 300% !important;
  background-position: 0% 50% !important;
  animation: index-box-bg 20s ease-in-out infinite !important;
  pointer-events: none !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}
/* 与白天模式一致：同一套遮罩淡出，分界一致 */
body.dark-mode .index-box::before {
  background: rgba(255, 255, 255, .06) !important;
  min-height: 610px !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.85) 60%, rgba(0,0,0,.5) 75%, rgba(0,0,0,.15) 90%, transparent 100%) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}

/* ========== 首页搜索框（无卡片底） ========== */
body.dark-mode .index-box .search-box {
  background: transparent !important;
  border: none !important;
}
body.dark-mode .index-box .search-box .xzdao-search-form {
  background: rgba(32, 32, 32, 0.95) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.3) !important;
}
body.dark-mode .index-box .search-box .xzdao-search-form:focus-within {
  box-shadow: 0 2px 16px rgba(0,0,0,.4), 0 0 0 2px rgba(249, 115, 22, 0.35) !important;
}
body.dark-mode .index-box .search-box .xzdao-search-input {
  color: #e0e0e0 !important;
  background: transparent !important;
}
body.dark-mode .index-box .search-box .xzdao-search-input::placeholder {
  color: #9ca3af !important;
}
body.dark-mode .index-box .search-box .cat-item {
  color: #d0d0d0 !important;
}
body.dark-mode .index-box .search-box .cat-item.active {
  color: #e8e8e8 !important;
}
body.dark-mode .index-box .search-box .cat-item.active:after {
  background: #888;
}
body.dark-mode .index-box .search-box .sub-item {
  background: transparent !important;
  color: #e0e0e0 !important;
}
body.dark-mode .index-box .search-box .sub-item:hover {
  background: transparent !important;
  color: #fff !important;
}
body.dark-mode .index-box .search-box .sub-item.active {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600 !important;
}
body.dark-mode .index-box .search-box .sub-category-wrapper::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .index-box .search-box .sub-category-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15) !important;
}
body.dark-mode .index-box .search-box .sub-category-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}
body.dark-mode .index-box .search-box .search-btn {
  background: #f97316 !important;
  color: #fff !important;
}
body.dark-mode .index-box .search-box .search-btn:hover {
  background: #ea580c !important;
}
body.dark-mode .index-box .search-box .search-form-caret {
  border-top-color: rgba(255,255,255,.85) !important;
}

/* 站点列表、文章网格、排行榜、分页、工具列表 */
body.dark-mode .article-grid .post-item {
  background: rgba(32, 32, 32, 0.95) !important;
  color: #d0d0d0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .article-grid .post-item:hover {
  background: rgba(40, 40, 40, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.dark-mode .article-grid .post-item .text {
  background: rgba(32, 32, 32, 0.95) !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .article-grid .post-item .title {
  color: #e8e8e8 !important;
}
body.dark-mode .article-grid .post-item:hover .title {
  color: #7ab8ff !important;
}
body.dark-mode .article-grid .post-item .info {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #9ca3af !important;
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .article-grid .post-item:hover .info {
  color: #ff7f00 !important;
  background: rgba(48, 38, 30, 0.8) !important;
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .article-grid .post-item .pic {
  background: rgba(48, 48, 48, 0.9) !important;
}
body.dark-mode .site-ranking {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #d0d0d0;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .site-ranking:hover {
  background: rgba(48, 48, 48, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .site-ranking .rank {
  background: rgba(48, 48, 48, 0.9) !important;
  color: #d0d0d0;
}
/* 前三名保留排名图标*/
body.dark-mode .site-ranking:nth-child(1) .rank {
  background: url('../images/rank_1.png') no-repeat 50% 50%/85% !important;
}
body.dark-mode .site-ranking:nth-child(2) .rank {
  background: url('../images/rank_2.png') no-repeat 50% 50%/85% !important;
}
body.dark-mode .site-ranking:nth-child(3) .rank {
  background: url('../images/rank_3.png') no-repeat 50% 50%/85% !important;
}
body.dark-mode .pagination li a {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #d0d0d0 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .pagination li a:hover {
  background: rgba(48, 48, 48, 0.95) !important;
}
body.dark-mode .pagination .active a {
  background: #ff7f00 !important;
  color: #fff !important;
  border-color: #ff7f00 !important;
}
body.dark-mode .tool-list {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #d0d0d0;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dark-mode .tool-list:hover {
  background: rgba(48, 48, 48, 0.95) !important;
}
body.dark-mode .tool-list a {
  color: #d0d0d0;
}
body.dark-mode .tool-list .tool-title {
  color: #e0e0e0 !important;
}

/* 工具列表页 list_tool：列表下每张卡片 .tool-item 夜间深色 */
body.dark-mode .tool-item {
  background: rgba(32, 32, 32, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #d0d0d0 !important;
}
body.dark-mode .tool-item:hover {
  background: rgba(40, 40, 40, 0.98) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35) !important;
}
body.dark-mode .tool-item .tool-name {
  color: #e8e8e8 !important;
}
body.dark-mode .tool-item .tool-desc {
  color: #b0b0b0 !important;
}
body.dark-mode .tool-item .tool-meta {
  color: #9ca3af !important;
}
body.dark-mode .tool-item .tool-meta span {
  color: #9ca3af !important;
}

/* 工具详情页 tool.php：标题与头部在夜间可读 */
body.dark-mode .tool-detail-card .tool-title h1 {
  color: #e8e8e8 !important;
}
body.dark-mode .tool-detail-card .tool-rating .view-count {
  background: rgba(24, 144, 255, 0.2) !important;
  color: #7ab8ff !important;
}
body.dark-mode .tool-detail-card .report-btn {
  background: rgba(48, 48, 48, 0.9) !important;
  color: #c0c0c0 !important;
}
body.dark-mode .tool-detail-card .report-btn:hover {
  background: rgba(58, 58, 58, 0.95) !important;
  color: #e0e0e0 !important;
}

/* SEO优化工具区块：夜间深色底 */
body.dark-mode .seo-tools {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #d0d0d0;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .seo-tools p {
  color: #e8e8e8 !important;
}
body.dark-mode .seo-tools .layui-input,
body.dark-mode .seo-tools .layui-select {
  background: rgba(32, 32, 32, 0.95) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.dark-mode .seo-tools .layui-btn {
  background-color: #52c41a !important;
  color: #fff !important;
}
body.dark-mode .seo-tools .layui-btn:hover {
  opacity: 0.9;
}

/* 站点详情页：友链代码示例文字夜间为浅色 */
body.dark-mode .friend-link-code {
  color: #e0e0e0 !important;
}

/* ========== 购买广告页夜间模式 ========== */
body.dark-mode .pay-page-content {
  color: #e0e0e0;
}
body.dark-mode .pay-page-intro {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #d0d0d0 !important;
  border-left-color: #3497fc !important;
}
body.dark-mode .pay-page-content .pay-step {
  background: rgba(32, 32, 32, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .pay-page-content .pay-step .steps li {
  color: #b0b0b0 !important;
}
body.dark-mode .pay-page-content .pay-step .steps li::after {
  background: rgba(255, 255, 255, 0.15) !important;
}
body.dark-mode .pay-page-content .pay-step .steps li.active {
  color: #7ab8ff !important;
}
body.dark-mode .pay-tabs {
  background: rgba(38, 38, 38, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .pay-tabs a {
  color: #c0c0c0 !important;
}
body.dark-mode .pay-tabs a:hover {
  color: #7ab8ff !important;
  background: rgba(52, 151, 252, 0.15) !important;
}
body.dark-mode .pay-tabs a.active {
  color: #fff !important;
  background: linear-gradient(135deg, #3497fc 0%, #2680e8 100%) !important;
}
body.dark-mode .pay-page-content .pay-section {
  background: rgba(32, 32, 32, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .pay-page-content .pay-section-title {
  color: #e8e8e8 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .pay-section.pay-order-info {
  background: rgba(38, 38, 38, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .pay-section.pay-order-info .sleft,
body.dark-mode .pay-section.pay-order-info .sright {
  color: #d0d0d0 !important;
}
body.dark-mode .pay-section.pay-submit {
  background: rgba(38, 38, 38, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.dark-mode .pay-section.pay-submit .pay-tip {
  color: #9ca3af !important;
}
body.dark-mode .pay-section.pay-preview-card .preview-inner {
  background: rgba(38, 38, 38, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
/* 预览区默认在夜间为浅色，实际颜色由 updatePreview() 用 important 同步选择器，不写死避免覆盖 */
body.dark-mode .pay-section.pay-preview-card .text-ad:not([style*="background"]) {
  background: rgba(38, 38, 38, 0.9) !important;
}
body.dark-mode .pay-section.pay-notice {
  background: rgba(30, 48, 38, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode .pay-page-content .form-group label {
  color: #d0d0d0 !important;
}
body.dark-mode .pay-page-content .form-control {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.dark-mode .pay-page-content .form-control::placeholder {
  color: #888 !important;
}
body.dark-mode .pay-page-content .color-text {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e0e0e0 !important;
}
body.dark-mode .pay-page-content .form-tips {
  color: #9ca3af !important;
}
body.dark-mode .pay-page-content .layui-form-select .layui-input {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.dark-mode .pay-page-content .layui-form-select dl dd {
  background: rgba(38, 38, 38, 0.95) !important;
  color: #d0d0d0 !important;
}
body.dark-mode .pay-page-content .layui-form-select dl dd:hover {
  background: rgba(48, 48, 48, 0.98) !important;
  color: #e0e0e0 !important;
}
body.dark-mode .pay-page-content .layui-form-select dl dd.layui-this {
  background: #3497fc !important;
  color: #fff !important;
}
body.dark-mode .pay-page-content .notice-list .notice-item {
  color: #c0c0c0 !important;
}