/* ============ 内页（page / post）样式 ============ */
.breadnav { background:#f8f9fb; border-bottom:1px solid #eee; padding:10px 0; }
.breadnav .bread { max-width:1170px; margin:0 auto; padding:0 15px; color:#999; font-size:14px; }
.breadnav .bread a { color:#2b5cff; text-decoration:none; }
.breadnav .bread i { margin:0 6px; color:#ccc; }

.part { max-width:1170px; margin:0 auto 20px; padding:0 15px; }
.part > .tt { font-size:20px; font-weight:700; margin:24px 0 14px; color:#333; }
.part > .tt span { color:#2b5cff; margin-right:6px; }
.items { background:#fff; border:1px solid #eee; border-radius:8px; padding:22px; box-shadow:0 1px 3px rgba(0,0,0,.04); }
.page-zmki { line-height:1.9; color:#444; font-size:15px; }
.art-main { line-height:1.9; color:#555; }
.art-main-content { line-height:1.9; color:#333; margin-top:12px; }

.post-single { display:flex; flex-wrap:wrap; }
.post-single .pic { position:relative; width:160px; height:160px; margin-right:24px; flex:0 0 160px; }
.post-single .pic .blur-layer { position:absolute; inset:0; border-radius:12px; filter:blur(2px); opacity:.25; }
.post-single .pic .img-cover { position:relative; width:100%; height:100%; border-radius:12px; object-fit:cover; border:3px solid #fff; box-shadow:0 4px 14px rgba(0,0,0,.12); }
.post-single .list { flex:1; min-width:240px; }
.post-single .list p { margin:8px 0; color:#555; font-size:15px; }
.post-single .list .cate, .post-single .list .tag, .post-single .list .site, .post-single .list .seo { color:#777; }
.post-single .list .seo a { color:#2b5cff; text-decoration:none; margin-right:10px; }
.post-single .list .btn { display:inline-block; margin-top:14px; padding:10px 26px; background:#2b5cff; color:#fff; border-radius:6px; text-decoration:none; }
.post-single .list .btn:hover { opacity:.9; }

.related .row { display:flex; flex-wrap:wrap; margin:0 -8px; }
.related .col-sm-3 { padding:0 8px; }

/* ============ 右侧悬浮窗 ============ */
.wapnone { }
@media (max-width:768px){ .wapnone { display:none !important; } }

.fk_service { position:fixed; right:0; bottom:120px; z-index:999; }
.fk_service ul { list-style:none; margin:0; padding:0; }
.fk_service_box {
    width:46px; height:46px; margin-top:6px; background:#fff;
    border-radius:10px 0 0 10px; box-shadow:-2px 2px 10px rgba(0,0,0,.12);
    cursor:pointer; position:relative; display:flex; align-items:center; justify-content:center;
    font-size:18px; color:#2b5cff; transition:all .2s;
}
.fk_service_box:hover { background:#2b5cff; color:#fff; }
.fk_service_box .fk_service_triangle {
    display:none; position:absolute; right:46px; top:50%; transform:translateY(-50%);
    width:0; height:0; border:8px solid transparent; border-right-color:#2b5cff;
}
.fk_service_box .fk_service_qrimg_site { border-radius:6px; }
.fk_service_box > div[class$="_cont"] {
    display:none; position:absolute; right:54px; top:50%; transform:translateY(-50%);
    background:#2b5cff; color:#fff; padding:10px 14px; border-radius:8px; font-size:13px;
    white-space:nowrap; box-shadow:0 4px 14px rgba(0,0,0,.2); line-height:1.6;
}
.fk_service_box:hover > div[class$="_cont"],
.fk_service_box:hover .fk_service_triangle { display:block; }
.fk_service_zmkigg_cont { text-align:center; }
.fk_service_zmkigg_cont p { margin:6px 0 0; }

/* 暗黑模式适配 */
.page-body.night .items,
.page-body.night .breadnav { background:#1f2430; border-color:#2c3340; }
.page-body.night .part > .tt { color:#e6e9ef; }
.page-body.night .page-zmki,
.page-body.night .art-main,
.page-body.night .art-main-content { color:#c4c9d4; }
.page-body.night .breadnav { color:#8b93a3; }
