/* ============================================================
 * Oncex 呈现层（对齐 CoreNext 截图）：页头 / 页脚 / 文章页
 * 颜色变量由 inc/dynamic-css.php 输出（--oncex-main 等）
 * ============================================================ */

/* —— 页头 —— */
.header{border-top:3px solid var(--oncex-main,#409eff)}
.header.full-header .top{max-width:100%;padding-left:24px;padding-right:24px}
.header .top_r_an.oncex-login-btn{background:var(--oncex-main,#409eff);border-color:var(--oncex-main,#409eff);color:#fff;border-radius:50px;padding:0 18px;height:36px;line-height:34px;font-weight:500}
.header .top_r_an.oncex-login-btn:hover{opacity:.88;background:var(--oncex-main,#409eff);color:#fff}
.header-menu .menu-item>a>i,.nav-menu .menu-item>a>i{margin-right:4px;font-size:13px}
/* 导航链接样式加固 + 单行布局：
   1) 显式声明颜色/去下划线，防第三方 CSS（如 Bootstrap reboot）覆盖；
   2) 收紧内边距并在 ≥1200px 时禁止换行，避免菜单项多时折成两行；
   3) 菜单图标为 <img> 时与文字对齐。 */
.header-menu{min-width:0}
.top .top_l{flex-wrap:nowrap}
.top .top_l .logo{flex:none}
.header-menu .header-menu-ul li a{color:#333;text-decoration:none;padding:10px 8px;font-size:13px}
.header-menu .header-menu-ul li a:hover{color:var(--oncex-main,#409eff)}
.dark .header-menu .header-menu-ul li a{color:#ddd}
.dark .header-menu .header-menu-ul li a:hover{color:var(--oncex-main,#409eff)}
.header-menu .header-menu-ul li a img{vertical-align:-4px;margin-right:3px}
/* 子菜单强制竖向排列：顶层 li 为 inline-block，且 ≥1200px 的 nowrap 会继承进
   子菜单，导致 inline-block 子项横排溢出。此处强制子项 block + 恢复 normal 换行。 */
.header-menu .header-menu-ul li .sub-menu{white-space:normal}
.header-menu .header-menu-ul li .sub-menu li{display:block;width:100%}
@media (min-width:1200px){
	.header-menu .header-menu-ul{white-space:nowrap}
}
.logo .logo-dark{display:none}
html.dark .logo .logo-light{display:none}
html.dark .logo .logo-dark{display:inline-block}

/* 顶部公告条 */
.oncex-notice{background:linear-gradient(90deg,var(--oncex-main,#409eff),#7ba9f0);color:#fff;font-size:13px}
.oncex-notice-inner{display:flex;align-items:center;height:36px}
.oncex-notice-inner>i{margin-right:8px;flex:none}
.oncex-notice-content{flex:1;overflow:hidden;white-space:nowrap}
.oncex-notice.is-scroll .oncex-notice-content span{display:inline-block;padding-right:60px;animation:oncex-notice-marquee 20s linear infinite}
@keyframes oncex-notice-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.oncex-notice-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.8;flex:none;padding:0 4px;line-height:1}
.oncex-notice-close:hover{opacity:1}

/* —— 页脚 —— */
/* 友链卡片 */
.oncex-friends-card{background:#fff;border-radius:var(--oncex-radius,5px);padding:15px 20px;margin-bottom:15px}
.oncex-friends-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.oncex-friends-title{font-size:15px;font-weight:600;color:#3a3a3a;display:flex;align-items:center;gap:10px}
.oncex-friends-title .friends-description{font-size:12px;font-weight:400;color:#999}
.oncex-friends-apply{font-size:13px;color:var(--oncex-main,#409eff);text-decoration:none}
.oncex-friends-apply:hover{text-decoration:underline}
.oncex-friends-list{display:flex;flex-wrap:wrap;gap:6px 0}
.oncex-friends-list.is-link .friend-item{margin-right:22px}
.oncex-friends-list.is-link .friend-item a{color:#666;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.oncex-friends-list.is-link .friend-item a:hover{color:var(--oncex-main,#409eff)}
.oncex-friends-list.is-link .friend-icon{width:16px;height:16px;border-radius:2px}
.oncex-friends-list.is-card{gap:10px}
.oncex-friends-list.is-card .friend-item{display:flex;align-items:center;gap:8px;border:1px solid #eee;border-radius:5px;padding:8px 12px;max-width:260px}
.oncex-friends-list.is-card .friend-icon{width:32px;height:32px;border-radius:4px;flex:none}
.oncex-friends-list.is-card .url-info{min-width:0}
.oncex-friends-list.is-card .url-info a{font-size:13px;color:#3a3a3a;text-decoration:none;font-weight:500}
.oncex-friends-list.is-card .url-desc{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}

/* 页脚小工具区（深色区顶部） */
.foot_widgets{padding:0 0 18px;color:#a8b2bc}
.footbox .foot_widgets .widget{background:transparent;padding:0 0 10px;margin:0;overflow:visible;border-radius:0;box-shadow:none}
.footbox .foot_widgets .widget-title{color:#e6eaef;margin-bottom:14px;font-size:16px;text-transform:uppercase;padding-left:1.25rem}
.footbox .foot_widgets .widget-title:before{background:#0a59f8;background:linear-gradient(to top,#6598ff,#0a59f8)}
.footbox .foot_widgets .widget-title:after{background:#3d4449}
.footbox .foot_widgets .widget_text .textwidget p{font-size:13px;line-height:1.9;color:#a8b2bc;margin:0 0 10px}
.footbox .foot_widgets a{color:#8b96a0}
.footbox .foot_widgets a:hover{color:#fff}

/* 深色页脚区 */
.footbox{background:#2b2f33;color:#a8b2bc;margin-top:0}
.footbox .container{padding-top:28px;padding-bottom:22px}
.foot_info{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:18px}
.foot_info_l{flex:1;min-width:280px;max-width:720px}
.foot_about{font-size:13px;line-height:1.9;color:#c3ccd4;margin:0 0 10px}
.foot_statement{font-size:12px;line-height:1.9;color:#8b96a0;margin:0}
.foot_statement a{color:#5b9bd5;text-decoration:none}
.foot_statement a:hover{text-decoration:underline}
.foot_info_r{display:flex;flex-direction:column;gap:10px;justify-content:center}
.foot_btn{display:inline-block;min-width:150px;text-align:center;color:#fff !important;font-size:13px;padding:9px 20px;border-radius:4px;text-decoration:none;transition:opacity .2s}
.foot_btn:hover{opacity:.85;text-decoration:none}
.foot_runtime{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:16px}
.badge-run{background:#4a5258;color:#b8c2ca;padding:4px 10px;border-radius:3px}
.badge-time{background:#3d9a50;color:#e6f5e9;padding:4px 10px;border-radius:3px;font-variant-numeric:tabular-nums}
.footbox .foot{border-top:1px solid #3d4449;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footbox .copyright p{color:#8b96a0;font-size:12px;margin:0}
.footbox .foot_nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.footbox .foot_nav a{color:#8b96a0;font-size:12px;text-decoration:none}
.footbox .foot_nav a:hover{color:#fff}
.footbox .foot_nav .dbdh ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0}

/* 页脚波浪（对齐 CoreNext footer-wave） */
.oncex-footer-wave{line-height:0}
.oncex-footer-wave .editorial{display:block;width:100%;height:60px;max-height:60px;margin:0}
.oncex-footer-wave .parallax>use{animation:oncex-wave-move 12s linear infinite}
.oncex-footer-wave .parallax>use:nth-child(1){animation-delay:-2s;opacity:.5}
.oncex-footer-wave .parallax>use:nth-child(2){animation-delay:-2s;animation-duration:5s;opacity:.7}
.oncex-footer-wave .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:3s}
@keyframes oncex-wave-move{0%{transform:translate(-90px,0)}100%{transform:translate(85px,0)}}

/* 移动端底部导航 */
.oncex-phone-nav{display:none}
@media (max-width:991.98px){
	.oncex-phone-nav{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;background:#fff;border-top:1px solid #e8e8e8;padding:4px 0 calc(4px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px rgba(0,0,0,.06)}
	.oncex-phone-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#666;font-size:11px;text-decoration:none;padding:4px 0}
	.oncex-phone-nav a i{font-size:17px}
	.oncex-phone-nav a:active,.oncex-phone-nav a:hover{color:var(--oncex-main,#409eff)}
	body{padding-bottom:56px}
}
html.dark .oncex-phone-nav{background:#252526;border-color:#333}

/* —— 文章页 —— */
/* 面包屑 */
.crumbs-warp{background:#fff;border-radius:var(--oncex-radius,5px);padding:10px 15px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}
.crumbs-warp-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.crumbs-warp-left a{color:#666;text-decoration:none}
.crumbs-warp-left a:hover{color:var(--oncex-main,#409eff)}
.crumbs-sep{font-size:10px;color:#bbb;margin-right:4px}
.crumbs-current{min-width:0}
.crumbs-current span{color:#999;display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.crumbs-warp-right{flex:none;margin-left:10px}
.oncex-full-show{cursor:pointer;color:#999;font-size:14px}
.oncex-full-show:hover{color:var(--oncex-main,#409eff)}
html.dark .crumbs-warp{background:#252526}
html.dark .crumbs-warp-left a,html.dark .crumbs-warp{color:#aaa}

/* 宽屏模式：隐藏左右栏，中栏占满 */
body.oncex-wide .oncex-toc-col,body.oncex-wide .index_area .col-lg-3,body.oncex-wide .oncex-sidebar-col{display:none !important}
body.oncex-wide .index_area .col-lg,body.oncex-wide .index_area .col-lg-9,body.oncex-wide .oncex-main-col{flex:0 0 100%;max-width:100%}

/* 双栏布局对齐 lovestu：主内容 1fr 自适应 + 侧栏固定 300px */
.oncex-main-col{flex:1 1 0;width:auto;min-width:0;max-width:100%}
.oncex-sidebar-col{flex:0 0 300px;width:300px;max-width:300px}
@media (max-width:991.98px){.oncex-sidebar-col{flex:0 0 100%;width:100%;max-width:100%}}

/* TOC 侧栏 */
.oncex-toc-col.oncex-toc-empty{display:none}
.oncex-toc-sticky .oncex-toc{margin:0}
@media (max-width:991.98px){.oncex-toc-col{display:none}}

/* 版权声明（对齐 CoreNext single-copyright） */
.single-copyright{margin:20px;font-size:14px;border-radius:var(--oncex-radius,5px);background:#f7f9fa;padding:8px 20px;color:#999;word-wrap:break-word}
html.dark .single-copyright{background:#393939;color:#d0d0d0}
/* 版权声明 fieldset 模板所需变量（对齐用户原 HTML） */
.single-copyright{--key-color:#333;--body-bg-color:#fff}
html.dark .single-copyright{--key-color:#c9c9c9;--body-bg-color:#212121}
/* 含 fieldset 模板时去掉外层卡片底，还原原版纯 fieldset 观感 */
.single-copyright:has(fieldset){background:transparent;padding:0;border-radius:0}
html.dark .single-copyright:has(fieldset){background:transparent}
/* 编号 1-6 还原为普通文本（原版无徽章背景） */
.single-copyright .btn-info.btn-xs{display:inline;min-width:0;height:auto;line-height:inherit;padding:0;margin:0;background:none;border:none;border-radius:0;color:inherit;font-size:inherit;font-weight:inherit;vertical-align:baseline}
/* legend 居中横跨顶部边框、白色文字（对抗 Bootstrap float:left 与大字号） */
.single-copyright fieldset{margin:0}
.single-copyright legend{float:none;width:30%;margin-left:auto;margin-right:auto;padding:0;text-align:center;font-size:inherit;font-weight:700;color:#fff}
.single-copyright a{color:#0a59f8}
html.dark .single-copyright a{color:#6598ff}

/* THE END 分隔线 */
.post-end-dividing{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px;letter-spacing:4px;margin:18px 0;user-select:none}
.post-end-dividing::before,.post-end-dividing::after{content:'';flex:1;height:1px;background:#e3e5e7;margin:0 14px}
html.dark .post-end-dividing::before,html.dark .post-end-dividing::after{background:#333}

/* 彩色标签云 */
.post-tag-list-warp{background:#fff;border-radius:var(--oncex-radius,5px);padding:14px 15px;margin-bottom:15px}
.post-tag-list-warp .tag-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.post-tag-list-warp .tag-icon{color:#999;font-size:14px;margin-right:2px}
.post-tag-list-warp .tag-item{color:#fff;font-size:12px;padding:4px 12px;border-radius:3px;text-decoration:none;opacity:.92}
.post-tag-list-warp .tag-item:hover{opacity:1;text-decoration:none}
html.dark .post-tag-list-warp{background:#252526}

/* 文末按钮组 */
.single-end-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0 18px}
.single-end-btns .end-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:#fff;border:1px solid #e8e8e8;color:#666;cursor:pointer;transition:all .2s;user-select:none}
.single-end-btns .end-btn i{font-size:20px;margin-bottom:3px}
.single-end-btns .end-btn .count{font-size:13px;font-style:normal;line-height:1}
.single-end-btns .end-btn em{font-style:normal;font-size:12px;margin-top:2px}
.single-end-btns .end-btn:hover{border-color:var(--oncex-main,#409eff);color:var(--oncex-main,#409eff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.single-end-btns .end-btn.done{color:var(--oncex-main,#409eff);border-color:var(--oncex-main,#409eff)}
html.dark .single-end-btns .end-btn{background:#252526;border-color:#3a3a3a;color:#aaa}

/* 按钮弹层 */
.oncex-end-pop{display:none;background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.12);padding:18px;margin:-6px auto 18px;max-width:420px;position:relative;z-index:50}
.oncex-end-pop.is-open{display:block}
html.dark .oncex-end-pop{background:#252526}
.oncex-share-list{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.share-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;padding:12px 0;border-radius:8px;color:#fff;text-decoration:none;font-size:13px}
.share-item i{font-size:22px}
.share-item:hover{opacity:.88;text-decoration:none;color:#fff}
.share-qq{background:#12b7f5}
.share-weibo{background:#e6162d}
.share-qzone{background:#fece00;color:#7a5c00}
.oncex-qrcode-box{text-align:center}
.oncex-qrcode-box img,.oncex-qrcode-box canvas{margin:0 auto;display:block}
.oncex-qrcode-box p{font-size:12px;color:#999;margin:10px 0 0}
.oncex-tip-box{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.tip-item{text-align:center}
.tip-item img{width:180px;height:180px;object-fit:contain;border-radius:6px}
.tip-item p{font-size:13px;color:#666;margin:8px 0 0}

/* 阅读剩余 */
.post_container.read-more-content .wznrys{max-height:600px;overflow:hidden;position:relative}
.post_container.read-more-content .wznrys::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
html.dark .post_container.read-more-content .wznrys::after{background:linear-gradient(to bottom,rgba(37,37,38,0),#252526)}
.post_container.read-more-content.is-expanded .wznrys{max-height:none}
.post_container.read-more-content.is-expanded .wznrys::after{display:none}
.load-all-content-warp{text-align:center;margin-top:-30px;position:relative;z-index:2;padding-bottom:15px}
.load-all-content-btn{background:#fff;border:1px solid var(--oncex-main,#409eff);color:var(--oncex-main,#409eff);border-radius:20px;padding:6px 26px;font-size:13px;cursor:pointer}
.load-all-content-btn:hover{background:var(--oncex-main,#409eff);color:#fff}

/* 相关推荐 */
.post_related_list{list-style:none;margin:0;padding:0}
.post_related_list li{padding:6px 0;border-bottom:1px dashed #eee}
.post_related_list li:last-child{border-bottom:none}
.post_related_list li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5cbd1;margin-right:8px;vertical-align:middle}
.post_related_list li a{color:#555;font-size:13px;text-decoration:none}
.post_related_list li a:hover{color:var(--oncex-main,#409eff)}
.post_related_cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.related-card{background:#f7f8fa;border-radius:5px;overflow:hidden;text-decoration:none;display:block}
.related-card-img{display:block;height:90px;background-size:cover;background-position:center}
.related-card-title{display:block;padding:8px 10px;font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related-card:hover .related-card-title{color:var(--oncex-main,#409eff)}
html.dark .post_related_list li{border-color:#333}
html.dark .post_related_list li a{color:#aaa}
html.dark .related-card{background:#252526}
html.dark .related-card-title{color:#aaa}

/* 小工具标题左侧修饰（后台：主题外观 → 小工具标题样式）。
   置于页脚规则之后，避免 .footbox 覆盖形状类样式的背景。 */
.widget-title img{width:24px;height:auto;vertical-align:middle;margin-right:8px}
.widget-title-custom{padding-left:0}
.widget-title-custom:before{display:none}
.widget-title.widget-title-style-none:before{display:none}
.widget-title.widget-title-style-bar{padding-left:1.25rem}
.widget-title.widget-title-style-bar:before{width:4px;height:16px;top:3px;left:4px;border-radius:2px;background:linear-gradient(to bottom,#6598ff,#0a59f8)}
.widget-title.widget-title-style-mac{padding-left:2.6rem}
.widget-title.widget-title-style-mac:before{width:8px;height:8px;top:6px;left:4px;border-radius:50%;background:#ff5f57;box-shadow:12px 0 0 #febc2e,24px 0 0 #28c840}