/*
 * 51ziy-zibll-beautify 合并的小样式文件
 * 51ziy.com版权所有，未经允许请勿复制！
 * 此文件合并了多个小的CSS文件以减少HTTP请求
 */

/* 来自 nav-bold.css */
ul.nav {
    font-weight: 700;
}

/* 来自 article-updated-badge.css */
.posts-item.card {
    position: relative !important;
}

body.dark-theme .card-updated-date {
    color: #b0b8c0 !important;
}

/* 来自 sidebar-toggle.css */
@media (max-width:768px) {
    .mcp-sidebar-toggle-btn {
        display: none !important;
    }
}

.mcp-sidebar-toggle-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 10000;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.1);
    transition: background-color .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
}

.mcp-sidebar-toggle-btn:hover {
    background-color: #2980b9;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 16px rgba(0,0,0,.2), 0 3px 8px rgba(0,0,0,.15);
}

.mcp-sidebar-toggle-btn:active {
    transform: translateY(0) scale(.97);
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

.mcp-sidebar-toggle-btn.mcp-toggle-mode-icon:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.mcp-sidebar-toggle-btn.mcp-toggle-mode-icon.state-visible:before {
    -webkit-mask-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%27/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%27/%3E%3C/svg%3E');
}

.mcp-sidebar-toggle-btn.mcp-toggle-mode-icon.state-hidden:before {
    -webkit-mask-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%27/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%27/%3E%3C/svg%3E');
}

.mcp-sidebar-toggle-btn.mcp-toggle-mode-text {
    padding: 0 12px;
    width: auto;
    min-width: 56px;
    height: 40px;
    bottom: 30px;
    right: 30px;
    border-radius: 20px;
}

.mcp-sidebar-toggle-btn.mcp-toggle-mode-text:before {
    display: none !important;
}

body.dark-theme .mcp-sidebar-toggle-btn {
    background-color: #2c3e50;
    color: #ecf0f1;
    box-shadow: 0 4px 12px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.25);
}

body.dark-theme .mcp-sidebar-toggle-btn:hover {
    background-color: #34495e;
    box-shadow: 0 6px 16px rgba(0,0,0,.35), 0 3px 8px rgba(0,0,0,.3);
}