/* Static rendering adapter: keeps Begin's original class hierarchy usable without WordPress. */
:root { --be-main-width: 1200px; --be-main-percent: calc(100% - 30px); --be-h: 81px; --be-h-s: 111px; --be-m-li: 81px; --be-bg-white: #fff; --be-bg-nav-white: #fff; --be-bg-grey-f8: #f8f8f8; --be-bg-btn: #4d8cb8; --be-bg-cat: #c40000; --be-site-n: #333; --be-m-a: #333; --be-m-bg: #4d8cb8; --be-bread: #999; --be-grey-7: #777; --be-grey-9: #999; --be-shadow: rgba(0,0,0,.07); --be-shadow-nav: 0 3px 30px rgba(0,0,0,.056); }
html { font-size: 62.5%; } body { margin: 0; background: #eff0f2; color: #444; font: 1.4rem/1.8 -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif; } a { text-decoration: none; } #page { overflow: hidden; }
.header-main { position: fixed; top: 0; } .site-header-s .header-main { height: 111px; } .header-top { display: block; height: 30px; background: #333; } .header-top-inner { display:flex; width: 1200px; height: 30px; margin: 0 auto; align-items:center; color:#ddd; font-size:12px; } .header-top-inner .login { margin-left:18px; }
.navigation-top { width: 1200px; margin: 0 auto; } .site-header-s .be-menu-main { margin-top:0; } .be-nav-box { min-height: 81px; } .site-description { margin-top: 4px; color:#666; font-size: 12px; } .be-nav-r { min-width:48px; justify-content:flex-end; } .nav-search { position:relative; display:block; width:28px; height:28px; } .nav-search:before { position:absolute; top:5px; left:6px; width:11px; height:11px; border:2px solid #777; border-radius:50%; content:""; } .nav-search:after { position:absolute; left:18px; top:17px; width:8px; height:2px; background:#777; transform:rotate(45deg); content:""; }
.site-content { padding-top: 10px; } #primary-cms { display:flex; gap: 10px; align-items:flex-start; } #primary-cms #primary { float:none; width:72.4%; } #primary-cms #sidebar { float:none; width:26.8%; } .cms-news-normal-box { width:100%; } .boxs5 { width:100%; } .post-default.post { min-height: 172px; } .thumbs-b { width:200px; height:130px; overflow:hidden; border-radius:5px; } .thumbs-back { display:block; width:100%; height:100%; background:#e8edf0 center/cover no-repeat; transition:transform .35s ease; } .post:hover .thumbs-back { transform:scale(1.04); } .thumbnail .cat { top:10px; left:10px; } .post-area { min-width:0; padding-bottom:18px; } .entry-header h2 a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .archive-content { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .entry-meta { bottom:0; }
.article-layout { display:flex; gap:10px; align-items:flex-start; } .article-layout #primary { float:none; width:72.4%; } .article-layout #sidebar { float:none; width:26.8%; } .article-layout .post-item { background:var(--be-bg-white); border-radius:8px; box-shadow:0 0 0 1px var(--be-shadow); } .article-layout .entry-header { position:relative; } .article-layout .entry-title { font-size:24px; line-height:1.5; color:#333; margin:0 0 18px; } .begin-single-meta { border-bottom:1px solid #eee; color:#999; padding-bottom:16px; margin-bottom:25px; } .single-content { overflow-wrap:anywhere; } .single-content img { max-width:100%; height:auto; } .single-content table { display:block; overflow-x:auto; max-width:100%; } .single-content p { margin:0 0 1.3em; }
.site-footer { margin-top:28px; background:#fff; border-top:1px solid #eee; color:#999; text-align:center; } .site-info { width:1200px; margin:0 auto; padding:28px 15px; }
.widget_search { padding:30px; } .widget_search .searchbar { margin:0; } .widget_search .search-input { display:flex; height:52px; overflow:hidden; border-radius:7px; background:#eef1f4; } .widget_search input { min-width:0; flex:1; padding:0 20px; border:0; outline:0; background:transparent; color:#555; font:18px "Microsoft YaHei",sans-serif; } .widget_search button { width:64px; border:0; background:#dedede; color:#666; cursor:pointer; } .widget_search button .be { font-size:25px; }
.calendar-widget { overflow:hidden; } .calendar-widget .widget-title { display:flex; align-items:center; gap:10px; padding:0 15px; font-size:20px; font-weight:700; } .calendar-widget .title-i { display:inline-flex; width:20px; flex-wrap:wrap; gap:3px; } .calendar-widget .title-i span { width:7px; height:7px; border-radius:50%; background:#9d9d9d; } .calendar-heading { display:flex; justify-content:space-around; height:70px; align-items:center; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#444; font-size:18px; } .calendar-heading i { margin-left:35px; font-size:12px; } .calendar-week,.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); padding:18px 15px 0; text-align:center; } .calendar-week b { color:#5e6063; font-size:15px; } .calendar-days { row-gap:14px; padding:20px 15px 25px; } .calendar-days span { display:grid; width:34px; height:34px; margin:auto; place-items:center; border-radius:50%; color:#333; font-size:16px; } .calendar-days .muted-day { background:#ededed; } .calendar-days .today { background:#97d8d2; color:#fff; }
.widget_zm_tabs { overflow:visible; } .sidebar-tabs { display:grid; grid-template-columns:repeat(6,1fr); height:58px; border-bottom:1px solid #eee; } .sidebar-tabs span { display:grid; place-items:center; border-right:1px solid #eee; color:#9da0a2; } .sidebar-tabs span:last-child { border-right:0; } .sidebar-tabs span[aria-selected="true"] { border-top:2px solid #4d8cb8; color:#4d8cb8; } .sidebar-tabs .be { font-size:22px; } .tab-news { padding:20px 15px 12px; } .tab-news h3 { height:auto !important; margin:0 0 16px !important; padding:0 !important; background:transparent !important; font-size:18px; } .recent-posts { display:grid; gap:16px; } .recent-post { display:flex; min-width:0; gap:12px; } .recent-thumb { width:100px; height:68px; flex:0 0 100px; border-radius:3px; background:#e8edf0 center/cover no-repeat; } .recent-copy { display:flex; min-width:0; flex:1; flex-direction:column; justify-content:space-between; } .recent-copy strong { display:-webkit-box; overflow:hidden; color:#333; font-size:14px; font-weight:400; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .recent-copy time { color:#a1a1a1; font-size:13px; text-align:right; }
.home-category-grid { width:1200px; margin:20px auto 0; } .home-category-grid .cl3 { padding:0 5px; } .home-category-grid .cat-container { min-height:465px; } .home-category-grid .cat-title .title-i { display:inline-flex; width:18px; flex-wrap:wrap; gap:2px; margin:0 12px 0 15px; vertical-align:middle; } .home-category-grid .cat-title .title-i span { width:6px; height:6px; background:#999; border-radius:50%; } .home-category-grid .more-i { float:right; display:flex; gap:3px; margin:16px 15px 0 0; } .home-category-grid .more-i span { width:6px; height:6px; border-radius:50%; background:#ff5b5b; } .home-category-grid .more-i span:nth-child(2) { background:#67bc7f; } .home-category-grid .more-i span:nth-child(3) { background:#ffc35a; } .home-category-grid .small-thumbnail { width:100%; height:240px; overflow:hidden; } .home-category-grid .thumbs-f { width:100%; height:100%; } .home-category-grid .thumbs-back { display:block; width:100%; height:100%; background:#edf0f2 center/cover no-repeat; } .home-category-grid .entry-small-title { height:70px; padding:11px 20px; font-size:17px; line-height:25px; } .home-category-grid .category-item { display:flex; flex-direction:row-reverse; align-items:baseline; gap:12px; min-width:0; } .home-category-grid .category-item::before { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#b6b6b6; content:""; } .home-category-grid .list-title { min-width:0; flex:1; } .home-category-grid .list-title a { width:100%; } .home-category-grid .list-date { float:none; flex:0 0 36px; text-align:right; }
@media (max-width:1220px) { :root { --be-main-width: calc(100% - 32px); } .navigation-top,.header-top-inner,.site-info,.home-category-grid { width:calc(100% - 32px); } .menu_c .main-nav .down-menu a { padding:0 9px; } }
@media (max-width:760px) { :root { --be-main-width:100%; --be-h:54px; --be-h-s:81px; --be-m-li:54px; } .header-top { height:27px; } .header-top-inner { height:27px; width:100%; padding:0 15px; } .site-header-s .be-menu-main { margin-top:27px; } .site-header-s .header-main { height:81px; } .be-nav-box { min-height:54px; padding:0 15px; } .site-description { display:none; } .logo-sites .site-name { font-size:20px; } .be-nav-wrap { min-width:0; overflow-x:auto; } .main-nav .down-menu { display:flex; } .menu_c .main-nav .down-menu a { padding:0 8px; font-size:13px; } .main-nav .down-menu li { flex:0 0 auto; } .be-nav-r { display:none; } .site-content { padding-top:0; } #primary-cms { display:block; } #primary-cms #primary { width:100%; } #primary-cms #sidebar, .article-layout #sidebar { display:none; } .post { margin:0; border-radius:0; box-shadow:none; border-bottom:1px solid #eee; padding:15px; min-height:106px; } .thumbs-b { width:118px; height:76px; } .thumbnail { width:118px; margin-right:13px; } .thumbnail .cat { top:4px; left:4px; } .thumbnail .cat a { font-size:11px; padding:2px 5px; } .entry-header h2 { line-height:20px; margin:0; } .entry-header h2 a { font-size:15px; white-space:normal; } .archive-content { font-size:12px; line-height:1.55; -webkit-line-clamp:2; } .entry-meta { font-size:11px; } .entry-more { display:none; } .article-layout { display:block; } .article-layout #primary { width:100%; } .article-layout .post-item { border-radius:0; box-shadow:none; padding:22px 16px 30px; } .article-layout .entry-title { font-size:20px; } .site-info { width:100%; padding:24px 15px; } .home-category-grid { width:100%; margin:0; } .home-category-grid .cl3 { float:none; width:100%; padding:0; } .home-category-grid .cat-container { min-height:0; margin:0; border-radius:0; border-bottom:1px solid #eee; box-shadow:none; } .home-category-grid .small-thumbnail { height:190px; } .home-category-grid .category-item { padding:0 15px; } .home-category-grid .cat-list { padding:5px 0 15px; } .home-category-grid .list-date { display:block; } }
.site-search { position:relative; } .header-search-toggle { border:0; padding:0; background:transparent; cursor:pointer; } .header-search-panel { position:absolute; top:42px; right:0; z-index:20; display:flex; width:300px; overflow:hidden; border:1px solid #d7dde0; border-radius:4px; background:#fff; box-shadow:0 8px 22px rgba(0,0,0,.12); } .header-search-panel input { min-width:0; flex:1; height:40px; padding:0 12px; border:0; outline:0; color:#333; font:14px "Microsoft YaHei",sans-serif; } .header-search-panel button { flex:0 0 54px; border:0; background:#4d8cb8; color:#fff; cursor:pointer; font:14px "Microsoft YaHei",sans-serif; } .sidebar-tabs button { display:grid; place-items:center; border:0; border-right:1px solid #eee; background:#fff; color:#9da0a2; cursor:pointer; } .sidebar-tabs button:last-child { border-right:0; } .sidebar-tabs button[aria-selected="true"] { border-top:2px solid #4d8cb8; color:#4d8cb8; } @media (max-width:760px) { .be-nav-r { display:flex; position:relative; min-width:28px; } .header-search-panel { position:fixed; top:75px; right:15px; width:calc(100vw - 30px); } }

/* Final static parity layer measured from the live Begin templates. */
.header-top { background:#eff0f2; }
.header-top-inner { color:#333; }
.logo-site > a { display:flex; height:50px; align-items:center; }
.logo-small { display:block; width:50px; height:50px; margin-right:10px; flex:0 0 50px; }
.logo-small img { display:block; width:50px; height:50px; }
.site-name-main { display:flex; height:50px; flex-direction:column; justify-content:center; }
.logo-site .site-name { margin:0; color:#444; font-size:24px; line-height:28px; }
.bread-clear { width:1200px; height:25px; margin:0 auto; }
.bread { display:block; height:25px; visibility:hidden; }
.bread-clear { height:25px; }
#primary-cms { gap:9px; }
#primary-cms #primary,.article-layout #primary { width:869px; flex:0 0 869px; }
#primary-cms #sidebar,.article-layout #sidebar { width:322px; flex:0 0 322px; }
.home-content { padding-top:0; }
.home-slider { display:flex; width:869px; height:131px; margin-bottom:10px; gap:10px; }
.home-slider img { display:block; width:100%; height:100%; object-fit:cover; }
.home-slider-main { width:628px; height:131px; overflow:hidden; border-radius:8px; }
.home-slider-side { display:grid; width:231px; height:131px; grid-template-rows:1fr 1fr; gap:10px; }
.home-slider-side a { min-height:0; overflow:hidden; border-radius:8px; }
.home-sidebar .home-widget { height:99px; padding:0; overflow:hidden; }
.home-widget h3 { height:39px; margin:0; padding:9px 20px; background:#f8f8f8; font-size:15px; }
.home-widget p { margin:0; padding:18px 20px; color:#444; }
.post-default.post { min-height:191px; }
.post-default:not(:has(.thumbnail)) { min-height:125px; }
.home-pagination { display:flex; height:61px; padding:10px 0; align-items:center; justify-content:flex-end; gap:8px; }
.home-pagination span { display:grid; width:30px; height:30px; border-radius:50%; background:#fff; color:#888; place-items:center; }
.home-pagination .dots { margin-right:auto; width:auto; color:#4d9ac7; background:transparent; font-size:18px; letter-spacing:2px; }
.home-pagination .current { background:#4d9ac7; color:#fff; }
.static-friend-links { width:1200px; height:103px; margin:10px auto 0; padding:15px 20px; border-radius:8px; background:#fff; }
.static-friend-links > div { display:flex; padding-bottom:12px; justify-content:space-between; }
.static-friend-links nav { display:flex; gap:18px; }
.static-friend-links a { color:#444; }
.footer-site-widget { position:relative; height:218px; margin-top:10px; overflow:hidden; background:rgba(0,0,0,.6); }
.footer-widget-bg { width:100%; height:100%; background:url("/begin-theme/img/default/options/1200.jpg") center/cover no-repeat; }
.footer-widget-bg::before { position:absolute; inset:0; background:rgba(0,0,0,.62); content:""; }
.footer-widget { position:relative; width:1200px; height:100%; margin:0 auto; color:#fff; }
.footer-widget-item { display:flex; padding-top:15px; }
.footer-widget .widget { width:400px; padding:15px 20px; color:#fff; background:transparent; box-shadow:none; }
.footer-widget .widget h3 { margin:0 0 10px; color:#eff0f2; font-size:17px; }
.footer-widget .widget p { margin:0; color:#fff; font-size:13px; line-height:1.9; }
.site-footer { height:70px; margin:0; }
.site-info { padding:22px 15px; }
.article-layout { display:flex; gap:9px; align-items:flex-start; }
.article-layout .post-item { display:block; padding:30px; }
.article-page .entry-header { position:static; }
.article-page .entry-title { position:relative; width:auto; margin:0 -30px; padding:5px 26px; border-left:5px solid #4d8cb8; color:#333; font-size:22px; line-height:33px; text-align:center; }
.article-page .begin-single-meta { margin:5px 0 15px; padding:0; border:0; color:#999; }
.article-page .single-meta-area { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0 8px; }
.article-meta-button { display:inline-grid; min-width:24px; height:24px; padding:0 2px; border:0; background:transparent; color:#999; cursor:pointer; place-items:center; }
.article-font-large .single-content { font-size:18px; }
.article-sidebar-toggle { border:0; background:transparent; }
.article-page > .article-share-tools { position:absolute; top:135px; left:-60px; z-index:3; display:grid; width:50px; gap:10px; }
.article-share-tools button { display:grid; width:45px; height:45px; padding:0; border:0; border-radius:50%; background:#fff; color:#999; cursor:pointer; box-shadow:0 0 0 1px rgba(0,0,0,.08); place-items:center; }
.article-share-tools button[aria-pressed="true"],.article-share-tools button:hover { color:#4d8cb8; }
.single-content { color:#444; font-size:16px; line-height:2; overflow-wrap:anywhere; }
.single-content p { margin:0 0 1.3em; }
.single-content img,.article-content img { display:block; max-width:100%; height:auto; margin:18px auto; }
.single-content table { display:block; max-width:100%; overflow-x:auto; }
.single-content iframe { max-width:100%; }
.wp-caption { max-width:100%; margin:18px auto; }
.mark { margin:18px 0; padding:14px 18px; border-left:4px solid #4d8cb8; background:#f4f7f9; }
.quote-post { position:relative; min-height:153px; margin:20px 0; padding:20px; border:1px solid #eee; border-radius:6px; }
.quote-post:has(.thumbnail) { min-height:180px; padding-left:240px; }
.quote-post .thumbnail { position:absolute; top:20px; left:20px; width:200px; height:140px; }
.quote-post .quote-title { font-size:17px; font-weight:700; }
.quote-post-content { margin-top:10px; color:#777; }
.article-end-note { margin:24px 0; padding:14px 16px; border-radius:5px; background:#fbf7f2; color:#765f50; }
.article-related { display:grid; margin:50px 4px 10px; grid-template-columns:repeat(4,1fr); gap:10px; }
.article-related a { min-width:0; }
.related-thumb { display:block; width:100%; aspect-ratio:4/3; border-radius:5px; background:#f3f3f3 center/cover no-repeat; opacity:.55; }
.article-related strong { display:-webkit-box; margin-top:6px; overflow:hidden; color:#444; font-size:13px; font-weight:400; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.article-bottom-tools { padding:24px 0; }
.article-bottom-tools .article-share-tools { position:static; display:flex; width:auto; justify-content:center; gap:8px; }
.article-wechat { display:flex; width:400px; min-height:128px; margin:10px auto 0; padding:16px; border:1px dashed #ccc; align-items:center; gap:24px; }
.article-wechat img { width:96px; height:96px; }
.article-wechat div { display:flex; flex-direction:column; gap:8px; }
.tool-page .article-detail { margin:0; }
.tool-page .article-detail h1 { margin:0 0 25px; }
.tag-cloud { display:flex; padding:20px 0; flex-wrap:wrap; gap:5px; }
.tag-cloud > span { display:inline-flex; padding:4px 7px; border:1px solid #e4e6e8; border-radius:3px; color:#555; font-size:13px; line-height:1.4; align-items:center; gap:4px; }
.tag-cloud small { color:#aaa; font-size:11px; }
.tags-page { display:block !important; }
.verification-page .recovered-video { display:block; width:100%; margin:15px 0 25px; aspect-ratio:16/9; background:#111; }
.mobile-menu-toggle { display:none; }

@media (max-width:1220px) {
  .bread-clear,.static-friend-links,.footer-widget { width:calc(100% - 32px); }
  #primary-cms #primary,.article-layout #primary { min-width:0; flex:1 1 auto; width:auto; }
  #primary-cms #sidebar,.article-layout #sidebar { flex:0 0 26.8%; width:26.8%; }
  .home-slider { width:100%; }
  .home-slider-main { min-width:0; flex:1; }
  .home-slider-side { width:26.5%; flex:0 0 26.5%; }
}

@media (max-width:760px) {
  :root { --be-h:45px; --be-h-s:45px; --be-m-li:45px; }
  .site-header-s,.site-header-s .header-main,.header-main { height:45px; }
  .header-top { display:none; }
  .site-header-s .be-menu-main { margin-top:0; }
  .navigation-top { position:relative; display:block; width:100%; height:45px; }
  .be-nav-box { display:flex; width:100%; height:45px; min-height:45px; padding:0; align-items:center; }
  .be-nav-l { width:100%; height:45px; }
  .be-nav-logo { position:absolute; top:0; right:45px; left:45px; height:45px; }
  .logo-site { display:flex; height:45px; align-items:center; justify-content:center; }
  .logo-site > a { height:45px; }
  .logo-small { width:34px; height:34px; margin-right:7px; flex-basis:34px; }
  .logo-small img { width:34px; height:34px; }
  .site-name-main { height:45px; }
  .logo-site .site-name { font-size:16px; line-height:20px; }
  .site-description { display:none; }
  .mobile-menu-toggle { position:absolute; top:7px; left:7px; z-index:60; display:grid; width:32px; height:30px; padding:0; border:0; background:transparent; color:#666; place-items:center; }
  .mobile-menu-toggle .dashicons { width:20px; height:20px; font-size:20px; }
  .be-nav-wrap { display:none; }
  .mobile-menu-open .be-nav-wrap { position:fixed; top:45px; right:0; left:0; z-index:50; display:block; max-height:calc(100vh - 45px); overflow-y:auto; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.12); }
  .mobile-menu-open .site-nav-main,.mobile-menu-open .main-nav { display:block; width:100%; }
  .mobile-menu-open .main-nav .down-menu { display:block !important; margin:0; padding:8px 0; }
  .mobile-menu-open .main-nav .down-menu li { display:block; width:100%; }
  .mobile-menu-open .menu_c .main-nav .down-menu a { display:block; height:auto; padding:10px 20px; line-height:24px; }
  .be-nav-r { position:absolute; top:7px; right:5px; display:flex; width:34px; height:30px; min-width:34px; }
  .header-search-panel { top:45px; }
  .bread-clear { width:100%; height:25px; }
  .bread { display:block; height:25px; visibility:hidden; }
  #primary-cms { display:block; }
  #primary-cms #primary,.article-layout #primary { width:100%; }
  #primary-cms #sidebar,.article-layout #sidebar { display:none; }
  .home-slider { width:100%; height:189px; margin:0; padding:0 10px 10px; gap:6px; }
  .home-slider-main { height:179px; border-radius:5px; }
  .home-slider-side { height:179px; gap:6px; }
  .post-default.post { min-height:105px; margin-bottom:10px; }
  .post-default .thumbnail { width:100px; height:75px; flex:0 0 100px; margin-right:15px; }
  .post-default .thumbs-b,.post-default .thumbs-back { width:100px; height:75px; padding-top:0; }
  .post-default .post-area { min-height:75px; padding-bottom:0; }
  .post-default .archive-content { display:none; }
  .home-pagination { padding:10px 15px; }
  .static-friend-links { width:100%; height:auto; margin:0; border-radius:0; }
  .static-friend-links nav { flex-wrap:wrap; }
  .footer-site-widget { height:auto; min-height:218px; margin-top:0; }
  .footer-widget { width:100%; height:auto; }
  .footer-widget-item { display:block; }
  .footer-widget .widget { width:100%; padding:12px 20px; }
  .article-layout { display:block; }
  .article-layout .post-item { padding:22px 15px 30px; border-radius:0; }
  .article-page .entry-title { margin:0 -15px; padding:5px 18px; border-left:0; font-size:21px; line-height:31px; text-align:left; }
  .article-page > .article-share-tools,.article-sidebar-toggle,.article-meta-button.print { display:none; }
  .single-content { font-size:15.5px; }
  .article-related { grid-template-columns:repeat(2,1fr); }
  .article-wechat { width:100%; }
  .tag-cloud { gap:4px; }
  .tag-cloud > span { padding:3px 5px; font-size:12px; }
}