/* color-invert.css - 黑白颜色反转样式 */

/* 基础颜色反转 */
:root {
    --primary-color: #ccc !important;
    --secondary-color: #999 !important;
    --background-color: #111111 !important;
    --footer-background: #222222 !important;
    --light-gray: #333 !important;
    --dark-gray: #bbb !important;
    --white: #000 !important;
    --black: #fff !important;
}

/* 基础样式反转 */
body {
    color: #cccccc !important;
    background-color: #111111 !important;
}

/* 标题反转 */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff !important;
}

/* 链接反转 */
a {
    color: #3498db !important;
}

a:hover {
    color: #2980b9 !important;
}

/* 卡片样式反转 */
.card {
    background-color: #000000 !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
}

/* 导航菜单反转 */
.nav-link {
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
}

.nav-link:hover,
.nav-link.active {
    color: #ffffff !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}

/* 头部区域反转 */
.site-header {
    background-color: #111111 !important;
}

/* Logo反转 */
.logo span {
    color: #ffffff !important;
}

/* 作品项目样式反转 */
.work-item {
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1) !important;
}

.work-item:hover {
    box-shadow: 0 15px 30px rgba(255, 255, 255, 0.2) !important;
}

/* 作品信息样式反转 */
.work-info {
    color: #000000 !important;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%) !important;
}

.work-title {
    color: #000000 !important;
}

.work-description {
    color: #333333 !important;
}

/* 作品分类标签反转 */
.work-category {
    color: #000000 !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

/* 标题反转 */
.section-title {
    color: #ffffff !important;
}

/* 返回顶部按钮反转 */
.back-to-top {
    background-color: var(--accent-color) !important;
    color: #000000 !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2) !important;
}

.back-to-top svg {
    fill: #000000 !important;
}

/* 图片模态框反转 */
.image-modal {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* 页脚反转 */
.site-footer {
    background-color: #222222 !important;
}

/* 版权信息反转 */
.copyright,
.beian {
    color: #999999 !important;
}

.beian a {
    color: #999999 !important;
}

.beian a:hover {
    color: #cccccc !important;
}

/* 按钮反转 */
.btn {
    background-color: var(--accent-color) !important;
    color: #000000 !important;
}

.btn:hover {
    background-color: #2980b9 !important;
    color: #000000 !important;
}

/* 移动菜单反转 */
.hamburger span {
    background-color: #ffffff !important;
}

.mobile-menu {
    background-color: #111111 !important;
}

/* 滚动条反转 */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #555555;
}

::-webkit-scrollbar-thumb:hover {
    background: #777777;
}