/* BGP_UI portal list/view templates. */
html, body { max-width: 100%; overflow-x: hidden; }
.wp { width: calc(100% - 48px) !important; max-width: 1480px; min-width: 0; box-sizing: border-box; }
.bgp_select_page { position: relative; width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-top: 0; overflow-x: clip; background: #f7f9fc; color: #1f2a44; font-family: inherit; }
.bgp_select_page a { color: inherit; text-decoration: none; }
.bgp_select_page .bgp_wp { width: 100%; max-width: 1480px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
.bgp_select_header { margin-top: 0; padding: 34px 0 0; border-bottom: 1px solid #e8edf5; background: linear-gradient(180deg, #fff 0%, #f8fbff 100%); }
.bgp_select_title { display: flex; align-items: flex-end; gap: 20px; margin-bottom: 28px; }
.bgp_select_title h1 { margin: 0; font-size: 24px; line-height: 1.3; font-weight: 400; color: #111827; }
.bgp_select_title p { margin: 0 0 3px; font-size: 14px; color: #78869a; }
.bgp_select_tabs { display: flex; align-items: center; gap: 34px; min-height: 52px; overflow: hidden; white-space: nowrap; }
.bgp_select_tabs a { position: relative; display: block; padding: 17px 0 16px; font-size: 14px; line-height: 19px; color: #4b5870; }
.bgp_select_tabs a:hover, .bgp_select_tabs a.active { color: #155eef; }
.bgp_select_tabs a.active:after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: #155eef; }
.bgp_select_body { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; padding-top: 34px; padding-bottom: 0; }
.bgp_article_panel, .bgp_side_card { background: #fff; border: 1px solid #e4eaf2; border-radius: 8px; box-shadow: 0 12px 32px rgba(20, 36, 64, .04); }
.bgp_article_panel { overflow: hidden; }
.bgp_article_list { margin: 0; padding: 0; list-style: none; }
.bgp_article_item { display: grid; grid-template-columns: minmax(0, 1fr) 216px; gap: 26px; min-height: 132px; padding: 22px 20px 22px 24px; border-bottom: 1px solid #edf1f6; box-sizing: border-box; }
.bgp_article_item:last-child { border-bottom: 0; }
.bgp_article_main { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.bgp_article_title { margin: 0 0 12px; font-size: 19px; line-height: 1.38; font-weight: 400; color: #1d2b44; }
.bgp_article_title a { font-weight: 400; }
.bgp_article_title a:hover { color: #155eef; }
.bgp_article_summary { margin: 0 0 18px; font-size: 14px; line-height: 1.8; color: #617086; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bgp_article_meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 12px; color: #7f8da3; }
.bgp_article_meta .dot { width: 3px; height: 3px; border-radius: 50%; background: #b8c1cf; }
.bgp_article_meta a { color: #6a7890; }
.bgp_article_meta a:hover { color: #155eef; }
.bgp_article_meta .manage { margin-left: auto; }
.bgp_article_meta .manage a { margin-left: 8px; color: #155eef; }
.bgp_article_thumb { display: block; width: 216px; height: 116px; border-radius: 4px; overflow: hidden; background: linear-gradient(135deg, #eef4ff 0%, #dfe8f5 100%); }
.bgp_article_thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bgp_article_thumb.empty { position: relative; }
.bgp_article_thumb.empty:before { content: ""; position: absolute; left: 50%; top: 50%; width: 34px; height: 42px; margin: -21px 0 0 -17px; border: 2px solid #c9d5e6; border-radius: 3px; box-sizing: border-box; }
.bgp_article_thumb.empty:after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -21px 0 0 4px; border-left: 2px solid #c9d5e6; border-bottom: 2px solid #c9d5e6; background: #e9eff8; transform: skew(-8deg); }
.bgp_empty { padding: 58px 20px; text-align: center; color: #7f8da3; font-size: 14px; }
.bgp_pager { padding: 22px 0 0; text-align: right; }
.bgp_pager .pg, .bgp_pager .pgb { float: none; display: inline-block; }
.bgp_pager a, .bgp_pager strong, .bgp_pager label { border-radius: 4px !important; border-color: #dce4f0 !important; }
.bgp_pager strong { background: #155eef !important; border-color: #155eef !important; color: #fff !important; }
.bgp_side { display: flex; flex-direction: column; gap: 18px; }
.bgp_side_card { padding: 20px 22px; box-sizing: border-box; }
.bgp_side_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.bgp_side_head h3 { margin: 0; font-size: 16px; line-height: 1.3; font-weight: 400; color: #162033; }
.bgp_side_head a, .bgp_side_head span { font-size: 12px; color: #7b8798; }
.bgp_side_head a:hover { color: #155eef; }
.bgp_side_action { margin-bottom: 18px; }
.bgp_publish_btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 0 16px; border-radius: 8px; background: #155eef; color: #fff !important; font-size: 15px; line-height: 44px; box-sizing: border-box; }
.bgp_publish_btn:hover { background: #0f4bd8; color: #fff !important; }
.bgp_side_card .area { min-height: 28px; }
.bgp_side_card .module { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.bgp_side_card .xl, .bgp_side_card .xl1, .bgp_side_card .xl2 { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.bgp_side_card .xl li, .bgp_side_card .xl1 li, .bgp_side_card .xl2 li { min-height: 34px; padding: 0 0 14px !important; margin: 0 0 14px !important; border-bottom: 0 !important; font-size: 14px; line-height: 1.55; color: #26354d; }
.bgp_side_card .xl li:last-child, .bgp_side_card .xl1 li:last-child, .bgp_side_card .xl2 li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.bgp_side_card .xl a, .bgp_side_card .xl1 a, .bgp_side_card .xl2 a { color: #26354d; }
.bgp_side_card .xl a:hover, .bgp_side_card .xl1 a:hover, .bgp_side_card .xl2 a:hover { color: #155eef; }
.bgp_side_card .xg1, .bgp_side_card .xg2 { color: #7c8ba0 !important; font-size: 12px; }
.bgp_recommend .area, .bgp_hot .area { counter-reset: bgpRank; }
.bgp_recommend .xl li, .bgp_recommend .xl1 li, .bgp_recommend .xl2 li,
.bgp_hot .xl li, .bgp_hot .xl1 li, .bgp_hot .xl2 li { position: relative; padding-left: 42px !important; }
.bgp_recommend .xl li:before, .bgp_recommend .xl1 li:before, .bgp_recommend .xl2 li:before,
.bgp_hot .xl li:before, .bgp_hot .xl1 li:before, .bgp_hot .xl2 li:before { counter-increment: bgpRank; content: counter(bgpRank, decimal-leading-zero); position: absolute; left: 0; top: 1px; width: 28px; text-align: left; color: #8a98aa; font-size: 18px; font-style: italic; font-family: Georgia, "Times New Roman", serif; }
.bgp_recommend .xl li:nth-child(-n+3):before, .bgp_recommend .xl1 li:nth-child(-n+3):before, .bgp_recommend .xl2 li:nth-child(-n+3):before { color: #ff8a00; }
.bgp_hot .xl li:nth-child(-n+3):before, .bgp_hot .xl1 li:nth-child(-n+3):before, .bgp_hot .xl2 li:nth-child(-n+3):before { content: counter(bgpRank); color: #ff7a00; }
.bgp_qrcode { text-align: center; }
.bgp_qrcode .bgp_side_head { display: block; text-align: left; margin-bottom: 8px; }
.bgp_qrcode .bgp_side_head p { margin: 8px 0 14px; color: #7b8798; font-size: 13px; line-height: 1.6; }
.bgp_qrcode img { max-width: 160px; height: auto; }
.bgp_top_diy, .bgp_bottom_diy { width: 100%; max-width: 1480px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
.bgp_top_diy { min-height: 0; }
.bgp_bottom_diy { padding-bottom: 28px; }
html.dark body .bgp_select_page,
body.dark .bgp_select_page { background: #111827 !important; color: #d1d5db !important; }
html.dark .bgp_select_page .bgp_select_header,
body.dark .bgp_select_page .bgp_select_header { background: linear-gradient(180deg, #111827 0%, #172033 100%) !important; border-bottom-color: #263244 !important; }
html.dark #ct.bgp_select_body,
body.dark #ct.bgp_select_body { background: transparent !important; color: #d1d5db !important; border-color: transparent !important; }
html.dark #ct.bgp_select_body *,
body.dark #ct.bgp_select_body * { color: inherit; }
html.dark #ct.bgp_select_body .bgp_article_panel,
html.dark #ct.bgp_select_body .bgp_side_card,
body.dark #ct.bgp_select_body .bgp_article_panel,
body.dark #ct.bgp_select_body .bgp_side_card { background: #1f2937 !important; border-color: #374151 !important; color: #d1d5db !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .18) !important; }
html.dark .bgp_select_page .bgp_select_title h1,
body.dark .bgp_select_page .bgp_select_title h1 { color: #f9fafb !important; font-weight: 400 !important; }
html.dark .bgp_select_page .bgp_select_title p,
body.dark .bgp_select_page .bgp_select_title p { color: #9ca3af !important; }
html.dark .bgp_select_page .bgp_select_tabs a,
body.dark .bgp_select_page .bgp_select_tabs a { color: #cbd5e1 !important; }
html.dark .bgp_select_page .bgp_select_tabs a:hover,
html.dark .bgp_select_page .bgp_select_tabs a.active,
body.dark .bgp_select_page .bgp_select_tabs a:hover,
body.dark .bgp_select_page .bgp_select_tabs a.active { color: #60a5fa !important; }
html.dark .bgp_select_page .bgp_select_tabs a.active:after,
body.dark .bgp_select_page .bgp_select_tabs a.active:after { background: #60a5fa !important; }
html.dark #ct.bgp_select_body .bgp_article_item,
body.dark #ct.bgp_select_body .bgp_article_item { border-bottom-color: #374151 !important; }
html.dark #ct.bgp_select_body .bgp_article_title,
html.dark #ct.bgp_select_body .bgp_article_title a,
body.dark #ct.bgp_select_body .bgp_article_title,
body.dark #ct.bgp_select_body .bgp_article_title a { color: #f3f4f6 !important; font-weight: 400 !important; }
html.dark #ct.bgp_select_body .bgp_article_title a:hover,
body.dark #ct.bgp_select_body .bgp_article_title a:hover { color: #60a5fa !important; }
html.dark #ct.bgp_select_body .bgp_article_summary,
body.dark #ct.bgp_select_body .bgp_article_summary { color: #a7b0c0 !important; }
html.dark #ct.bgp_select_body .bgp_article_meta,
html.dark #ct.bgp_select_body .bgp_article_meta a,
body.dark #ct.bgp_select_body .bgp_article_meta,
body.dark #ct.bgp_select_body .bgp_article_meta a { color: #94a3b8 !important; }
html.dark #ct.bgp_select_body .bgp_article_meta a:hover,
body.dark #ct.bgp_select_body .bgp_article_meta a:hover { color: #60a5fa !important; }
html.dark #ct.bgp_select_body .bgp_article_meta .dot,
body.dark #ct.bgp_select_body .bgp_article_meta .dot { background: #566174 !important; }
html.dark #ct.bgp_select_body .bgp_article_thumb,
body.dark #ct.bgp_select_body .bgp_article_thumb { background: linear-gradient(135deg, #253348 0%, #1b2535 100%) !important; }
html.dark #ct.bgp_select_body .bgp_article_thumb.empty:before,
body.dark #ct.bgp_select_body .bgp_article_thumb.empty:before { border-color: #536175 !important; }
html.dark #ct.bgp_select_body .bgp_article_thumb.empty:after,
body.dark #ct.bgp_select_body .bgp_article_thumb.empty:after { border-color: #536175 !important; background: #253348 !important; }
html.dark #ct.bgp_select_body .bgp_side_head h3,
body.dark #ct.bgp_select_body .bgp_side_head h3 { color: #f3f4f6 !important; }
html.dark #ct.bgp_select_body .bgp_side_head a,
html.dark #ct.bgp_select_body .bgp_side_head span,
body.dark #ct.bgp_select_body .bgp_side_head a,
body.dark #ct.bgp_select_body .bgp_side_head span { color: #94a3b8 !important; }
html.dark #ct.bgp_select_body .bgp_side_head a:hover,
body.dark #ct.bgp_select_body .bgp_side_head a:hover { color: #60a5fa !important; }
html.dark #ct.bgp_select_body .bgp_side_card .xl li,
html.dark #ct.bgp_select_body .bgp_side_card .xl1 li,
html.dark #ct.bgp_select_body .bgp_side_card .xl2 li,
html.dark #ct.bgp_select_body .bgp_side_card .xl a,
html.dark #ct.bgp_select_body .bgp_side_card .xl1 a,
html.dark #ct.bgp_select_body .bgp_side_card .xl2 a,
body.dark #ct.bgp_select_body .bgp_side_card .xl li,
body.dark #ct.bgp_select_body .bgp_side_card .xl1 li,
body.dark #ct.bgp_select_body .bgp_side_card .xl2 li,
body.dark #ct.bgp_select_body .bgp_side_card .xl a,
body.dark #ct.bgp_select_body .bgp_side_card .xl1 a,
body.dark #ct.bgp_select_body .bgp_side_card .xl2 a { color: #d1d5db !important; }
html.dark #ct.bgp_select_body .bgp_side_card .xl a:hover,
html.dark #ct.bgp_select_body .bgp_side_card .xl1 a:hover,
html.dark #ct.bgp_select_body .bgp_side_card .xl2 a:hover,
body.dark #ct.bgp_select_body .bgp_side_card .xl a:hover,
body.dark #ct.bgp_select_body .bgp_side_card .xl1 a:hover,
body.dark #ct.bgp_select_body .bgp_side_card .xl2 a:hover { color: #60a5fa !important; }
html.dark #ct.bgp_select_body .bgp_qrcode .bgp_side_head p,
html.dark #ct.bgp_select_body .xg1,
html.dark #ct.bgp_select_body .xg2,
body.dark #ct.bgp_select_body .bgp_qrcode .bgp_side_head p,
body.dark #ct.bgp_select_body .xg1,
body.dark #ct.bgp_select_body .xg2 { color: #9ca3af !important; }
@media screen and (max-width: 1240px) {
	.bgp_select_body { grid-template-columns: minmax(0, 1fr) 320px; }
}
@media screen and (max-width: 900px) {
	.bgp_select_title { display: block; }
	.bgp_select_title p { margin-top: 8px; }
	.bgp_select_body { display: block; }
	.bgp_side { margin-top: 18px; }
	.bgp_article_item { grid-template-columns: 1fr; gap: 14px; }
	.bgp_article_thumb { width: 100%; height: auto; aspect-ratio: 16 / 8; order: -1; }
}
@media screen and (max-width: 560px) {
	.wp { width: calc(100% - 24px) !important; }
	.bgp_select_page .bgp_wp, .bgp_top_diy, .bgp_bottom_diy { padding-left: 12px; padding-right: 12px; }
	.bgp_select_header { padding-top: 22px; }
	.bgp_select_title h1 { font-size: 21px; }
	.bgp_select_tabs { gap: 24px; }
	.bgp_select_body { padding-top: 20px; }
	.bgp_article_item { padding: 18px 16px; }
	.bgp_article_title { font-size: 17px; }
}

/* Selected article detail page */
.wp { width: calc(100% - 48px) !important; max-width: 1480px; min-width: 0; box-sizing: border-box; }
.bgp_view_page { position: relative; width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow-x: clip; background: #fff !important; color: #1f2a44; font-family: inherit; }
.bgp_view_page:before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: calc(50% - min(740px, 50vw) + 102px); width: 1px; background: #e7edf5; pointer-events: none; }
.bgp_view_page a { color: inherit; text-decoration: none; }
.bgp_view_top_diy, .bgp_view_bottom_diy { width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.bgp_view_breadcrumb_row { position: relative; z-index: 1; width: 100%; max-width: 1480px; margin: 0 auto; display: grid; grid-template-columns: 78px minmax(0, 1fr) 340px; gap: 28px; padding: 34px 24px 0; box-sizing: border-box; background: transparent; }
.bgp_view_shell { position: relative; z-index: 1; width: 100%; max-width: 1480px; margin: 0 auto; display: grid; grid-template-columns: 78px minmax(0, 1fr) 340px; gap: 28px; padding: 28px 24px 58px; box-sizing: border-box; background: transparent; }
.bgp_view_share { position: sticky; top: 96px; align-self: start; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 0 18px 0 0; box-sizing: border-box; }
.bgp_share_item { display: flex; flex-direction: column; align-items: center; gap: 7px; color: #536176; font-size: 13px; line-height: 1.2; }
.bgp_share_item a, .bgp_share_icon { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f2f5fa; color: #2d3a50; box-sizing: border-box; }
.bgp_share_item a:hover { background: #e9f0ff; color: #155eef; }
.bgp_share_item a.active { background: #155eef; color: #fff; }
.bgp_share_item small { color: #536176; font-size: 12px; }
.bgp_view_center { min-width: 0; }
.bgp_view_main { min-width: 0; padding: 0 0 38px; background: #fff; border: 0 !important; box-shadow: none !important; box-sizing: border-box; }
.bgp_view_side { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.bgp_view_side_card { padding: 22px 24px; border: 1px solid #e5ebf3; border-radius: 8px; background: #fff; box-shadow: 0 14px 34px rgba(20,36,64,.05); box-sizing: border-box; }
.bgp_view_side_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.bgp_view_side_head h3 { margin: 0; font-size: 16px; line-height: 1.35; font-weight: 400; color: #162033; }
.bgp_view_side_head a, .bgp_view_side_head span { font-size: 13px; color: #7b8798; }
.bgp_view_side_card .area { min-height: 28px; }
.bgp_view_side_card .module { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.bgp_view_side_card .xl, .bgp_view_side_card .xl1, .bgp_view_side_card .xl2 { margin: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: bgpSideRank; }
.bgp_view_side_card .xl li, .bgp_view_side_card .xl1 li, .bgp_view_side_card .xl2 li { position: relative; min-height: 38px; padding: 0 0 16px 42px !important; margin: 0 0 16px !important; border: 0 !important; font-size: 14px; line-height: 1.55; color: #26354d; }
.bgp_view_side_card .xl li:last-child, .bgp_view_side_card .xl1 li:last-child, .bgp_view_side_card .xl2 li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.bgp_view_side_card .xl li:before, .bgp_view_side_card .xl1 li:before, .bgp_view_side_card .xl2 li:before { counter-increment: bgpSideRank; content: counter(bgpSideRank, decimal-leading-zero); position: absolute; left: 0; top: 0; width: 30px; color: #8a98aa; font-size: 18px; font-weight: 600; }
.bgp_view_recommend .xl li:nth-child(-n+3):before, .bgp_view_recommend .xl1 li:nth-child(-n+3):before, .bgp_view_recommend .xl2 li:nth-child(-n+3):before { color: #ff6a00; }
.bgp_view_side_card .xl a, .bgp_view_side_card .xl1 a, .bgp_view_side_card .xl2 a { color: #26354d; }
.bgp_view_side_card .xl a:hover, .bgp_view_side_card .xl1 a:hover, .bgp_view_side_card .xl2 a:hover { color: #155eef; }
.bgp_view_qrcode { text-align: center; }
.bgp_view_qrcode .bgp_view_side_head { display: block; text-align: left; margin-bottom: 8px; }
.bgp_view_qrcode .bgp_view_side_head p { margin: 8px 0 14px; color: #7b8798; font-size: 13px; line-height: 1.6; }
.bgp_view_qrcode img { max-width: 160px; height: auto; }
.bgp_breadcrumb { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0; font-size: 13px; color: #7b8798; }
.bgp_breadcrumb a:hover { color: #155eef; }
.bgp_view_header { margin-bottom: 26px; }
.bgp_view_title { margin: 0 0 18px; font-size: 32px; line-height: 1.35; font-weight: 400; color: #111827; letter-spacing: 0; }
.bgp_view_meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #7b8798; font-size: 13px; }
.bgp_view_meta a { color: #6a7890; }
.bgp_view_meta a:hover { color: #155eef; }
.bgp_dot { width: 3px; height: 3px; border-radius: 50%; background: #b7c1d0; }
.bgp_view_admin { margin-left: auto; display: inline-flex; gap: 10px; }
.bgp_view_admin a { color: #155eef; }
.bgp_view_summary { margin: 28px 0 16px; padding: 18px 20px; border-radius: 8px; background: linear-gradient(135deg, #f3f7ff 0%, #eef3f9 100%); color: #3a465a; font-size: 15px; line-height: 1.9; }
.bgp_article_body { padding-top: 20px; border: 0 !important; background: transparent; font-size: 17px; line-height: 2; color: #25324a; word-break: break-word; }
.bgp_article_body #article_content { width: 100%; border: 0 !important; padding: 0 !important; background: transparent !important; }
.bgp_article_body h1, .bgp_article_body h2, .bgp_article_body h3, .bgp_article_body h4 { margin: 34px 0 14px; color: #111827; line-height: 1.45; font-weight: 400; }
.bgp_article_body h2 { font-size: 24px; }
.bgp_article_body h3 { font-size: 20px; }
.bgp_article_body p { margin: 0 0 18px; }
.bgp_article_body ul, .bgp_article_body ol { margin: 0 0 20px 24px; padding: 0; }
.bgp_article_body li { margin: 6px 0; }
.bgp_article_body img { max-width: 100%; height: auto; border-radius: 8px; }
.bgp_article_body table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 15px; }
.bgp_article_body th, .bgp_article_body td { padding: 11px 14px; border: 1px solid #dfe6ef; text-align: left; }
.bgp_article_body th { background: #f5f8fc; color: #24324a; }
.bgp_article_body blockquote { margin: 22px 0; padding: 14px 18px; border-left: 4px solid #2563eb; border-radius: 6px; background: #eef5ff; color: #2563eb; }
.bgp_content_title { margin-bottom: 18px; font-size: 20px; color: #111827; font-weight: 500; }
.bgp_multi { margin: 28px 0; text-align: center; }
.bgp_view_actions { display: none; }
.bgp_manage_ops { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 28px; font-size: 13px; color: #155eef; }
.bgp_prev_next { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 30px 0; }
.bgp_prev_next em { display: block; padding: 14px 16px; border: 1px solid #e5ebf3; border-radius: 8px; background: #fff; color: #7b8798; font-style: normal; }
.bgp_prev_next a { display: block; margin-top: 6px; color: #1f2a44; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bgp_prev_next a:hover { color: #155eef; }
.bgp_related, .bgp_comments { margin-top: 34px; padding-top: 26px; border-top: 1px solid #e6ecf4; }
.bgp_comments #cform { display: block; margin-top: 18px; }
.bgp_comment_closed { padding: 20px; border: 1px solid #e5ebf3; border-radius: 8px; background: #f8fafc; color: #7b8798; text-align: center; }
.bgp_comment_closed h2 { margin: 0 0 8px; color: #162033; font-size: 16px; font-weight: 400; }
.bgp_comment_closed p { margin: 0; font-size: 14px; }
.bgp_comments .tedt { border: 1px solid #dfe6ef; border-radius: 8px; overflow: hidden; background: #fff; }
.bgp_comments .tedt .area { padding: 0; background: #fff; }
.bgp_comments .pt { width: 100%; min-height: 108px; padding: 12px 14px; border: 0 !important; background: #fff !important; box-sizing: border-box; resize: vertical; font-size: 14px; line-height: 1.7; }
.bgp_comments .pn { height: 36px; padding: 0 18px; border: 0; border-radius: 6px; background: #155eef; color: #fff; }
.bgp_comments .pn strong { color: #fff; font-weight: 400; }
.bgp_section_title { margin: 0 0 16px; font-size: 20px; line-height: 1.4; font-weight: 500; color: #111827; }
.bgp_related ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.bgp_related li a { display: block; padding: 12px 14px; border-radius: 8px; background: #fff; border: 1px solid #e5ebf3; color: #25324a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (max-width: 1180px) { .bgp_view_page:before { display: none; } .bgp_view_breadcrumb_row, .bgp_view_shell { grid-template-columns: minmax(0, 1fr); } .bgp_view_breadcrumb_row > div:first-child, .bgp_view_breadcrumb_row > div:last-child, .bgp_view_share, .bgp_view_side { display: none; } .bgp_view_center, .bgp_breadcrumb { max-width: 940px; width: 100%; margin-left: auto; margin-right: auto; } .bgp_view_main { width: 100%; } }
@media screen and (max-width: 680px) { .wp { width: calc(100% - 24px) !important; } .bgp_view_top_diy, .bgp_view_bottom_diy { padding-left: 12px; padding-right: 12px; } .bgp_view_breadcrumb_row { padding: 24px 12px 0; } .bgp_view_shell { padding: 22px 12px 42px; } .bgp_view_title { font-size: 25px; } .bgp_article_body { font-size: 16px; line-height: 1.9; } .bgp_prev_next, .bgp_related ul { grid-template-columns: 1fr; } }

html.dark body .bgp_view_page,
body.dark .bgp_view_page { background: #fff !important; color: #1f2a44 !important; }
html.dark .bgp_view_page .bgp_view_shell,
body.dark .bgp_view_page .bgp_view_shell { background: transparent !important; }
html.dark .bgp_view_page .bgp_view_side_card,
body.dark .bgp_view_page .bgp_view_side_card { background: #1f2937 !important; border-color: #374151 !important; box-shadow: 0 14px 34px rgba(0,0,0,.22) !important; color: #d1d5db !important; }
html.dark .bgp_view_page .bgp_view_side_head h3,
body.dark .bgp_view_page .bgp_view_side_head h3 { color: #f3f4f6 !important; }
html.dark .bgp_view_page .bgp_view_side_head a,
html.dark .bgp_view_page .bgp_view_side_head span,
body.dark .bgp_view_page .bgp_view_side_head a,
body.dark .bgp_view_page .bgp_view_side_head span { color: #94a3b8 !important; }
html.dark .bgp_view_page .bgp_share_item a,
html.dark .bgp_view_page .bgp_share_icon,
body.dark .bgp_view_page .bgp_share_item a,
body.dark .bgp_view_page .bgp_share_icon { background: #1f2937 !important; color: #d1d5db !important; }
html.dark .bgp_view_page .bgp_share_item small,
body.dark .bgp_view_page .bgp_share_item small { color: #94a3b8 !important; }
html.dark .bgp_view_page .bgp_view_side_card .xl li,
html.dark .bgp_view_page .bgp_view_side_card .xl1 li,
html.dark .bgp_view_page .bgp_view_side_card .xl2 li,
html.dark .bgp_view_page .bgp_view_side_card .xl a,
html.dark .bgp_view_page .bgp_view_side_card .xl1 a,
html.dark .bgp_view_page .bgp_view_side_card .xl2 a,
body.dark .bgp_view_page .bgp_view_side_card .xl li,
body.dark .bgp_view_page .bgp_view_side_card .xl1 li,
body.dark .bgp_view_page .bgp_view_side_card .xl2 li,
body.dark .bgp_view_page .bgp_view_side_card .xl a,
body.dark .bgp_view_page .bgp_view_side_card .xl1 a,
body.dark .bgp_view_page .bgp_view_side_card .xl2 a { color: #d1d5db !important; }


/* BGP_UI yandu portal list */
.wp { width: calc(100% - 48px) !important; max-width: 1480px; min-width: 0; box-sizing: border-box; }
.bgp-yandu-page { position: relative; width: 100%; max-width: 100%; min-height: calc(100vh - 80px); overflow-x: clip; background: #f7f9fc; color: #172033; font-family: inherit; box-sizing: border-box; }
.bgp-yandu-page a { color: inherit; text-decoration: none; }
.bgp-yandu-page *, .bgp-yandu-page *:before, .bgp-yandu-page *:after { box-sizing: border-box; }
.bgp-yandu-wrap { width: 100%; max-width: 1480px; margin: 0 auto; padding: 22px 24px 30px; box-sizing: border-box; }
.bgp-yandu-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 18px 4px; color: #6b7688; font-size: 13px; line-height: 1.5; }
.bgp-yandu-breadcrumb a:hover { color: #2563eb; }
.bgp-yandu-shell { position: relative; display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 0; align-items: stretch; height: calc(100vh - 172px); min-height: 640px; overflow: hidden; background: #fff; border: 1px solid #e1e7f0; border-radius: 8px; box-shadow: 0 14px 34px rgba(20,36,64,.05); box-sizing: border-box; }
.bgp-yandu-shell.is-navigating { cursor: progress; }
.bgp-yandu-shell.is-navigating .bgp-yandu-reader { opacity: .82; }
.bgp-yandu-reader.is-loading:before { content: ""; position: sticky; z-index: 12; top: 0; display: block; width: 100%; height: 2px; margin: -30px 0 28px; border-radius: 999px; background: linear-gradient(90deg, transparent, #3267ef, transparent); animation: bgp-yandu-loading 1s linear infinite; }
@keyframes bgp-yandu-loading { 0% { transform: translateX(-45%); opacity: .35; } 50% { opacity: 1; } 100% { transform: translateX(45%); opacity: .35; } }
.bgp-yandu-shell.is-list-collapsed { grid-template-columns: minmax(0, 1fr); }
.bgp-yandu-shell.is-list-collapsed .bgp-yandu-list { display: none; }
.bgp-yandu-shell.is-list-collapsed .bgp-yandu-reader { width: 100%; max-width: none; justify-self: stretch; padding-top: 64px; }
.bgp-yandu-list, .bgp-yandu-reader { min-width: 0; background: transparent; box-sizing: border-box; }
.bgp-yandu-list { height: 100%; overflow: hidden; display: flex; flex-direction: column; border-right: 1px solid #e1e7f0; }
.bgp-yandu-list-head { flex: 0 0 64px; height: 64px; min-height: 64px; max-height: 64px; display: flex; align-items: center; padding: 0; border-bottom: 1px solid #edf1f6; color: #28374f; box-sizing: border-box; overflow: hidden; }
.bgp-yandu-list-toggle { flex: 1 1 auto; min-width: 0; height: 64px; display: flex; align-items: center; gap: 10px; padding: 0 14px 0 22px; border: 0; appearance: none; -webkit-appearance: none; background: transparent; color: inherit; font: inherit; line-height: 1; text-align: left; cursor: pointer; box-sizing: border-box; white-space: nowrap; }
.bgp-yandu-list-toggle:hover { color: #2563eb; background: #f6f9ff; }
.bgp-yandu-list-head i { flex: 0 0 20px; color: #5d6b82; }
.bgp-yandu-list-head h1 { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 17px; line-height: 1; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bgp-yandu-publish { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; height: 30px; margin-right: 14px; padding: 0 10px; border: 1px solid #d9e4f5; border-radius: 8px; color: #42526a; font-size: 13px; line-height: 30px; box-sizing: border-box; white-space: nowrap; }
.bgp-yandu-publish:hover { border-color: #2563eb; color: #2563eb; background: #f2f6ff; }
.bgp-yandu-floating-toggle { display: none; position: absolute; z-index: 5; left: 18px; top: 18px; height: 36px; align-items: center; gap: 7px; padding: 0 13px; border: 0; appearance: none; -webkit-appearance: none; border-radius: 8px; background: transparent; color: #42526a; font-size: 15px; line-height: 1; cursor: pointer; box-sizing: border-box; white-space: nowrap; }
.bgp-yandu-floating-toggle:hover { border-color: #2563eb; color: #2563eb; }
.bgp-yandu-shell.is-list-collapsed .bgp-yandu-floating-toggle { display: inline-flex; }
.bgp-yandu-tabs { flex: 0 0 57px; height: 57px; min-height: 57px; max-height: 57px; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #edf1f6; overflow-x: auto; overflow-y: hidden; scrollbar-width: none !important; -ms-overflow-style: none; box-sizing: border-box; white-space: nowrap; }
.bgp-yandu-tabs::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.bgp-yandu-tabs::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.bgp-yandu-tabs a { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; height: 32px; max-width: 128px; padding: 0 12px; border-radius: 8px; color: #5d6b82; font-size: 13px; line-height: 32px; background: #f3f6fb; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bgp-yandu-tabs a.active, .bgp-yandu-tabs a:hover { color: #155eef; background: #eaf1ff; }
.bgp-yandu-items { flex: 1 1 auto; height: auto; min-height: 0; margin: 0; padding: 0; list-style: none; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none !important; -ms-overflow-style: none; }
.bgp-yandu-items::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
.bgp-yandu-list:hover .bgp-yandu-items { scrollbar-width: none !important; }
.bgp-yandu-list:hover .bgp-yandu-items::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
.bgp-yandu-list:hover .bgp-yandu-items::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.bgp-yandu-list:hover .bgp-yandu-items::-webkit-scrollbar-thumb { background: transparent; }
.bgp-yandu-list:hover .bgp-yandu-items::-webkit-scrollbar-track { background: transparent; }
.bgp-yandu-list-pager { display: none; }
.bgp-yandu-unlock { flex: 0 0 auto; margin: 12px 16px 16px; padding: 14px; border-radius: 8px; background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.96)); box-shadow: 0 -12px 30px rgba(114,91,64,.1); text-align: center; box-sizing: border-box; }
.bgp-yandu-unlock-text { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; color: #4b5563; font-size: 14px; line-height: 1.5; }
.bgp-yandu-unlock-text a { color: #d97706; text-decoration: none; }
.bgp-yandu-unlock-text span { color: #c8ced8; }
.bgp-yandu-unlock-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; border-radius: 6px; background: #efbd94; color: #fff !important; font-size: 15px; font-weight: 400; text-decoration: none !important; }
.bgp-yandu-unlock-btn:hover { background: #e9ab79; color: #fff !important; }
.bgp-yandu-item { border-bottom: 1px solid #edf1f6; }
.bgp-yandu-item:last-child { border-bottom: 0; }
.bgp-yandu-item a { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 14px; min-height: 93px; padding: 14px 16px; box-sizing: border-box; }
.bgp-yandu-item.is-active a, .bgp-yandu-item a:hover { background: #eef4ff; }
.bgp-yandu-item.is-active a { box-shadow: inset 3px 0 0 #2563eb; }
.bgp-yandu-item-main { min-width: 0; }
.bgp-yandu-item-title { margin: 0 0 10px; color: #202b3d; font-size: 15px; line-height: 1.5; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bgp-yandu-item-meta { display: flex; align-items: center; gap: 10px; color: #8491a5; font-size: 12px; white-space: nowrap; }
.bgp-yandu-tag { max-width: 82px; padding: 2px 8px; border-radius: 5px; background: #eef2f8; color: #64748b; overflow: hidden; text-overflow: ellipsis; }
.bgp-yandu-thumb { width: 96px; height: 64px; border-radius: 6px; overflow: hidden; background: linear-gradient(135deg, #ecf3ff 0%, #dbe7f6 100%); }
.bgp-yandu-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bgp-yandu-thumb.is-empty { display: flex; align-items: center; justify-content: center; color: #9aa8bb; }
.bgp-yandu-reader { position: relative; height: 100%; overflow-y: auto; scrollbar-width: none !important; -ms-overflow-style: none; padding: 30px 44px 46px; }
.bgp-yandu-reader:hover { scrollbar-width: none !important; scrollbar-color: transparent transparent; }
.bgp-yandu-reader::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
.bgp-yandu-reader:hover::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
.bgp-yandu-reader::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.bgp-yandu-backtop { position: sticky; z-index: 8; top: calc(100% - 54px); left: calc(100% - 40px); display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 0 -36px auto; border: 1px solid #dbe4f0; border-radius: 50%; background: rgba(255,255,255,.92); color: #64748b; box-shadow: 0 10px 24px rgba(20,36,64,.12); opacity: 0; pointer-events: none; cursor: pointer; transition: opacity .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; }
.bgp-yandu-backtop.is-visible { opacity: 1; pointer-events: auto; }
.bgp-yandu-backtop:hover { color: #2563eb; border-color: #9bbcff; transform: translateY(-2px); }
.bgp-yandu-reader::-webkit-scrollbar-thumb { background: transparent; }
.bgp-yandu-reader::-webkit-scrollbar-track { background: transparent; }
.bgp-yandu-reader-inner { width: 100%; max-width: 900px; margin: 0 auto; }
.bgp-yandu-reader-inner.is-locked .bgp-yandu-content { max-height: 32vh; overflow: hidden; position: relative; }
.bgp-yandu-reader-inner.is-locked .bgp-yandu-content:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 46%; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,0), #fff 82%); }
.bgp-yandu-paywall { clear: both; display: block; position: relative; z-index: 3; width: 100%; margin: 28px auto 0; overflow: visible; }
.bgp-yandu-paywall .keke_vpost-box { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 0 !important; margin-bottom: 24px !important; border-radius: 10px; }
.bgp-yandu-reader-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.bgp-yandu-author { display: flex; align-items: center; gap: 12px; min-width: 0; color: #7a879a; font-size: 13px; }
.bgp-yandu-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #111827; flex: 0 0 auto; }
.bgp-yandu-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bgp-yandu-author strong { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; color: #172033; font-size: 14px; font-weight: 600; }
.bgp-yandu-badge { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 4px; background: #ff375f; color: #fff; font-size: 12px; font-weight: 400; }
.bgp-yandu-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.bgp-yandu-actions a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 13px; border: 1px solid #d9e4f5; border-radius: 8px; color: #42526a; font-size: 13px; box-sizing: border-box; }
.bgp-yandu-actions a:hover { border-color: #2563eb; color: #2563eb; background: #f2f6ff; }
.bgp-yandu-actions .primary { border-color: #2563eb; color: #2563eb; }
.bgp-yandu-title { margin: 0 0 18px; color: #101828; font-size: 28px; line-height: 1.35; font-weight: 400; letter-spacing: 0; }
.bgp-yandu-summary { margin: 0 0 22px; color: #5d687a; font-size: 16px; line-height: 1.9; }
.bgp-yandu-content { color: #2b374a; font-size: 16px; line-height: 2; word-break: break-word; }
.bgp-yandu-content h1, .bgp-yandu-content h2, .bgp-yandu-content h3, .bgp-yandu-content h4 { margin: 28px 0 14px; color: #111827; line-height: 1.45; font-weight: 650; }
.bgp-yandu-content p { margin: 0 0 18px; }
.bgp-yandu-content img { display: block; max-width: 86%; height: auto; margin: 24px auto; border-radius: 8px; }
.bgp-yandu-content table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.bgp-yandu-content th, .bgp-yandu-content td { padding: 10px 12px; border: 1px solid #dfe6ef; }
.bgp-yandu-content th { background: #f5f8fc; }
.bgp-yandu-empty { padding: 54px 20px; text-align: center; color: #8491a5; font-size: 14px; }
html.dark body .bgp-yandu-page, body.dark .bgp-yandu-page { background: #111827 !important; color: #d1d5db !important; }
html.dark .bgp-yandu-shell, body.dark .bgp-yandu-shell { background: #1f2937 !important; border-color: #374151 !important; box-shadow: 0 14px 34px rgba(0,0,0,.22) !important; }
html.dark .bgp-yandu-list, body.dark .bgp-yandu-list { border-color: #374151 !important; }
html.dark .bgp-yandu-list-head, html.dark .bgp-yandu-tabs, html.dark .bgp-yandu-item, body.dark .bgp-yandu-list-head, body.dark .bgp-yandu-tabs, body.dark .bgp-yandu-item { border-color: #374151 !important; }
html.dark .bgp-yandu-list-toggle, body.dark .bgp-yandu-list-toggle { color: #d1d5db !important; background: transparent !important; }
html.dark .bgp-yandu-list-toggle i, html.dark .bgp-yandu-list-toggle h1, body.dark .bgp-yandu-list-toggle i, body.dark .bgp-yandu-list-toggle h1 { color: #d1d5db !important; }
html.dark .bgp-yandu-list-toggle:hover, body.dark .bgp-yandu-list-toggle:hover { color: #93c5fd !important; background: #17243a !important; }
html.dark .bgp-yandu-list-toggle:hover i, html.dark .bgp-yandu-list-toggle:hover h1, body.dark .bgp-yandu-list-toggle:hover i, body.dark .bgp-yandu-list-toggle:hover h1 { color: #93c5fd !important; }
html.dark .bgp-yandu-title, html.dark .bgp-yandu-item-title, html.dark .bgp-yandu-author strong, html.dark .bgp-yandu-content h1, html.dark .bgp-yandu-content h2, html.dark .bgp-yandu-content h3, body.dark .bgp-yandu-title, body.dark .bgp-yandu-item-title, body.dark .bgp-yandu-author strong, body.dark .bgp-yandu-content h1, body.dark .bgp-yandu-content h2, body.dark .bgp-yandu-content h3 { color: #f3f4f6 !important; }
html.dark .bgp-yandu-summary, html.dark .bgp-yandu-content, body.dark .bgp-yandu-summary, body.dark .bgp-yandu-content { color: #cbd5e1 !important; }
html.dark .bgp-yandu-breadcrumb, html.dark .bgp-yandu-item-meta, html.dark .bgp-yandu-author, body.dark .bgp-yandu-breadcrumb, body.dark .bgp-yandu-item-meta, body.dark .bgp-yandu-author { color: #94a3b8 !important; }
html.dark .bgp-yandu-tabs a, html.dark .bgp-yandu-tag, body.dark .bgp-yandu-tabs a, body.dark .bgp-yandu-tag { background: #273449 !important; color: #cbd5e1 !important; }
html.dark .bgp-yandu-tabs a.active, html.dark .bgp-yandu-tabs a:hover, html.dark .bgp-yandu-item.is-active a, html.dark .bgp-yandu-item a:hover, body.dark .bgp-yandu-tabs a.active, body.dark .bgp-yandu-tabs a:hover, body.dark .bgp-yandu-item.is-active a, body.dark .bgp-yandu-item a:hover { background: #1e3a5f !important; color: #93c5fd !important; }
html.dark .bgp-yandu-actions a, body.dark .bgp-yandu-actions a { border-color: #40506a !important; color: #d1d5db !important; }
html.dark .bgp-yandu-actions a:hover, html.dark .bgp-yandu-actions .primary, body.dark .bgp-yandu-actions a:hover, body.dark .bgp-yandu-actions .primary { border-color: #60a5fa !important; color: #93c5fd !important; background: #17243a !important; }
html.dark .bgp-yandu-unlock, body.dark .bgp-yandu-unlock { background: linear-gradient(180deg, rgba(31,41,55,.82), rgba(31,41,55,.96)) !important; box-shadow: 0 -12px 30px rgba(0,0,0,.18) !important; }
html.dark .bgp-yandu-unlock-text, body.dark .bgp-yandu-unlock-text { color: #d1d5db !important; }
html.dark .bgp-yandu-unlock-text span, body.dark .bgp-yandu-unlock-text span { color: #56657b !important; }
html.dark .bgp-yandu-reader-inner.is-locked .bgp-yandu-content:after, body.dark .bgp-yandu-reader-inner.is-locked .bgp-yandu-content:after { background: linear-gradient(180deg, rgba(17,24,39,0), #111827 82%) !important; }
html.dark .bgp-yandu-backtop, body.dark .bgp-yandu-backtop { background: rgba(31,41,55,.92) !important; border-color: #4b5563 !important; color: #cbd5e1 !important; box-shadow: 0 10px 24px rgba(0,0,0,.26) !important; }
html.dark .bgp-yandu-backtop:hover, body.dark .bgp-yandu-backtop:hover { color: #93c5fd !important; border-color: #60a5fa !important; }
html.dark .bgp-yandu-paywall .keke_vpost-box,
body.dark .bgp-yandu-paywall .keke_vpost-box { background: linear-gradient(180deg, rgba(31,41,55,.96), rgba(17,24,39,.98)) !important; border: 1px solid #374151 !important; box-shadow: 0 18px 42px rgba(0,0,0,.34) !important; color: #d1d5db !important; }
html.dark .bgp-yandu-paywall .keke_vpost-tip,
html.dark .bgp-yandu-paywall .keke_vpost-stip,
body.dark .bgp-yandu-paywall .keke_vpost-tip,
body.dark .bgp-yandu-paywall .keke_vpost-stip { color: #cbd5e1 !important; }
html.dark .bgp-yandu-paywall .keke_vpost-tip b,
body.dark .bgp-yandu-paywall .keke_vpost-tip b { color: #fca5a5 !important; }
html.dark .bgp-yandu-paywall .keke_vpost-box .keke_vpost-btnbox .keke_vpost-paybtn,
body.dark .bgp-yandu-paywall .keke_vpost-box .keke_vpost-btnbox .keke_vpost-paybtn { background: #3b82f6 !important; color: #fff !important; box-shadow: 0 10px 24px rgba(59,130,246,.22) !important; }
html.dark .bgp-yandu-paywall .keke_vpost-box .keke_vpost-btnbox .buy-vip-btn,
body.dark .bgp-yandu-paywall .keke_vpost-box .keke_vpost-btnbox .buy-vip-btn { background: #111827 !important; border-color: #60a5fa !important; color: #bfdbfe !important; box-shadow: none !important; }
html.dark .bgp-yandu-paywall .buyuser-title,
body.dark .bgp-yandu-paywall .buyuser-title { color: #d1d5db !important; }
html.dark .bgp-yandu-paywall .buyuser-bd li img,
body.dark .bgp-yandu-paywall .buyuser-bd li img { border-color: #1f2937 !important; }
html.dark .bgp-yandu-publish, body.dark .bgp-yandu-publish { border-color: #40506a !important; color: #d1d5db !important; }
html.dark .bgp-yandu-publish:hover, body.dark .bgp-yandu-publish:hover { border-color: #60a5fa !important; color: #93c5fd !important; background: #17243a !important; }
html.dark .bgp-yandu-floating-toggle, body.dark .bgp-yandu-floating-toggle { background: #1f2937 !important; border-color: #40506a !important; color: #d1d5db !important; }
@media screen and (max-width: 1180px) { .bgp-yandu-shell { grid-template-columns: 360px minmax(0, 1fr); } .bgp-yandu-reader { padding: 28px 30px 40px; } .bgp-yandu-title { font-size: 26px; } }
@media screen and (max-width: 900px) { .bgp-yandu-shell { display: block; height: auto; overflow: visible; } .bgp-yandu-list { height: auto; max-height: none; border-right: 0; border-bottom: 1px solid #e1e7f0; } .bgp-yandu-items { max-height: 60vh; } .bgp-yandu-reader { height: auto; min-height: 0; overflow: visible; } .bgp-yandu-shell.is-list-collapsed .bgp-yandu-reader { padding-top: 64px; } }
@media screen and (max-width: 560px) { .wp { width: calc(100% - 24px) !important; } .bgp-yandu-wrap { padding: 20px 12px 34px; } .bgp-yandu-item a { grid-template-columns: minmax(0, 1fr) 82px; } .bgp-yandu-thumb { width: 82px; height: 58px; } .bgp-yandu-reader { padding: 22px 18px 32px; } .bgp-yandu-reader-top { display: block; } .bgp-yandu-actions { margin-top: 14px; } .bgp-yandu-title { font-size: 23px; } .bgp-yandu-content img { max-width: 100%; } }
.bgp_diy_rank {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bgp_diy_rank li {
	position: relative;
	min-height: 42px;
	margin: 0 0 16px;
	padding-left: 42px;
}

.bgp_diy_rank li:last-child {
	margin-bottom: 0;
}

.bgp_diy_rank a {
	display: block;
	color: #1f2a44;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
}

.bgp_diy_rank a:hover {
	color: #2563eb;
}

.bgp_diy_rank p {
	margin: 4px 0 0;
	color: #8a94a6;
	font-size: 12px;
	line-height: 18px;
}

.bgp_diy_rank_number {
	counter-reset: bgpRank;
}

.bgp_diy_rank_number li {
	counter-increment: bgpRank;
}

.bgp_diy_rank_number li:before {
	content: counter(bgpRank, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 1px;
	color: #ff8a00;
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
}

.bgp_diy_rank_number li:nth-child(n+4):before {
	color: #6b7280;
}

.bgp_diy_hot_icon {
	position: absolute;
	left: 0;
	top: 2px;
	display: flex;
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	color: #ff4d2d;
}

.bgp_diy_hot_icon svg {
	width: 16px;
	height: 16px;
	stroke-width: 2.4;
}

.bgp_diy_rank_hot li:nth-child(2) .bgp_diy_hot_icon {
	color: #ff8a00;
}

.bgp_diy_rank_hot li:nth-child(3) .bgp_diy_hot_icon {
	color: #f59e0b;
}

.bgp_diy_rank_hot li:nth-child(n+4) .bgp_diy_hot_icon {
	color: #94a3b8;
}

.bgp_diy_qrcode h3 {
	margin: 0 0 8px;
	color: #1f2a44;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.bgp_diy_qrcode p {
	margin: 0 0 16px;
	color: #6b7280;
	font-size: 13px;
	line-height: 22px;
}

.bgp_diy_qrcode_img {
	text-align: center;
}

.bgp_diy_qrcode_img img {
	display: inline-block;
	max-width: 150px;
	height: auto;
}