/*
 * ZAXU 重制版 · 墨林适配（只放"原版没有、墨林必须有"的东西）
 * 原版 style.min.css 已含 html{font-size:62.5%} 与全部页面样式,这里不重做布局。
 */

:root {
    --light: #f4f4f4;
    --dark: #000000;
    --site-max-width: 120rem;
}

body {
    color: #333333;
    background-color: #f4f4f4;
}

a {
    color: #0088FF;
}

/* 无 JS 时图片不能一直透明（原版靠 .zaxu-lazy.loaded 才显示） */
.no-js img.zaxu-lazy {
    opacity: 1;
}

/* 分享面板：二维码/海报区（share.js 动态插入，原版没有这两个块） */
.site-sharing-content .zaxu-share-qr,
.site-sharing-content .zaxu-share-poster {
    display: none;
    padding: 0 0 2rem;
}

.site-sharing-content .zaxu-share-qr.on,
.site-sharing-content .zaxu-share-poster.on {
    display: block;
}

.site-sharing-content .zaxu-share-qr > div canvas,
.site-sharing-content .zaxu-share-qr > div img {
    display: block;
    margin: 0 auto;
}

.site-sharing-content .zaxu-share-qr .zaxu-share-tip {
    font-size: 1.3rem;
    opacity: .5;
    margin: 1rem 0 0;
    text-align: center;
}

/* 登录弹窗：已登录时的账户卡（原版登录态不给弹窗，这里是墨林自己的） */
.site-user-modal-form.account .profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.site-user-modal-form.account .profile .avatar img {
    display: block;
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    object-fit: cover;
    margin: 0 auto 1rem;
}

.site-user-modal-form.account .profile .links {
    display: flex;
    gap: 2rem;
    justify-content: center;
    font-size: 1.4rem;
}

/* 移动端「回到顶部」：原版用 jQuery 在 200ms 内把 width 从 0 展开；这里用 max-width 走同一条宽度过渡 */
body .site-tabbar-container .site-tabbar-list .site-tabbar-item.scroll-top {
    width: auto;
    overflow: hidden;
    max-width: 6rem;
    transition: max-width .2s ease;
}

body .site-tabbar-container .site-tabbar-list .site-tabbar-item.scroll-top.invisible {
    width: auto;
    max-width: 0;
}