/*  ------------- start -------------  */
/*  即刻短文  */

/*  -------------- end --------------  */

/*=======================================|
|                全局样式                 |
|=======================================*/

@font-face {
    font-family: 'YuYouFont';
    font-display: swap;
    src: url('https://cdn.132130.top/cdn/font/yuyou.woff2') format("woff2"),
        url('https://132130.xyz/fonts/mainfont.woff2') format("woff2");
}

#footer-bar .footer-bar-right {
    justify-content: center;
}

/* 全局页脚样式 -> 页脚信息 */
#footer-bar .footer-bar-right .footer-bar-link {
    font-weight: normal;
    font-size: .65rem;
    padding: 8px 0;
}

#footer-bar .footer-bar-right .footer-bar-link span {
    font-weight: 700;
}

/* 全局设置 设置字体变小 */
.top-post-info .article-title,
#body-wrap.error .aside-list .aside-list-item .content .title {
    font-size: 0.7rem;
    text-align: center;
}

/*  ----------- home start -----------  */
/* 首页-> 更多推荐的图片样式 */
.topGroup .top-post-item .post_cover a img {
    object-position: top center;
}
/* 首页-> 擦亮效果 */
#recent-posts > .recent-post-item:not(a)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: linear-gradient(to right, transparent, white, transparent);
    transform: translateX(-200%);
    transition: transform 0.5s linear;
    z-index: 1;
}
#recent-posts > .recent-post-item:not(a):hover::before {
    transform: translateX(100%) skewX(-60deg);
}
#recent-posts > .recent-post-item > .recent-post-info .article-title {
    text-align: center;
}

/* 首页-> 技能点轮播图 */
.tags-group-icon-pair .tags-group-icon {
    background: #fff !important;
    box-shadow: none;
}
.tags-group-icon-pair .tags-group-icon img {
    width: 110px;
    height: 110px;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}

/* 首页-> 高贵金色流动标题 */
#banners> .banners-title> .banners-title-big {
    font-weight: 700;
    background-image: -webkit-linear-gradient(left, rgb(255, 221, 0), rgb(62, 47, 8) 25%, rgb(255, 221, 0) 50%, rgb(62, 47, 8) 75%, rgb(255, 221, 0));
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% 100%;
    animation: maskedAnimation 1s linear 0s infinite normal;
    line-height: normal;
}
@keyframes maskedAnimation {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: -100% 0;
    }
}

/*  ------------ home end ------------  */

/*  ----------- article start -----------  */
/* 文章页-> 顶部图片遮罩 */
.post .post-bg .coverdiv {
    filter: blur(1px) !important;
}
.post .post-bg .coverdiv:after {
    box-shadow: 0 0 205px 59px rgba(207, 22, 62, 0.1) inset !important;
}

/* 文章页-> 图片样式 */
.article-container img:not(.post_bg) {
    max-height: none !important;
    max-width: 100% !important;
}

/* 文章页-> 文字样式 */
.article-container p {
    line-height: 2;
}

/* 文章页-> a标签样式 */
.article-container p a:not(.fancybox) {
    font-weight: 500;
    color: inherit;
}
.article-container p a:not(.fancybox):hover {
    color: #fff;
    background: var(--efu-main);
}

/* 文章页-> 重置有序列表计数器 */
.article-container ul, .article-container ol[start] {
    counter-reset: unset;
}

/* 文章页-> h2+旋转emoji */
.article-container.post-content h2:before {
    content: "🔅";
    margin-right: 5px;
    display: inline-block; /* 使其可以被应用 transform 属性 */
    transform-origin: center; /* 围绕中心点旋转 */
    animation: spin 4s linear infinite; /* 应用动画：名称 时长 速度曲线 循环次数 */
}

/* 文章页-> 表格样式 */
.post-content.article-container tbody tr:hover {
    background: var(--yuyou-danger-bg);
} 
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 文章页-> 内联代码这个样式 */
.article-container code:not([class*='language-']) {
    color: white;
    background: var(--efu-main);
    margin: 0 3px;
    word-break: break-all;
}

/* 文章页-> 文末版权声明 */
/* 容器：纵向排列 + 居中 */
#post .post-copyright .post-copyright__notice {
    flex-direction: column;
    align-items: center;
}

#post .post-copyright .post-copyright-info {
    line-height: 1.6em;
    max-height: 3.2em; /* 约 2 行 */
    overflow: hidden;
    opacity: 0.85;
    transition:
        max-height .6s ease,
        opacity 1.5s ease;
}

/* 展开状态 */
#post .post-copyright .post-copyright-info.is-expanded {
    max-height: 240px; /* 足够大的值即可 */
    opacity: 1;
}

/* 展开按钮（整体浮动）  */
#post .post-copyright .expand-btn {
    width: 100%;
    text-align: center;
    margin-top: -0.4rem;
    cursor: pointer;
    animation: copyright-float 1.5s ease-in-out infinite;
}
/* 图标本体（只负责旋转） */
#post .post-copyright .expand-btn i {
    font-size: 14px;
    color: var(--efu-secondtext);
    opacity: 0.75;
    display: inline-block;

    transition:
        transform 0.35s ease,
        opacity 0.3s ease;
}

#post .post-copyright .expand-btn:hover i {
    opacity: 1;
}

/* 展开时旋转 180° */
#post .post-copyright .expand-btn.is-expanded i {
    transform: rotate(180deg);
}

/* 上下浮动动画 */
@keyframes copyright-float {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(6px); }
    100% { transform: translateY(0); }
}

/*  ------------ article end ------------  */

/*  ----------- essay start -----------  */

/* 即刻页面-> 卡片底部链接 */
#bber .bber-info .bber-content-link {
    color: rgb(245, 108, 108);
    background: rgba(245, 108, 108, 0.13);
}
/*  ------------ essay end ------------  */

/*  ----------- bangumis start -----------  */
/* 追番页-> 简介 */
.article-container p {
    font-size: 15px;
}

.bangumi-item {
    overflow: hidden;
    height: 220px;
    max-height: 220px;
}

.bangumi-item .bangumi-picture img {
    max-height: 160px !important;
}

.bangumi-summary>p {
    height: auto !important;
}
/*  ------------ bangumis end ------------  */

/*  ----------- Music start -----------  */
/* 音乐页-> 歌词居中 */
#Music-page .aplayer-info .aplayer-lrc p {
    text-align: center;
}
/*  ------------ Music end ------------  */

/*  ----------- Plugins start -----------  */
/* 插件-> Tabs 分栏 */
.tabs {
    margin: 1rem 0 !important;
}

.nav-tabs> .tab:hover{
    background: var(--efu-main);
}

.nav-tabs> .tab:hover> button {
    color: #fff;
}

.nav-tabs> .tab.active {
    background: var(--efu-main) !important;
    
}

.nav-tabs> .tab.active button,
.nav-tabs> .tab.active> button> i {
    color: #fff !important;
}
/*  ------------ Plugins end ------------  */

/*=======================================|
|             max-width: 768px           |
|=======================================*/

/*  ------------- start -------------  */
@media screen and (max-width: 768px) {
    /* 即刻短文 顶部图片高度设置 */
    .author-content.author-content-item.sharePage {
        height: 10rem; 
    }

    /* 首页 顶部边距 */
    #home_top {
        padding: 0 0.25rem;
    }
}
/*  -------------- end --------------  */