/* 前台样式 */
.download-section {
    margin: 5px 0 20px 0; /* 增加下边距到15px */
    padding: 10px; /* 从15px减小到10px */
    background: #FFFFFF;
    border: none; /* 移除边框线 */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.download-button {
    display: inline-block;
    padding: 8px 15px; /* 减小内边距 */
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    margin: 3px 0; /* 减小外边距 */
}
.download-button:hover {
    background: #005177;
    color: #fff;
}
.download-links-container {
    margin: 10px 0; /* 从20px减小到10px */
}

/* 下载项目容器 */
.download-item {
    margin-bottom: 10px; /* 从15px减小到10px */
    padding: 5px; /* 从8px减小到5px */
    text-align: center;
    border: 1px solid #eee;
    background: #fff;
}

/* 下载链接按钮 - 小说详情页 */
.download-item .download-link-btn {
    display: block;
    width: 100%;
    padding: 6px 12px; /* 减小内边距，从8px改为6px */
    font-size: 14px; /* 减小字体大小，从15px改为14px */
    font-weight: 600;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4; /* 减小行高，从1.5改为1.4 */
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    border: none;
    position: relative;
    overflow: hidden;
}

/* 鼠标悬停效果 - 添加动画效果 */
.download-item .download-link-btn:hover {
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%); /* 反向渐变 */
    transform: translateY(-2px); /* 轻微上浮 */
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* 增强阴影 */
    color: #fff;
    text-decoration: none;
}

/* 按钮点击效果 */
.download-item .download-link-btn:active {
    transform: translateY(1px); /* 轻微下沉 */
    box-shadow: 0 3px 5px rgba(50, 50, 93, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08); /* 减弱阴影 */
}

/* 下载图标样式 */
.download-icon {
    width: 16px; /* 减小图标大小，从18px改为16px */
    height: 16px; /* 减小图标大小，从18px改为16px */
    filter: brightness(100);
    margin-right: 0;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

/* 按钮内容布局 */
.download-link-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* 减小间距，从10px改为8px */
    position: relative;
    z-index: 1;
}

/* 鼠标悬停时图标微动画 */
.download-item .download-link-btn:hover .download-icon {
    transform: scale(1.1);
}

/* 暗色模式适配 */
body.dark-mode .download-item,
.dark-theme .download-item,
[data-theme="dark"] .download-item,
.darkmode--activated .download-item,
.scheme-dark .download-item,
html[data-theme='dark'] .download-item,
.night-mode .download-item {
    background: #353638;
    border-color: #444;
}

body.dark-mode .download-item .download-link-btn,
.dark-theme .download-item .download-link-btn,
[data-theme="dark"] .download-item .download-link-btn,
.darkmode--activated .download-item .download-link-btn,
.scheme-dark .download-item .download-link-btn,
html[data-theme='dark'] .download-item .download-link-btn,
.night-mode .download-item .download-link-btn {
    background: linear-gradient(135deg, #3a7bd5 0%, #2b5876 100%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

body.dark-mode .download-item .download-link-btn:hover,
.dark-theme .download-item .download-link-btn:hover,
[data-theme="dark"] .download-item .download-link-btn:hover,
.darkmode--activated .download-item .download-link-btn:hover,
.scheme-dark .download-item .download-link-btn:hover,
html[data-theme='dark'] .download-item .download-link-btn:hover,
.night-mode .download-item .download-link-btn:hover {
    background: linear-gradient(135deg, #2b5876 0%, #3a7bd5 100%);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25);
}

/* 确保独立下载页的按钮样式不受影响 */
.download-page-container .download-link-btn {
    background: #3498db;
    transition: background-color 0.3s;
}

.download-page-container .download-link-btn:hover {
    background: #2980b9;
    opacity: 1;
}

/* 独立下载页面样式 - 修改为水平布局 */
.download-page-container .download-link-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #eee;
    flex-direction: row; /* 确保是水平布局 */
}

.download-page-container .download-link-platform-code-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
}

.download-page-container .download-link-platform {
    display: flex;
    align-items: center;
    width: 150px;
}

.download-page-container .platform-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.download-page-container .download-link-code-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
}

.download-page-container .download-link-button-wrapper {
    width: 100px;
    text-align: right;
    margin-top: 0; /* 确保没有上边距 */
}

.download-page-container .download-link-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    margin: 0; /* 移除外边距 */
}

/* 移动端响应式布局 */
@media (max-width: 768px) {
    .download-page-container .download-link-item {
        flex-direction: row; /* 保持水平布局 */
        align-items: center;
        padding: 12px;
    }
    
    .download-page-container .download-link-platform-code-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 0; /* 移除底部边距 */
    }
    
    .download-page-container .download-link-button-wrapper {
        width: auto !important;
        text-align: right !important;
        margin-left: 10px;
    }
    
    .download-page-container .download-link-btn {
        width: auto;
        padding: 8px 15px;
    }
}

