.wgxd-body {
    background-image: url(../image/common/bg-mini.png?v=1.0);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: repeat-y;
}

/* group1 横向列表：隐藏滚动条，拖拽时抓取光标 */
#wgxd-group1-list-top,
#wgxd-group1-list-bottom {
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: grab;
    touch-action: pan-x;
}

#wgxd-group1-list-top::-webkit-scrollbar,
#wgxd-group1-list-bottom::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

body.wgxd-group1-dragging {
    cursor: grabbing;
    user-select: none;
}

body.wgxd-group1-dragging #wgxd-group1-list-top,
body.wgxd-group1-dragging #wgxd-group1-list-bottom {
    cursor: grabbing;
}

#wgxd-group1-list-top img,
#wgxd-group1-list-bottom img {
    -webkit-user-drag: none;
    user-select: none;
}

/* group2 典籍互照：中英文正文区纵向滚动，隐藏滚动条 */
#wgxd-group2-zhongwen,
#wgxd-group2-yingwen {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#wgxd-group2-zhongwen::-webkit-scrollbar,
#wgxd-group2-yingwen::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

/* group3：随机落点 + 入场动画，悬停放大作用在内层避免与 transform 动画冲突 */
#wgxd-group3-list {
    position: relative;
}

.wgxd-group3-item--placed {
    position: absolute;
    width: max-content;
    max-width: calc(100% - 12px);
}

.wgxd-group3-item--enter {
    opacity: 0;
    animation: wgxdG3ItemIn 0.55s ease forwards;
    animation-delay: var(--wgxd-delay, 0ms);
}

@keyframes wgxdG3ItemIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.92);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.wgxd-group3-item-inner {
    transform-origin: left center;
    transition: transform 0.28s ease;
}

.wgxd-group3-item:hover .wgxd-group3-item-inner {
    transform: scale(1.12);
}

/* group2：典籍互照正文 + 缓入缓出 */
.wgxd-group2-article {
    /* color: #523224; */
    font-size: 14px;
    line-height: 1.65;
}

.wgxd-group2-article h3 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
    /* color: #3d2618; */
}

.wgxd-group2-content p {
    margin: 0 0 10px;
}

.wgxd-group2-content p:last-child {
    margin-bottom: 0;
}

#wgxd-group2-yingwen .wgxd-group2-article {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.wgxd-group2-article--enter {
    opacity: 0;
    animation: wgxdG2ArticleIn 0.72s ease-in-out forwards;
    animation-delay: var(--wgxd-g2-delay, 0ms);
}

@keyframes wgxdG2ArticleIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 换一换：先缓出再换内容缓入 */
.wgxd-group2-article--leave {
    animation: wgxdG2ArticleOut 0.4s ease-in-out forwards;
    pointer-events: none;
}

@keyframes wgxdG2ArticleOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}