/*
Theme Name: E图制钢官网-Enigma
Theme URI: http://wordpress.org/themes/twentythirteen
Author: Enigma
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0.1
License: GNU General Public License v2 or later
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


::-webkit-scrollbar {
    width: 10px; /* 设置滚动条宽度 */
    height: 10px; /* 设置滚动条高度（水平滚动条） */
}

/* 滚动条轨道（背景部分） */
::-webkit-scrollbar-track {
    background-color: transparent; /* 背景色 */
    border-radius: 6px; /* 圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); /* 滑块颜色 */
    border-radius: 6px; /* 圆角 */
    border: 2px solid #f1f1f1; /* 滑块边框（与背景颜色相同） */
}

/* 滚动条滑块在 hover 状态时 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* 滑块 hover 颜色 */
}

/* 滚动条左上角/右下角的按钮 */
::-webkit-scrollbar-corner {
    background-color: #f1f1f1; /* 按钮背景颜色 */
}
.wp-block-cover,.wp-block-cover-image{
    min-height: 560px!important;
}
.p-24{
    padding: 24px !important;

}
/* 覆盖 Bootstrap 的全局样式 */
.entry-content p,
.entry-content img,
.entry-content video
{
    margin:  0em  0 0  0 !important; /* 恢复段落边距 */
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5
{
    font-weight: 600 !important; /* 覆盖 Bootstrap 的标题字体权重 */
    margin: 1.5em 0 0.5em !important;
}
/*底部*/
.footer-app-download-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.footer-app-download-img img{
    max-width: 120px;
}
.footer-app-download-img p{
    font-size: 14px;
    margin: 0;
    color: #666;
}
.footer-logo img{
    max-height: 48px;
}
.gap-md{
    column-gap: 1rem;
    row-gap: 1rem;
}
.w-full {
    width: 100%;
}


/* 通知侧边栏样式 */
.notification-sidebar {
    position: fixed;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    width: 240px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 15px;
}

.notification-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.flaticon-targeting:before {
    content: "\f103";
    margin-right: 8px;
    color: #007bff;
}

.notification-content {
    height: 300px;
    overflow-y: hidden;
    position: relative;
}




.notice-item {
    margin: 10px 0;
    padding: 8px;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.3s;
}

.notice-item:hover {
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.scroll-content {
    position: absolute;
    animation: scroll 5s linear infinite;
    /* 增加动画延迟防止初始空白 */
    animation-delay: 0.2s;
    /* 新增动画暂停属性 */
    animation-play-state: running;
}
/* 添加hover暂停效果 */
.scroll-content:hover {
    animation-play-state: paused !important;
}


@keyframes scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}

/* 克隆内容实现无缝衔接 */
.scroll-content::after {
    content: attr(data-content);
    position: absolute;
    top: 100%;
    left: 0;
    white-space: pre-wrap;
}