@media (max-width: 480px) {
    .download-page-container .download-link-item {
        flex-direction: column; /* 在小屏幕上改为垂直布局 */
        align-items: stretch;
    }
    
    .download-page-container .download-link-platform-code-wrapper {
        margin-bottom: 10px;
    }
    
    .download-page-container .download-link-button-wrapper {
        width: 100% !important;
        text-align: center !important;
        margin-left: 0;
    }
    
    .download-page-container .download-link-btn {
        width: 100%;
    }
}

/* 提取码样式 */
.extract-code {
    margin-top: 8px;
    padding: 6px 10px;
    background: #f5f5f5;
    border: 1px dashed #ddd;
    border-radius: 3px;
    font-size: 13px;
    text-align: center;
    color: #666;
}

/* 提取码数值样式 - 修改为半透明亮橙色背景，添加鼠标悬停效果 */
.code-value {
    font-weight: bold;
    color: #e74c3c;
    margin: 0 5px;
    user-select: all;
    background-color: rgba(255, 166, 0, 0.233); /* 半透明亮橙色背景 */
    padding: 2px 8px;
    border-radius: 3px;
    cursor: pointer; /* 显示为可点击状态 */
    position: relative;
    transition: background-color 0.2s;
}

/* 鼠标悬停效果 */
.code-value:hover {
    background-color: rgba(255, 165, 0, 0.4); /* 悬停时背景色加深 */
}

/* 悬停提示效果 - 修改为显示在上方 */
.code-value:hover::after {
    content: "点击复制提取码";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 5px;
    z-index: 100;
}

/* 主题暗色模式适配 */
[data-theme="dark"] .download-section,
.dark-theme .download-section,
.dark-mode .download-section {
    background: #323335;
    border-color: #444;
}

[data-theme="dark"] .download-item,
.dark-theme .download-item,
.dark-mode .download-item {
    background: #353638;
    border-color: #444;
}

[data-theme="dark"] .extract-code,
.dark-theme .extract-code,
.dark-mode .extract-code {
    background: #2a2a2a;
    border-color: #444;
    color: #bbb;
}

/* 鼠标悬停效果 */
.download-link-btn:hover {
    opacity: 0.9;
    background: rgba(2, 166, 241, 0.9);
}

/* 下载页面样式 */
.download-page-container {
    max-width: 1200px;
    margin: 30px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 暗夜模式适配 - 增加更多选择器 */
body.dark-mode .download-page-container,
.dark-theme .download-page-container,
[data-theme="dark"] .download-page-container,
.darkmode--activated .download-page-container,
.scheme-dark .download-page-container,
html[data-theme='dark'] .download-page-container,
.night-mode .download-page-container {
    background: #323335;
    color: #f0f0f0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.download-page-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

body.dark-mode .download-page-header,
.dark-theme .download-page-header,
[data-theme="dark"] .download-page-header,
.darkmode--activated .download-page-header,
.scheme-dark .download-page-header,
html[data-theme='dark'] .download-page-header,
.night-mode .download-page-header {
    border-bottom: 1px solid #444;
}

.download-page-title {
    font-size: 24px;
    margin: 0 0 10px 0;
}

.download-page-subtitle {
    font-size: 16px;
    color: #666;
    margin: 0;
}

body.dark-mode .download-page-subtitle,
.dark-theme .download-page-subtitle,
[data-theme="dark"] .download-page-subtitle,
.darkmode--activated .download-page-subtitle,
.scheme-dark .download-page-subtitle,
html[data-theme='dark'] .download-page-subtitle,
.night-mode .download-page-subtitle {
    color: #aaa;
}

.download-links-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.download-links-header h2 {
    font-size: 20px;
    margin: 0;
}

.back-button {
    display: inline-block;
    padding: 5px 15px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
}

.back-button:hover {
    background: #e5e5e5;
    color: #333;
    text-decoration: none;
}

body.dark-mode .back-button,
.dark-theme .back-button,
[data-theme="dark"] .back-button,
.darkmode--activated .back-button,
.scheme-dark .back-button,
html[data-theme='dark'] .back-button,
.night-mode .back-button {
    background: #444;
    color: #f0f0f0;
}

body.dark-mode .back-button:hover,
.dark-theme .back-button:hover,
[data-theme="dark"] .back-button:hover,
.darkmode--activated .back-button:hover,
.scheme-dark .back-button:hover,
html[data-theme='dark'] .back-button:hover,
.night-mode .back-button:hover {
    background: #555;
    color: #fff;
}

/* 下载链接项目样式 */
.download-link-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #eee;
}

/* 添加暗夜模式适配 */
body.dark-mode .download-link-item,
.dark-theme .download-link-item,
[data-theme="dark"] .download-link-item,
.darkmode--activated .download-link-item,
.scheme-dark .download-link-item,
html[data-theme='dark'] .download-link-item,
.night-mode .download-link-item {
    background: #3a3b3d;
    border: 1px solid #444;
    color: #f0f0f0;
}

/* 桌面端样式 */
.download-link-platform-code-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
}

.download-link-platform {
    display: flex;
    align-items: center;
    width: 150px;
}

.platform-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.download-link-code-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
}

.download-link-code-label {
    margin-right: 5px;
}

.download-link-button-wrapper {
    width: 100px;
    text-align: right;
}

/* 移动端响应式布局 */
@media (max-width: 768px) {
    .download-link-item {
        flex-direction: column;
        align-items: stretch;
        padding: 12px;
    }
    
    .download-link-platform-code-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        width: 100%;
    }
    
    .download-link-platform {
        width: auto;
        flex-shrink: 0;
    }
    
    .download-link-code-wrapper {
        flex: 1;
        justify-content: flex-end;
    }
    
    .download-link-button-wrapper {
        width: 100% !important;
        text-align: center !important;
    }
    
    .download-link-btn {
        width: 100%;
        padding: 10px 20px;
    }
}

/* 下载链接代码样式 */
.download-link-code {
    background: #ffe9c2;
    padding: 2px 8px;
    border-radius: 3px;
    color: #e67e22;
    cursor: pointer;
    position: relative;
}

.download-link-code:hover {
    background: #ffd9a3;
}

/* 添加悬停提示在提取码上方 */
.download-link-code:hover::before {
    content: "点击复制提取码";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 5px;
    z-index: 100;
}

/* 删除title属性的提示 */
.download-link-code[title] {
    title: none;
}

body.dark-mode .download-link-code,
.dark-theme .download-link-code,
[data-theme="dark"] .download-link-code,
.darkmode--activated .download-link-code,
.scheme-dark .download-link-code,
html[data-theme='dark'] .download-link-code,
.night-mode .download-link-code {
    background: #5d4a2c;
    color: #ffb74d;
}

body.dark-mode .download-link-code:hover,
.dark-theme .download-link-code:hover,
[data-theme="dark"] .download-link-code:hover,
.darkmode--activated .download-link-code:hover,
.scheme-dark .download-link-code:hover,
html[data-theme='dark'] .download-link-code:hover,
.night-mode .download-link-code:hover {
    background: #6d5a3c;
}

.download-link-button-wrapper {
    width: 100px;
    text-align: right;
}

.download-link-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}

.download-link-btn:hover {
    background: #2980b9;
    color: #fff;
    text-decoration: none;
}

.download-error {
    padding: 20px;
    background: #f8d7da;
    color: #721c24;
    border-radius: 4px;
    text-align: center;
}

body.dark-mode .download-error,
.dark-theme .download-error,
[data-theme="dark"] .download-error,
.darkmode--activated .download-error,
.scheme-dark .download-error,
html[data-theme='dark'] .download-error,
.night-mode .download-error {
    background: #4d2c2f;
    color: #f8d7da;
}

/* 版权声明容器样式 */
.download-page-copyright-container {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; /* 添加下边距，与下载容器保持一致 */
}

.download-page-copyright {
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    /* 移除边框线 */
    border-top: none;
    margin-top: 0;
    padding: 0;
}

/* 暗色模式适配 */
body.dark-mode .download-page-copyright-container,
.dark-theme .download-page-copyright-container,
[data-theme="dark"] .download-page-copyright-container,
.darkmode--activated .download-page-copyright-container,
.scheme-dark .download-page-copyright-container,
html[data-theme='dark'] .download-page-copyright-container,
.night-mode .download-page-copyright-container {
    background-color: #323335;
    border-color: #444;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}


body.dark-mode .download-page-copyright,
.dark-theme .download-page-copyright,
[data-theme="dark"] .download-page-copyright,
.darkmode--activated .download-page-copyright,
.scheme-dark .download-page-copyright,
html[data-theme='dark'] .download-page-copyright,
.night-mode .download-page-copyright {
    color: #aaa;
    border-top: none;
}

/* 添加移动端响应式样式 */
@media (max-width: 768px) {
    .download-page-container,
    .download-page-copyright-container {
        max-width: 100% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        width: calc(100% - 30px) !important;
        box-sizing: border-box;
    }
}

.download-page-link {
    display: block;
    width: 100%;
    padding: 8px 15px !important;
    font-size: 15px !important;
    font-weight: 600;
    background: #3498db !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4;
    transition: background-color 0.3s;
    margin: 5px 0; /* 添加更小的外边距 */
}

.download-page-link:hover {
    background: #2980b9 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* 暗色模式适配 */
body.dark-mode .download-page-link,
.dark-theme .download-page-link,
[data-theme="dark"] .download-page-link,
.darkmode--activated .download-page-link,
.scheme-dark .download-page-link,
html[data-theme='dark'] .download-page-link,
.night-mode .download-page-link {
    background: #2980b9 !important;
}

body.dark-mode .download-page-link:hover,
.dark-theme .download-page-link:hover,
[data-theme="dark"] .download-page-link:hover,
.darkmode--activated .download-page-link:hover,
.scheme-dark .download-page-link:hover,
html[data-theme='dark'] .download-page-link:hover,
.night-mode .download-page-link:hover {
    background: #1a6396 !important;
}

/* 复制提示样式 */
.copy-tooltip {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 100;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 复制状态样式 - 仅在文章页面生效 */
.download-item .copied {
    background-color: #4CAF50 !important;
    color: white !important;
    transition: all 0.3s;
}

/* 独立下载页面的提取码不变色 */
.download-page-container .download-link-code {
    background: #ffe9c2;
    padding: 2px 8px;
    border-radius: 3px;
    color: #e67e22;
    cursor: pointer;
    transition: none; /* 防止颜色变化 */
}

.download-page-container .download-link-code:hover {
    background: #ffd9a3;
}

/* 暗色模式下的样式 */
body.dark-mode .download-page-container .download-link-code,
.dark-theme .download-page-container .download-link-code,
[data-theme="dark"] .download-page-container .download-link-code,
.darkmode--activated .download-page-container .download-link-code,
.scheme-dark .download-page-container .download-link-code,
html[data-theme='dark'] .download-page-container .download-link-code,
.night-mode .download-page-container .download-link-code {
    background: #5d4a2c;
    color: #ffb74d;
    transition: none;
}

body.dark-mode .download-link-code:hover,
.dark-theme .download-link-code:hover,
[data-theme="dark"] .download-link-code:hover,
.darkmode--activated .download-link-code:hover,
.scheme-dark .download-link-code:hover,
html[data-theme='dark'] .download-link-code:hover,
.night-mode .download-link-code:hover {
    background: #6d5a3c;
}

.download-link-button-wrapper {
    width: 100px;
    text-align: right;
}

.download-link-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}

.download-link-btn:hover {
    background: #2980b9;
    color: #fff;
    text-decoration: none;
}

.download-error {
    padding: 20px;
    background: #f8d7da;
    color: #721c24;
    border-radius: 4px;
    text-align: center;
}

body.dark-mode .download-error,
.dark-theme .download-error,
[data-theme="dark"] .download-error,
.darkmode--activated .download-error,
.scheme-dark .download-error,
html[data-theme='dark'] .download-error,
.night-mode .download-error {
    background: #4d2c2f;
    color: #f8d7da;
}

/* 版权声明样式 */
/* 独立下载页版权声明样式 */
.download-page-copyright {
    margin-top: 0;
    padding: 15px;
    border-top: none; /* 移除边框线 */
    text-align: center;
    font-size: 13px;
    color: #888;
}

.download-page-copyright p {
    margin: 5px 0;
}

body.dark-mode .download-copyright,
.dark-theme .download-copyright,
[data-theme="dark"] .download-copyright,
.darkmode--activated .download-copyright,
.scheme-dark .download-copyright,
html[data-theme='dark'] .download-copyright,
.night-mode .download-copyright {
    border-top: none; /* 移除边框线 */
    color: #777;
}

.download-copyright p {
    margin: 5px 0;
}

/* 下载页面跳转按钮样式 */
.download-page-link {
    display: block;
    width: 100%;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600;
    background: #3498db !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.5;
    transition: background-color 0.3s;
}

.download-page-link:hover {
    background: #2980b9 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* 暗色模式适配 */
body.dark-mode .download-page-link,
.dark-theme .download-page-link,
[data-theme="dark"] .download-page-link,
.darkmode--activated .download-page-link,
.scheme-dark .download-page-link,
html[data-theme='dark'] .download-page-link,
.night-mode .download-page-link {
    background: #2980b9 !important;
}

body.dark-mode .download-page-link:hover,
.dark-theme .download-page-link:hover,
[data-theme="dark"] .download-page-link:hover,
.darkmode--activated .download-page-link:hover,
.scheme-dark .download-page-link:hover,
html[data-theme='dark'] .download-page-link:hover,
.night-mode .download-page-link:hover {
    background: #1a6396 !important;
}

/* 复制提示样式 */
.copy-tooltip {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 100;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 复制状态样式 */
.copied {
    background-color: #4CAF50 !important;
    color: white !important;
    transition: all 0.3s;
}

/* 相对定位，用于复制提示 */
.download-link-code, .code-value {
    position: relative;
}

/* 登录提示和错误信息样式 */
.download-error {
    background-color: #ffebee;
    color: #c62828;
    text-align: center;
    padding: 10px 15px;  /* 减小上下内边距 */
    margin: 8px 0 15px 0;  /* 调整外边距 */
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #ffcdd2;  /* 添加边框 */
}

/* 暗色模式下的登录提示样式 */
body.dark-mode .download-error,
.dark-theme .download-error,
[data-theme="dark"] .download-error,
.darkmode--activated .download-error,
.scheme-dark .download-error,
html[data-theme='dark'] .download-error,
.night-mode .download-error {
    background-color: #3e2c2e;
    color: #ef9a9a;
    border-color: #4d2c2f;
}

/* 暗色模式适配 */
body.dark-mode .download-tip,
.dark-theme .download-tip,
[data-theme="dark"] .download-tip,
.darkmode--activated .download-tip,
.scheme-dark .download-tip,
html[data-theme='dark'] .download-tip,
.night-mode .download-tip {
    background-color: #2a2a2a;
    border-left-color: #4caf50;
    color: #bbb;
}

/* 用户下载记录样式 */
.download-history-container {
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.download-history-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px 15px;
    background: #f9f9f9;
    border-radius: 4px;
}

.download-history-item {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.download-history-header {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: #f7f7f7;
    cursor: pointer;
    transition: background-color 0.2s;
}

.download-history-header:hover {
    background: #f0f0f0;
}

.toggle-icon {
    margin-right: 10px;
    font-size: 12px;
    color: #555;
}

.download-history-header h3 {
    flex: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.download-meta {
    display: flex;
    gap: 15px;
    font-size: 13px;
    color: #666;
}

.download-history-details {
    padding: 0;
    background: #fff;
}

.download-details-table {
    width: 100%;
    border-collapse: collapse;
}

.download-details-table th,
.download-details-table td {
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.download-details-table th {
    background: #f5f5f5;
    font-weight: 600;
}

.delete-button {
    padding: 4px 8px !important;
    font-size: 12px !important;
    background: #f44336 !important;
    color: white !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

.delete-all-button {
    background: #f44336 !important;
    color: white !important;
    border: none !important;
}

.download-notice {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.download-notice.success {
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}

.download-notice.error {
    background: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
}

.download-pagination {
    margin-top: 20px;
    text-align: center;
}

.download-pagination .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-decoration: none;
}

.download-pagination .page-numbers.current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

.download-empty {
    padding: 30px;
    text-align: center;
    background: #f9f9f9;
    border-radius: 4px;
}

/* 格式显示样式 - 美化版 */
.download-formats {
    background-color: transparent;
    border-left: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #555;
    line-height: 1.4;
    display: inline-block;
    float: right;
}

.download-formats::before {
    content: ""; /* 移除前缀文字 */
}

.format-item {
    display: inline-block;
    padding: 3px 8px;
    margin: 0 2px;
    color: #888;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #f8f9fa;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.format-checked {
    color: #1e88e5;
    font-weight: 600;
    background-color: #e3f2fd;
    border-color: #bbdefb;
    box-shadow: 0 1px 3px rgba(30,136,229,0.1);
}

/* 鼠标悬停效果 */
.format-checked:hover {
    background-color: #bbdefb;
    border-color: #90caf9;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(30,136,229,0.15);
}

/* 暗色模式适配 */
body.dark-mode .format-item,
.dark-theme .format-item,
[data-theme="dark"] .format-item,
.darkmode--activated .format-item,
.scheme-dark .format-item,
html[data-theme='dark'] .format-item,
.night-mode .format-item {
    color: #aaa;
    background-color: #2a2a2a;
    border-color: #444;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

body.dark-mode .format-checked,
.dark-theme .format-checked,
[data-theme="dark"] .format-checked,
.darkmode--activated .format-checked,
.scheme-dark .format-checked,
html[data-theme='dark'] .format-checked,
.night-mode .format-checked {
    color: #64b5f6;
    background-color: #0d47a1;
    border-color: #1565c0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

body.dark-mode .format-checked:hover,
.dark-theme .format-checked:hover,
[data-theme="dark"] .format-checked:hover,
.darkmode--activated .format-checked:hover,
.scheme-dark .format-checked:hover,
html[data-theme='dark'] .format-checked:hover,
.night-mode .format-checked:hover {
    background-color: #1565c0;
    border-color: #1976d2;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

.download-link-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}

.download-link-btn:hover {
    background: #2980b9;
    color: #fff;
    text-decoration: none;
}

.download-error {
    padding: 20px;
    background: #f8d7da;
    color: #721c24;
    border-radius: 4px;
    text-align: center;
}

body.dark-mode .download-error,
.dark-theme .download-error,
[data-theme="dark"] .download-error,
.darkmode--activated .download-error,
.scheme-dark .download-error,
html[data-theme='dark'] .download-error,
.night-mode .download-error {
    background: #4d2c2f;
    color: #f8d7da;
}

/* 版权声明样式 */
/* 独立下载页版权声明样式 */
.download-page-copyright {
    margin-top: 0;
    padding: 15px;
    border-top: none; /* 移除边框线 */
    text-align: center;
    font-size: 13px;
    color: #888;
}

.download-page-copyright p {
    margin: 5px 0;
}

body.dark-mode .download-copyright,
.dark-theme .download-copyright,
[data-theme="dark"] .download-copyright,
.darkmode--activated .download-copyright,
.scheme-dark .download-copyright,
html[data-theme='dark'] .download-copyright,
.night-mode .download-copyright {
    border-top: none; /* 移除边框线 */
    color: #777;
}

.download-copyright p {
    margin: 5px 0;
}

/* 下载页面跳转按钮样式 */
.download-page-link {
    display: block;
    width: 100%;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600;
    background: #3498db !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.5;
    transition: background-color 0.3s;
}

.download-page-link:hover {
    background: #2980b9 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* 暗色模式适配 */
body.dark-mode .download-page-link,
.dark-theme .download-page-link,
[data-theme="dark"] .download-page-link,
.darkmode--activated .download-page-link,
.scheme-dark .download-page-link,
html[data-theme='dark'] .download-page-link,
.night-mode .download-page-link {
    background: #2980b9 !important;
}

body.dark-mode .download-page-link:hover,
.dark-theme .download-page-link:hover,
[data-theme="dark"] .download-page-link:hover,
.darkmode--activated .download-page-link:hover,
.scheme-dark .download-page-link:hover,
html[data-theme='dark'] .download-page-link:hover,
.night-mode .download-page-link:hover {
    background: #1a6396 !important;
}

/* 复制提示样式 */
.copy-tooltip {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 100;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 复制状态样式 */
.copied {
    background-color: #4CAF50 !important;
    color: white !important;
    transition: all 0.3s;
}

/* 相对定位，用于复制提示 */
.download-link-code, .code-value {
    position: relative;
}

/* 登录提示和错误信息样式 */
.download-error {
    background-color: #ffebee;
    color: #c62828;
    text-align: center;
    padding: 10px 15px;  /* 减小上下内边距 */
    margin: 8px 0 15px 0;  /* 调整外边距 */
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #ffcdd2;  /* 添加边框 */
}

/* 暗色模式下的登录提示样式 */
body.dark-mode .download-error,
.dark-theme .download-error,
[data-theme="dark"] .download-error,
.darkmode--activated .download-error,
.scheme-dark .download-error,
html[data-theme='dark'] .download-error,
.night-mode .download-error {
    background-color: #3e2c2e;
    color: #ef9a9a;
    border-color: #4d2c2f;
}


/* 用户下载记录样式 */
.download-history-container {
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.download-history-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px 15px;
    background: #f9f9f9;
    border-radius: 4px;
}

.download-history-item {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.download-history-header {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: #f7f7f7;
    cursor: pointer;
    transition: background-color 0.2s;
}

.download-history-header:hover {
    background: #f0f0f0;
}

.toggle-icon {
    margin-right: 10px;
    font-size: 12px;
    color: #555;
}

.download-history-header h3 {
    flex: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.download-meta {
    display: flex;
    gap: 15px;
    font-size: 13px;
    color: #666;
}

.download-history-details {
    padding: 0;
    background: #fff;
}

.download-details-table {
    width: 100%;
    border-collapse: collapse;
}

.download-details-table th,
.download-details-table td {
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.download-details-table th {
    background: #f5f5f5;
    font-weight: 600;
}

.delete-button {
    padding: 4px 8px !important;
    font-size: 12px !important;
    background: #f44336 !important;
    color: white !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

.delete-all-button {
    background: #f44336 !important;
    color: white !important;
    border: none !important;
}

.download-notice {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.download-notice.success {
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}

.download-notice.error {
    background: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
}

.download-pagination {
    margin-top: 20px;
    text-align: center;
}

.download-pagination .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-decoration: none;
}

.download-pagination .page-numbers.current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

.download-empty {
    padding: 30px;
    text-align: center;
    background: #f9f9f9;
    border-radius: 4px;
}
/* ... 保留现有样式 ... */

/* 下拉式下载模式样式 - 网盘并列显示 */
.download-dropdown-wrapper {
    background-color: #ffffff;
    border-radius: 4px;
    overflow: visible; /* 允许提示框溢出 */
    margin-bottom: 5px; /* 减小底部边距 */
    padding: 0; /* 移除内边距 */
    width: 100%; /* 确保容器填充整个宽度 */
}

.download-dropdown-wrapper .download-links-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* 减小间距 */
    padding: 8px; /* 减小内边距 */
    overflow: visible;
    width: 100%; /* 确保网格填充整个容器宽度 */
}

.download-dropdown-wrapper .download-link-item {
    flex: 0 0 calc(33.33% - 8px); /* 调整宽度以适应更小的gap */
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #eee;
    overflow: visible !important;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0; /* 移除外边距 */
}

/* 新增：行容器，使按钮和提取码并列 */
.download-dropdown-wrapper .download-link-row {
    display: flex;
    align-items: center;
    justify-content: flex-start !important; /* 强制左对齐 */
    width: 100%;
    padding: 4px; /* 减小内边距 */
    overflow: visible;
    gap: 30px; /* 添加间距 */
}

/* 修改网盘图标和名称为按钮样式 - 美化版 */
.download-dropdown-wrapper .download-link-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px; /* 调整内边距 */
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); /* 渐变背景 */
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease; /* 平滑过渡效果 */
    border-radius: 6px; /* 增加圆角 */
    width: 130px;
    flex: 0 0 auto;
    position: relative;
    height: 36px; /* 增加高度 */
    box-sizing: border-box;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); /* 添加阴影 */
    border: none;
    overflow: hidden; /* 确保内容不溢出 */
}

.download-dropdown-wrapper .download-link-header:hover {
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%); /* 反向渐变 */
    transform: translateY(-2px); /* 轻微上浮 */
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* 增强阴影 */
    color: #fff;
    text-decoration: none;
}

.download-dropdown-wrapper .download-link-header:active {
    transform: translateY(1px); /* 轻微下沉 */
    box-shadow: 0 3px 5px rgba(50, 50, 93, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08); /* 减弱阴影 */
}

.download-dropdown-wrapper .platform-icon {
    width: 20px;
    height: 20px;
    position: absolute; /* 绝对定位 */
    left: 12px; /* 固定在左侧 */
    top: 50%; /* 垂直居中 */
    transform: translateY(-50%); /* 垂直居中调整 */
    filter: brightness(100); /* 使图标变白 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}

.download-dropdown-wrapper .download-link-header:hover .platform-icon {
    transform: translateY(-50%) scale(1.1); /* 悬停时图标微放大 */
}

.download-dropdown-wrapper .platform-name {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    text-align: center; /* 文字居中 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px; /* 为左侧图标留出空间 */
}

/* 提取码容器样式 - 修改为与按钮并列 */
.download-dropdown-wrapper .download-link-code-container {
    display: flex;
    align-items: center;
    padding: 0;
    white-space: nowrap;
    flex: 0 0 auto; /* 不伸缩 */
    position: relative; /* 添加相对定位 */
    overflow: visible; /* 确保提示不被截断 */
    margin-left: 0; /* 确保没有左边距 */
}

.download-link-code-label {
    font-size: 12px;
    color: #666666;
    margin-right: 3px;
}

.download-link-code {
    background-color: rgba(255, 165, 0, 0.3);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #e67e22;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.download-link-code:hover {
    background-color: rgba(255, 165, 0, 0.5);
}

/* 提取码悬停提示 */
.download-link-code:hover::before {
    content: "点击复制提取码";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 5px;
    z-index: 100;
    pointer-events: none;
}

/* 确保父容器不会截断提示 */
.download-link-item {
    flex: 0 0 calc(33.33% - 10px);
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #eee;
    overflow: visible !important; /* 修改为visible确保提示不被截断 */
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}

.download-link-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 5px;
    overflow: visible; /* 确保提示不被截断 */
}

/* 响应式布局 */
@media (max-width: 768px) {
    .download-dropdown-wrapper .download-link-item {
        flex: 0 0 calc(50% - 8px); /* 平板上两列显示 */
    }
    
    /* 保持在平板上的并列布局 */
    .download-link-row {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; /* 保持左对齐 */
        gap: 20px; /* 稍微减小间距 */
    }
}

@media (max-width: 480px) {
    .download-dropdown-wrapper .download-link-item {
        flex: 0 0 100%; /* 手机上单列显示，占满整行 */
    }
    
    /* 在手机上也保持并列布局 */
    .download-dropdown-wrapper .download-link-row {
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start; /* 保持左对齐 */
        gap: 20px; /* 更小的间距 */
        width: 100%; /* 确保行容器填充整个宽度 */
    }
    
    .download-dropdown-wrapper .download-link-header {
        width: 100px; /* 在手机上稍微缩小宽度 */
        padding: 6px 8px;
    }
    
    .download-dropdown-wrapper .platform-icon {
        width: 16px;
        height: 16px;
        left: 8px; /* 调整左侧位置 */
    }
    
    .download-dropdown-wrapper .platform-name {
        font-size: 13px;
        padding-left: 16px; /* 减小左侧内边距 */
    }
    
    .download-dropdown-wrapper .download-link-code-container {
        padding: 0 3px;
    }
    
    .download-dropdown-wrapper .download-link-code-label {
        font-size: 11px;
    }
    
    .download-dropdown-wrapper .download-link-code {
        font-size: 11px;
        padding: 1px 4px;
    }
}

/* ... 保留现有样式 ... */

/* 暗色模式适配 - 下拉式下载模板 */
[data-theme="dark"] .download-dropdown-wrapper,
.dark-theme .download-dropdown-wrapper,
.dark-mode .download-dropdown-wrapper,
.darkmode--activated .download-dropdown-wrapper,
.scheme-dark .download-dropdown-wrapper,
html[data-theme='dark'] .download-dropdown-wrapper,
.night-mode .download-dropdown-wrapper {
    background-color: #323335;
}

[data-theme="dark"] .download-dropdown-wrapper .download-link-item,
.dark-theme .download-dropdown-wrapper .download-link-item,
.dark-mode .download-dropdown-wrapper .download-link-item,
.darkmode--activated .download-dropdown-wrapper .download-link-item,
.scheme-dark .download-dropdown-wrapper .download-link-item,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-item,
.night-mode .download-dropdown-wrapper .download-link-item {
    background: #3a3b3d;
    border-color: #444;
}

[data-theme="dark"] .download-dropdown-wrapper .download-link-header,
.dark-theme .download-dropdown-wrapper .download-link-header,
.dark-mode .download-dropdown-wrapper .download-link-header,
.darkmode--activated .download-dropdown-wrapper .download-link-header,
.scheme-dark .download-dropdown-wrapper .download-link-header,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-header,
.night-mode .download-dropdown-wrapper .download-link-header {
    background: linear-gradient(135deg, #3a7bd5 0%, #2b5876 100%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .download-dropdown-wrapper .download-link-header:hover,
.dark-theme .download-dropdown-wrapper .download-link-header:hover,
.dark-mode .download-dropdown-wrapper .download-link-header:hover,
.darkmode--activated .download-dropdown-wrapper .download-link-header:hover,
.scheme-dark .download-dropdown-wrapper .download-link-header:hover,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-header:hover,
.night-mode .download-dropdown-wrapper .download-link-header:hover {
    background: linear-gradient(135deg, #2b5876 0%, #3a7bd5 100%);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .download-dropdown-wrapper .download-link-code-label,
.dark-theme .download-dropdown-wrapper .download-link-code-label,
.dark-mode .download-dropdown-wrapper .download-link-code-label,
.darkmode--activated .download-dropdown-wrapper .download-link-code-label,
.scheme-dark .download-dropdown-wrapper .download-link-code-label,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-code-label,
.night-mode .download-dropdown-wrapper .download-link-code-label {
    color: #aaa;
}

[data-theme="dark"] .download-dropdown-wrapper .download-link-code,
.dark-theme .download-dropdown-wrapper .download-link-code,
.dark-mode .download-dropdown-wrapper .download-link-code,
.darkmode--activated .download-dropdown-wrapper .download-link-code,
.scheme-dark .download-dropdown-wrapper .download-link-code,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-code,
.night-mode .download-dropdown-wrapper .download-link-code {
    background-color: rgba(255, 165, 0, 0.15);
    color: #ffb74d;
}

[data-theme="dark"] .download-dropdown-wrapper .download-link-code:hover,
.dark-theme .download-dropdown-wrapper .download-link-code:hover,
.dark-mode .download-dropdown-wrapper .download-link-code:hover,
.darkmode--activated .download-dropdown-wrapper .download-link-code:hover,
.scheme-dark .download-dropdown-wrapper .download-link-code:hover,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-code:hover,
.night-mode .download-dropdown-wrapper .download-link-code:hover {
    background-color: rgba(255, 165, 0, 0.25);
}

/* 确保复制提示在深色模式下也能正常显示 */
[data-theme="dark"] .download-dropdown-wrapper .download-link-code:hover::before,
.dark-theme .download-dropdown-wrapper .download-link-code:hover::before,
.dark-mode .download-dropdown-wrapper .download-link-code:hover::before,
.darkmode--activated .download-dropdown-wrapper .download-link-code:hover::before,
.scheme-dark .download-dropdown-wrapper .download-link-code:hover::before,
html[data-theme='dark'] .download-dropdown-wrapper .download-link-code:hover::before,
.night-mode .download-dropdown-wrapper .download-link-code:hover::before {
    background: rgba(50, 50, 50, 0.9);
    color: #fff;
    border: 1px solid #555;
}

/* 复制状态在深色模式下的样式 */
[data-theme="dark"] .download-dropdown-wrapper .copied,
.dark-theme .download-dropdown-wrapper .copied,
.dark-mode .download-dropdown-wrapper .copied,
.darkmode--activated .download-dropdown-wrapper .copied,
.scheme-dark .download-dropdown-wrapper .copied,
html[data-theme='dark'] .download-dropdown-wrapper .copied,
.night-mode .download-dropdown-wrapper .copied {
    background-color: #2e7d32 !important;
    color: #fff !important;
}