*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:var(--primary);--primary-dark:#0E42D2;--secondary:#FF7D00;--danger:#F53F3F;--success:#00B42A;--warning:#FF7D00;--text-1:#1D2129;--text-2:#4E5969;--text-3:#86909C;--text-4:#C9CDD4;--bg-1:#FFFFFF;--bg-2:#F7F8FA;--bg-3:#F2F3F5;--border:#E5E6EB;--border-light:#F2F3F5;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Noto Color Emoji","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;color:var(--text-2);background-color:var(--bg-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@font-face{font-family:'Noto Color Emoji';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/emoji.woff2) format('woff2');unicode-range:U+200d,U+261d,U+2620,U+2639-263a,U+2665,U+270a-270d,U+2728,U+2763-2764,U+2b50,U+fe0f,U+1f31a-1f31f,U+1f32b,U+1f383,U+1f389,U+1f3fb-1f3ff,U+1f440-1f450,U+1f463-1f465,U+1f479-1f47b,U+1f47d-1f480,U+1f485,U+1f48b-1f48c,U+1f493-1f49f,U+1f4a4-1f4a6,U+1f4a8-1f4ab,U+1f4af,U+1f525,U+1f573,U+1f590,U+1f595-1f596,U+1f5a4,U+1f5e3,U+1f600-1f644,U+1f648-1f64a,U+1f64c,U+1f64f,U+1f90c-1f925,U+1f927-1f92f,U+1f932-1f933,U+1f970-1f976,U+1f978-1f97a,U+1f9a0,U+1f9b4-1f9b7,U+1f9bb,U+1f9be-1f9bf,U+1f9d0,U+1f9e0-1f9e1,U+1fa75-1fa79,U+1fac0-1fac2,U+1fae0-1fae6,U+1fae8,U+1faf0-1faf8}
a{color:var(--text-2);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--primary)}
img{width:auto;max-width:100%;height:auto}
ol,ul{list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.top-bar{background-color:#f7f8fa;border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-3);height:32px;line-height:32px}
.top-bar .container{display:flex;justify-content:space-between;align-items:center}
.top-bar-left{display:flex;align-items:center;gap:12px}
.divider{color:var(--border)}
.top-bar-right{display:flex;align-items:center;gap:12px}
.top-bar-right a{color:var(--text-3);font-size:13px}
.top-bar-right a:hover{color:var(--primary)}
.login-link,.register-link{margin-left:4px}
.register-link{color:var(--primary)!important}
.main-header{background-color:var(--bg-1);box-shadow:var(--shadow-sm)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:30px}
.site-logo h1{font-size:28px;font-weight:800;letter-spacing:-.5px}
.site-logo h1 a{color:var(--text-1)}
.site-logo h1 span{color:var(--primary)}
.site-tagline{font-size:12px;color:var(--text-3);margin-top:2px}
.header-asd{position: relative;overflow: hidden;}
.header-asd img{display: block;border-radius:var(--radius-sm)}
.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px}
.mobile-menu-btn span{display:block;width:24px;height:2px;background-color:var(--text-1);border-radius:2px;transition:var(--transition)}
.main-nav{height:48px;background-color:var(--primary);position:sticky;top:0;z-index:100}
.main-nav .container{display:flex;align-items:center;justify-content:space-between}
.nav-list{display:flex;align-items:center}
.nav-list li{position:relative}
.nav-list li>a{display:block;padding:0 18px;height:48px;line-height:48px;color:rgba(255,255,255,.9);font-weight:500;font-size:14px;transition:var(--transition)}
.nav-list li.active>a,.nav-list li>a:hover{color:#fff;background-color:rgba(255,255,255,.1)}
.nav-list li.has-dropdown>a i{font-size:10px;margin-left:4px}
.dropdown{position:absolute;top:100%;left:0;min-width:160px;background-color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:99;padding:8px 0}
.nav-list li.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown li a{display:block;height: inherit;line-height: inherit;padding:10px 18px;color:var(--text-2);font-size:13px;transition:var(--transition)}
.dropdown li a:hover{background-color:var(--bg-2);color:var(--primary);padding-left:22px}
.nav-search form{display:flex;align-items:center;background-color:rgba(255,255,255,.15);border-radius:24px;padding:0 12px;height:32px;transition:var(--transition)}
.nav-search input{background:0 0;border:none;outline:0;color:#fff;width:180px;height:32px;font-size:13px;padding:0 2px;border-radius:24px}
.nav-search input::placeholder{color:rgba(255,255,255,.6)}
.nav-search button{background:0 0;border:none;color:rgba(255,255,255,.8);cursor:pointer;font-size:13px;padding:0 4px}
.hero-section{padding-top:24px}
.hero-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}
.hero-slider{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:420px;background-color:#000}
.slider-wrapper{position:relative;width:100%;height:100%}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}
.slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.slide img{width:100%;height:100%;object-fit:cover}
.slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 30px;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.5) 50%,transparent 100%);color:#fff}
.cat-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;margin-bottom:12px;text-transform:uppercase}
.cat-hot{background-color:var(--danger);color:#fff}
.cat-football{background-color:#0fc6c2;color:#fff}
.post-cat-badge{display:inline-block;padding:4px 12px;border-radius:4px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;margin-bottom:12px;text-transform:uppercase}
.cat-basketball{background-color:#f77234;color:#fff}
.cat-esports{background-color:#722ed1;color:#fff}
.cat-tennis{background-color:#14c9c9;color:#fff}
.cat-original{background:#ff6b35;color:#fff}
.cat-repost{background:#495057;color:#fff}
.cat-translate{background:#12b886;color:#fff}
.cat-featured{background:#f59f00;color:#fff}
.cat-hot{background:#e03131;color:#fff}
.cat-top{background:#3b5bdb;color:#fff}
.cat-contribute{background:#7950f2;color:#fff}
.cat-essence{background:#0ca678;color:#fff}
.cat-sponsor{background:#0c8599;color:#fff}
.slide-title{font-size:26px;font-weight:700;line-height:1.4;margin-bottom:12px;color:#fff}
.slide-meta{display:flex;gap:18px;font-size:13px;opacity:.85}
.slide-meta i{margin-right:4px}
.slider-controls button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.3);border:none;color:#fff;cursor:pointer;transition:var(--transition);font-size:14px;z-index:10}
.slider-controls button:hover{background-color:var(--primary)}
.prev-btn{left:15px}
.next-btn{right:15px}
.slider-dots{position:absolute;bottom:20px;right:30px;display:flex;gap:8px;z-index:10}
.dot{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.4);cursor:pointer;transition:var(--transition)}
.dot.active{background-color:#fff;width:24px;border-radius:4px}
.hero-featured{background-color:var(--bg-1);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.widget-title-sm{font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}
.widget-title-sm span{display:flex;align-items:center;gap:6px}
.widget-title-sm i{color:var(--danger)}
.featured-list{display:flex;flex-direction:column;gap:12px}
.featured-item{display:flex;gap:10px;padding-bottom:10px;border-bottom:1px dashed var(--border-light);transition:var(--transition)}
.featured-item:last-child{border-bottom:none;padding-bottom:0}
.featured-item:hover{transform:translateX(4px)}
.featured-thumb{position:relative;width:100px;height:68px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}
.featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.featured-item:hover .featured-thumb img{transform:scale(1.08)}
.thumb-cat{position:absolute;top:4px;left:4px;background-color:var(--primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:2px}
.featured-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.featured-content h4{font-size:13px;font-weight:500;line-height:1.5;color:var(--text-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-item:hover h4 a{color:var(--primary)}
.featured-date{font-size:11px;color:var(--text-3)}
.featured-date i{margin-right:3px}
.category-ticker{margin-top:24px}
.ticker-wrapper{display:flex;align-items:center;height:50px;gap:20px}
.ticker-label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-1);white-space:nowrap;padding-right:20px;border-right:1px solid var(--border-light)}
.ticker-label i{color:var(--danger)}
.ticker-items{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:none}
.ticker-items::-webkit-scrollbar{display:none}
.ticker-item{display:flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--bg-2);border-radius:20px;font-size:13px;color:var(--text-2);white-space:nowrap;transition:var(--transition)}
.ticker-item:hover{background-color:var(--primary);color:#fff}
.ticker-icon{font-size:14px}
.main-content{padding-top: 24px;}
.content-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}
.primary-content{min-width:0}
.content-block{background-color:var(--bg-1);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}
.block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}
.block-title{font-size:18px;font-weight:700;color:var(--text-1)}
.block-title span{position:relative;padding-left:12px}
.block-title span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background-color:var(--primary);border-radius:2px}
.block-tabs{display:flex;gap:16px;font-size:13px}
.block-tabs a{color:var(--text-3);position:relative}
.block-tabs a.tab-active{color:var(--primary);font-weight:600}
.block-tabs a:hover{color:var(--primary)}
.article-list{display:flex;flex-direction:column;gap:20px}
.article-card{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light);transition:var(--transition)}
.article-card:last-child{border-bottom:none;padding-bottom:0}
.article-thumb{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}
.article-thumb a{display:block;width:100%;height:100%}
.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.article-card:hover .article-thumb img{transform:transform: scale(1.05)}
.cat-label{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;z-index:2}
.article-body{flex:1;display:flex;flex-direction:column;min-width:0}
.article-title{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:10px;color:var(--text-1);transition:var(--transition)}
.article-title a{color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card:hover .article-title{color:var(--primary)}
.article-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-3);margin-bottom:10px;flex-wrap:wrap}
.meta-author{display:flex;align-items:center;gap:6px}
.meta-author img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.article-meta i{margin-right:3px}
.article-excerpt{font-size:13px;line-height:1.7;color:var(--text-2);margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-light)}
.read-more{font-size:12px;color:var(--primary);font-weight:500;display:flex;align-items:center;gap:4px}
.read-more:hover{gap:8px;color:var(--primary-dark)}
.article-tags{display:flex;gap:8px}
.article-tags a{font-size:11px;color:var(--text-3);padding:2px 8px;background-color:var(--bg-2);border-radius:3px;transition:var(--transition)}
.article-tags a:hover{background-color:var(--primary);color:#fff}
.article-card.gallery{flex-direction:column}
.format-badge{align-items:center;padding:3px 10px;background-color:var(--bg-2);color:var(--text-2);font-size:11px;border-radius:4px;margin-bottom:10px;align-self:flex-start}
.format-cat{align-items:center;padding:3px 10px;background:#ff9a44;color:#fff;border-radius:4px;font-size:11px;margin-bottom:10px;align-self:flex-start}
.post-badge-group{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.post-badge-group .format-badge,.post-badge-group .format-cat{margin-bottom:0}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.gallery-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:4/3;cursor:pointer}
.gallery-item{position:relative}
.gallery-item .post-category{position:absolute;top:4px;left:4px;z-index:2}
.gallery-item .cat-label{padding:2px 6px;font-size:10px;border-radius:2px}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.gallery-item:hover img{transform:scale(1.1);transition:all .6s ease}
.gallery-item.gallery-more{background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:500;transition:var(--transition)}
.gallery-item.gallery-more:hover{background-color:rgba(22,93,255,.8)}
.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);transition:var(--transition)}
.article-thumb:hover .play-overlay{background-color:rgba(0,0,0,.4)}
.play-btn{width:48px;height:48px;border-radius:50%;background-color:rgba(255,255,255,.9);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px;transition:var(--transition);padding-left:3px}
.article-thumb:hover .play-btn{transform:scale(1.1);background-color:var(--primary);color:#fff}
.video-duration{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:2px 6px;border-radius:3px}
.article-card.is-sticky{position:relative}
.sticky-badge{position:absolute;top:12px;right:12px;padding:2px 8px;background:var(--primary);color:#fff;font-size:11px;border-radius:3px;z-index:2}
.article-card.is-sticky .article-title{font-size:19px}
.inline-hot-block{margin:20px 0;padding:16px;background:#fafbfc;border-radius:var(--radius-md);border:1px solid var(--border-light)}
.inline-block-title{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.inline-block-title i{color:var(--danger)}
.inline-hot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.inline-hot-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);line-height:1.5;transition:color .2s}
.inline-hot-item:hover{color:var(--primary)}
.hot-num{flex-shrink:0;width:18px;height:18px;line-height:18px;text-align:center;background:var(--bg-3);color:var(--text-3);font-size:11px;font-weight:600;border-radius:2px}
.inline-hot-item:nth-child(-n+3) .hot-num{background:var(--danger);color:#fff}
.hot-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flash-inner{background:#fff;border-radius:var(--radius-lg);padding:12px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px}
.ticker-wrapper{background:#fff;border-radius:var(--radius-lg);padding:12px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px}
.ticker-label{padding-right:20px;border-right:1px solid var(--border-light);margin:0}
.hot-articles-section{margin-top:24px}
.hot-articles-wrap{background:var(--bg-1);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}
.hot-articles-wrap .block-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}
.hot-articles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.hot-article-card{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-2);border:1px solid transparent;transition:all .3s cubic-bezier(.4, 0, .2, 1)}
.hot-article-card:hover{transform:translateY(-4px);background:var(--bg-1);border-color:var(--border-light);box-shadow:0 8px 20px rgba(22,93,255,.12)}
.hot-article-thumb{position:relative;aspect-ratio:3/2;overflow:hidden}
.hot-article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.hot-article-card:hover .hot-article-thumb img{transform:scale(1.05)}
.hot-badge{position:absolute;top:10px;left:10px;padding:2px 8px;background:linear-gradient(135deg,#ff4d4f 0,#ff7875 100%);color:#fff;font-size:12px;font-weight:600;border-radius:4px;z-index:2}
.hot-article-body{padding:12px 14px}
.hot-article-cat{display:inline-block;padding:2px 6px;background:rgba(22,93,255,.1);color:var(--primary);font-size:12px;border-radius:3px;margin-bottom:8px}
.hot-article-title{font-size:14px;font-weight:500;color:var(--text-1);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.hot-article-card:hover .hot-article-title{color:var(--primary)}
.hot-article-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3)}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-light);flex-wrap:wrap}
.page-numbers{display:flex;gap:8px}
.page-next,.page-numbers a,.page-prev{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-2);background-color:var(--bg-1);transition:var(--transition)}
.page-next:hover:not(.disabled),.page-numbers a:hover,.page-prev:hover:not(.disabled){border-color:var(--primary);color:var(--primary)}
.page-numbers a.current{background-color:var(--primary);border-color:var(--primary);color:#fff}
.page-dots{display:inline-flex;align-items:center;padding:0 4px;color:var(--text-3)}
.page-next.disabled,.page-prev.disabled{opacity:.5;cursor:not-allowed}
.sidebar{display:flex;flex-direction:column;gap:20px}
.widget{background-color:var(--bg-1);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}
.widget-title{font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}
.widget-title span{display:flex;align-items:center;gap:6px}
.divSearchPanel form{display:flex;position:relative}
.divSearchPanel input{flex:1;height:40px;padding:0 40px 0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;outline:0;transition:var(--transition)}
.divSearchPanel input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,93,255,.1)}
.divSearchPanel input[type=submit i]{position:absolute;right:0;top:0;width:40px;height:40px;border:none;background-color:var(--primary);color:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;transition:var(--transition)}
.divSearchPanel input[type=submit i] :hover{background-color:var(--primary-dark)}
.san_Popular ul{counter-reset:rank}
.san_Popular ul li{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border-light);transition:var(--transition)}
.san_Popular ul li:last-child{border-bottom:none;padding-bottom:0}
.san_Popular ul li:hover{transform:translateX(4px)}
.rank-num{flex-shrink:0;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;background-color:var(--bg-3);color:var(--text-3);border-radius:3px;margin-top:2px}
.rank-1{background-color:#ff3b30;color:#fff}
.rank-2{background-color:#ff9500;color:#fff}
.rank-3{background-color:#fc0;color:#fff}
.rank-content{flex:1;min-width:0}
.rank-content h4{font-size:13px;font-weight:500;line-height:1.5;color:var(--text-1);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.san_Popular ul li:hover h4 a{color:var(--primary)}
.rank-views{font-size:11px;color:var(--text-3)}
.rank-views i{margin-right:3px}
.san_Random{padding:0}
.san_Random .widget-body{margin-top:0;border-radius:8px;overflow:hidden}
.divPrevious .widget-body{margin-top:0}
.divPrevious ul .item{margin-top:12px}
.divPrevious ul .item:first-child{margin-top:0}
.item-content{display:flex}
.gray-dot{width:4px;height:4px;border-radius:50%;background-color:var(--primary);position:relative;top:8px}
.divPrevious .item-content a{flex:1;margin-left:12px;max-height:44px;font-size:13px;font-weight:500;line-height:22px;cursor:pointer;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.san_Commented .item{display:flex;gap:10px;padding:10px 0}
.san_Commented .item:first-child{padding-top:0}
.san_Commented .media-wrapper{position:relative;width:90px;height:65px;flex-shrink:0}
.san_Commented .media-link{display:block;width:100%;height:100%;overflow:hidden;border-radius:8px}
.san_Commented .media-img{width:100%;height:100%;object-fit:cover}
.san_Commented .badge-overlay{position:absolute;top:5px;left:5px}
.san_Commented .content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.san_Commented .content-wrapper h3{font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:auto;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.san_Commented .title{font-size:16px;font-weight:700;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.san_Commented .timestamp{font-size:12px;margin-right:8px;font-weight:400;color:#aaaeb3}
.dt-grid-container{gap:20px;list-style:none;padding:0;margin:0}
.dt-grid-item{position:relative;margin-bottom:20px}
.dt-image-card{position:relative;overflow:hidden;border-radius:5px}
.dt-image{width:100%;height:auto;display:block}
.dt-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));padding:15px 10px}
.dt-title{margin:0;color:#fff;font-size:13px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.dt-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:8px;color:#eee}
.dt-info a{color:#fff}
.dt-category a{color:#fff;text-decoration:none}
.dt-stats span{margin-left:10px;align-items:center}
.dt-stats span.material-icons-outlined{font-size:16px;vertical-align:sub;margin-left:0;padding-right:5px}
.dt-stats i{margin-right:5px}
.img-tu3 .im-grid-container{grid-template-columns:repeat(3,1fr)}
.divCalendar .widget-body{margin-top:0}
.divCalendar table{width:100%;border-collapse:collapse;text-align:center;background-color:#fff}
.divCalendar caption{font-size:16px;font-weight:700;color:#333;padding:10px 0}
.divCalendar caption a{color:var(--primary);text-decoration:none;transition:color .3s}
.divCalendar caption a:hover{color:#0056b3}
.divCalendar td,.divCalendar th{padding:10px;border:1px solid #ddd;font-size:13px}
.divCalendar th{background-color:#f0f0f0;color:#666;font-weight:400}
.divCalendar td{color:#333;transition:background-color .3s,color .3s}
.divCalendar td a{text-decoration:none;color:inherit;display:block;width:100%;height:100%;color:var(--primary)}
.divCalendar td a:visited{color:#555}
.divCalendar td.empty{background-color:#f9f9f9;pointer-events:none}
.divCalendar tbody tr:nth-child(2n) td{background-color:#fafafa}
.divContorPanel .cp-hello{font-size:13px;margin-bottom:-10px;display:block}
.cp-login{font-size:13px;margin-right:14px}
.cp-vrs{font-size:13px}
.cp-login::before,.cp-vrs::before{content:'';width:10px;height:10px;border-radius:100%;display:inline-block;margin-right:3px}
.cp-login::before{background-color:#ff3e3e}
.cp-vrs::before{background-color:#2d89ef}
.divNavBar li{margin-bottom:10px}
.divNavBar li ul{margin:10px 0 10px 15px}
.divNavBar a{display:block;font-size:13px;padding:10px 15px;text-decoration:none;border-radius:5px;background-color:#f5f5f5}
.divNavBar a:hover{background-color:var(--primary);color:#fff}
.divNavBar .sub{margin-left:20px;margin-top:5px}
.divNavBar .sub .li-subcate{margin-bottom:5px}
.divNavBar .sub a{padding:8px 15px;font-size:14px;background-color:#f5f5f5}
.divNavBar .sub a:hover{background-color:#0056b3;color:#fff}
.divCatalog li{font-size:13px;margin-bottom:10px;color:#333;display:block;padding:10px 15px;background-color:#f5f5f5;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.divCatalog a{color:#333}
.divCatalog li:hover{background-color:var(--primary);color:#fff}
.divCatalog li:hover a{color:#fff}
.divArchives ul{list-style:none;padding:0;margin:0}
.divArchives ul li{display:inline-block;margin-right:15px;margin-bottom:5px}
.divArchives ul li a{font-size:13px;font-weight:500}
.divArchives ul li a:hover{color:var(--primary)}
.divStatistics ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
.divStatistics ul li{flex:0 0 50%;box-sizing:border-box;padding-right:10px;margin-bottom:5px;font-size:13px;font-weight:500;display:flex}
.divStatistics ul li::before{content:"•";margin-right:5px;color:var(--primary)}
.divMisc .widget-body{margin-top:0}
.divMisc li{float:left;width:43%;margin-right:10px}
.divFavorites ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
.divFavorites ul li{flex:0 0 50%;box-sizing:border-box;padding-right:10px;margin-bottom:5px;font-size:13px;font-weight:500;display:flex}
.divFavorites ul li::before{content:"•";margin-right:5px;color:var(--primary)}
.divLinkage ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
.divLinkage ul li{flex:0 0 50%;box-sizing:border-box;padding-right:10px;margin-bottom:5px;font-size:13px;font-weight:500;display:flex}
.divLinkage ul li::before{content:"•";margin-right:5px;color:var(--primary)}
.divAuthors ul{list-style:none;padding:0;margin:0}
.divAuthors ul li{display:inline-block;margin-right:15px;margin-bottom:5px}
.divAuthors ul li a{font-size:13px;font-weight:500}
.divAuthors ul li a:hover{color:var(--primary)}
.divComments .widget-body ul{margin:0;padding:0;list-style:none}
.divComments .comment-item a{display:flex;gap:12px;padding:12px 8px 12px 8px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s cubic-bezier(.25, .8, .25, 1);border-radius:6px}
.divComments .comment-item:hover{background-color:#f5f9ff}
.divComments .comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:2px}
.divComments .comment-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.divComments .comment-item:hover .comment-avatar img{transform:scale(1.1)}
.divComments .comment-main{flex:1;min-width:0}
.divComments .comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.divComments .user-name{font-size:13px;font-weight:500;color:#333;transition:color .2s ease}
.divComments .comment-item:hover .user-name{color:var(--primary)}
.divComments .comment-time{font-size:11px;color:#999;white-space:nowrap}
.divComments .comment-text{margin:0 0 4px 0;font-size:13px;color:#666;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.divComments .comment-source{display:block;font-size:11px;color:#999;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}
.divComments .comment-item:hover .comment-source{color:var(--primary)}
.widget-random-post{color:#fff;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word}
.widget-random-thumbnail{height:260px;position:relative;display:block;overflow:hidden;padding:0;flex-shrink:0;border-radius:5px}
.widget-random-image{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#f3f3f3;transition:all .3s ease-in-out}
.widget-random-image img{display:block;object-fit:cover;width:100%;height:100%;transition:all .6s}
.widget-random-post:hover img{transform:scale(1.1)}
.widget-random-overlay{width:100%;height:100%;background-color:#20232b;position:absolute;opacity:.4;top:0;left:0;transition:opacity .3s ease-in-out}
.widget-random-thumbnail:after{content:'';display:block;padding-top:100%}
.widget-random-content{position:absolute;left:0;bottom:0;width:100%;color:#fff;padding:15px;z-index:2}
.widget-random-title{font-size:13px;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.widget-random-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:-webkit-gradient(linear,0 0,0 bottom,from(transparent),to(#000));z-index:-1}
.widget-random-content a{color:#fff}
.widget-random-content a:hover{color:#fff}
.widget-random-date{position:absolute;left:24px;top:24px}
.widget-random-date-center{text-align:center!important}
.widget-random-date-day{font-size:64px}
.widget-random-date-year-month{font-size:14px}
.widget-random-action{border-radius:100px;position:relative;width:40px;height:40px;padding:0;font-size:25px;text-align:center}
.widget-random-action span{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}
.icons-spin{display:inline-block;animation:rotate 2s linear infinite}
@keyframes rotate{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.widget-random-refresh{position:absolute;right:20px;top:35px;color:#fff;-webkit-animation:refresh-ring 1.2s linear infinite;animation:refresh-ring 1.2s linear infinite;z-index:2}
.widget-random-refresh:hover{color:#20232b;background-color:#ececec;border-color:#ececec}
.rm-content{padding-left:15px;position:relative}
.rm-content::before{content:'';position:absolute;width:5px;height:5px;border-radius:100%;left:0;top:9px}
.rm-content::before{background:#216de8}
.rm-content h4{margin-bottom:8px;line-height:21px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;position:relative}
.rm-cot-header{display:flex;justify-content:space-between;height:18px}
.rm-cot-header span{margin-right:8px;font-weight:400;color:#aaaeb3}
.rm-cot-header a{margin-right:16px}
.san_Readers li{width:24%;margin:0 0 3% 1%;padding-top:8px;text-align:center;line-height:1.5;border:0;display:inline-block;vertical-align:top}
.readers-img{margin-bottom:5px;display:block}
.readers-img img{width:40px;height:40px;margin:0 auto;border-radius:10%;display:block}
.readers-name{font-size:12px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.friend-links{clear:both;width:100%;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 20px -5px rgb(158 158 158 / 22%);margin-bottom:15px}
.friend-links .container{padding:20px 0}
.match-list-widget{display:flex;flex-direction:column;gap:12px}
.match-item{padding:12px;background-color:var(--bg-2);border-radius:var(--radius-md);transition:var(--transition)}
.match-item:hover{background-color:#f0f5ff}
.match-item.live{border-left:3px solid var(--danger)}
.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}
.match-league{color:var(--text-3);font-weight:500}
.match-status{color:var(--text-3)}
.live-badge{color:var(--danger);display:flex;align-items:center;gap:4px;font-weight:500}
.live-badge i{font-size:6px;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}
50%{opacity:.3}
}
.match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.team{display:flex;align-items:center;gap:6px;flex:1;font-size:13px;font-weight:500;color:var(--text-1)}
.team.home{justify-content:flex-start}
.team.away{justify-content:flex-end;flex-direction:row-reverse}
.team img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.score{flex-shrink:0;padding:0 12px;font-size:15px;font-weight:700;color:var(--text-1);font-family:'DIN Alternate',sans-serif}
.score-divider{margin:0 4px;color:var(--text-3);font-weight:400}
.time-only{font-size:13px;font-weight:500;color:var(--text-2)}
.match-time{text-align:center;font-size:11px;color:var(--text-3)}
.widget-more{display:block;text-align:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-light);font-size:12px;color:var(--primary);transition:var(--transition)}
.widget-more:hover{letter-spacing:1px}
.author-list{display:flex;flex-direction:column;gap:14px}
.author-card{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--bg-2);border-radius:var(--radius-md);position:relative;transition:var(--transition)}
.author-card:hover{background-color:#f0f5ff}
.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm);flex-shrink:0}
.author-info{flex:1;min-width:0}
.author-info h4{font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:2px}
.author-info p{font-size:11px;color:var(--text-3);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.author-stats{display:flex;gap:10px;font-size:11px;color:var(--text-3)}
.follow-btn{flex-shrink:0;padding:4px 12px;border:1px solid var(--primary);background-color:#fff;color:var(--primary);border-radius:16px;font-size:12px;cursor:pointer;transition:var(--transition)}
.follow-btn:hover{background-color:var(--primary);color:#fff}
.widget_newsletter{background:linear-gradient(135deg,var(--primary) 0,#0e42d2 100%);color:#fff;padding:0;overflow:hidden}
.newsletter-inner{padding:24px 20px;text-align:center}
.newsletter-inner h3{font-size:16px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}
.newsletter-inner p{font-size:12px;opacity:.85;margin-bottom:16px;line-height:1.6}
.newsletter-form{display:flex;flex-direction:column;gap:10px}
.newsletter-form input{height:38px;padding:0 12px;border:none;border-radius:var(--radius-sm);font-size:13px;outline:0}
.newsletter-form button{height:38px;border:none;background-color:#ff7d00;color:#fff;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:13px}
.newsletter-form button:hover{background-color:#ff9500;transform:translateY(-1px)}
.newsletter-note{display:block;margin-top:12px;font-size:11px;opacity:.7}
.divTags ul{display:flex;flex-wrap:wrap;gap:8px}
.divTags ul li a{padding:4px 12px;background-color:var(--bg-2);color:var(--text-2);font-size:12px;border-radius:16px;transition:var(--transition)}
.divTags ul li a:hover{background-color:var(--primary);color:#fff;transform:translateY(-1px)}
.widget_ad{padding:0;overflow:hidden}
.widget_ad img{width:100%;display:block}
.site-footer{margin-top: 24px;background-color:#1d2129;color:#c8c9cc}
.footer-main{padding:40px 0 30px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}
.footer-col h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:18px}
.footer-logo h2{font-size:24px;font-weight:800;margin-bottom:12px}
.footer-logo h2 a{color:#fff}
.footer-logo h2 img{max-height:40px;width:auto;object-fit:contain}
.footer-logo h2 span{color:var(--primary)}
.about-col p{font-size:13px;line-height:1.7;margin-bottom:16px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--transition)}
.footer-social a:hover{background-color:var(--primary);transform:translateY(-2px)}
.footer-links li{margin-bottom:10px}
.footer-links a{font-size:13px;color:#c8c9cc;transition:var(--transition)}
.footer-links a:hover{color:#fff;padding-left:4px}
.footer-contact li{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-bottom:12px;line-height:1.6}
.footer-contact i{width:16px;text-align:center;color:var(--primary);margin-top:3px;flex-shrink:0}
.footer-bottom{padding:20px 0;background-color:#171a1f}
.footer-bottom-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.copyright{font-size:12px}
.footer-bottom-inner a{color:#c8c9cc}
.footer-links-bottom{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.footer-links-bottom a{font-size:12px;color:#c8c9cc;transition:var(--transition)}
.footer-links-bottom a:hover{color:#fff}
.icp-info{font-size:11px;opacity:.7}
.change-actions{position:fixed;bottom:60px;right:30px;z-index:999999}
.action-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:15px;cursor:pointer;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2);z-index:10}
.scroll-to-top{transition:visibility .35s,transform .35s}
.scroll-to-top span{transform:rotate(-45deg)}
.action-button span{font-size:20px;color:#404044}
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.06);z-index:998;padding-bottom:env(safe-area-inset-bottom)}
.mobile-navbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--text-3);transition:var(--transition)}
.mobile-navbar-item i{font-size:18px}
.mobile-navbar-item.active{color:var(--primary)}
.breadcrumb-wrap{background:#fff;border-bottom:1px solid var(--border-light);height:44px;line-height:44px}
.breadcrumb{font-size:13px;color:var(--text-3)}
.breadcrumb a{color:var(--text-2);transition:color .2s}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .separator{margin:0 8px;font-size:12px;color:var(--text-4)}
.breadcrumb .current{color:var(--text-1);font-weight:500}
.article-detail{background:#fff;border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);margin-bottom:24px}
.article-header{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}
.article-title-lg{font-size:28px;font-weight:700;line-height:1.4;color:var(--text-1);margin:16px 0}
.article-meta-lg{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.meta-left{display:flex;align-items:center;gap:12px}
.author-avatar img{border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.author-info{display:flex;flex-direction:column}
.author-name{font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:2px}
.author-desc{font-size:12px;color:var(--text-3)}
.meta-right{display:flex;gap:20px;font-size:13px;color:var(--text-3)}
.meta-right i{margin-right:4px;color:var(--text-4)}
.article-cover{margin-bottom:28px;border-radius:var(--radius-md);overflow:hidden}
.article-cover img{width:100%;height:auto;display:block}
.cover-caption{font-size:12px;color:var(--text-3);text-align:center;padding:8px 0 0;font-style:italic}
.article-content{font-size:16px;line-height:1.8;color:var(--text-1);margin-bottom:30px}
.article-content p{margin-bottom:20px}
.article-content .lead{font-size:17px;font-weight:500;color:var(--text-1);padding:16px 20px;background:#f0f7ff;border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:28px;line-height:1.7}
.article-content h2{font-size:22px;font-weight:700;color:var(--text-1);margin:32px 0 16px;padding-left:12px;border-left:4px solid var(--primary);line-height:1.4}
.article-content h3{font-size:18px;font-weight:600;color:var(--text-1);margin:24px 0 12px;line-height:1.5}
.article-content blockquote{margin:24px 0;padding:20px 24px;background:#f8f9fa;border-radius:var(--radius-md);border-left:4px solid var(--secondary);position:relative}
.article-content blockquote::before{content:'"';position:absolute;top:10px;left:16px;font-size:40px;color:var(--secondary);font-family:Georgia,serif;opacity:.3;line-height:1}
.article-content blockquote p{margin-bottom:10px;font-size:15px;font-style:italic;color:var(--text-2);padding-left:20px}
.article-content blockquote cite{display:block;text-align:right;font-size:13px;color:var(--text-3);font-style:normal;font-weight:500}
.article-content table{width:100%!important;border-collapse:collapse;border-spacing:0;margin:16px auto;background:var(--bg-1);border-radius:var(--radius-sm);overflow:hidden}
.article-content table td,.article-content table th{border:1px solid var(--border);padding:10px 12px;font-size:14px;color:var(--text-2);text-align:center;vertical-align:middle}
.article-content table th{background-color:var(--bg-2);color:var(--text-1);font-weight:600}
.article-content table tr:nth-child(2n) td{background-color:var(--bg-2)}
.article-content table tr:hover td{background-color:rgba(22,93,255,.05)}
.article-content table td[valign],.article-content table td[width]{width:auto!important;height:auto!important}
.article-content table td:empty{color:var(--text-4)}
.content-image{margin:24px 0;text-align:center}
.content-image img{max-width:100%;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.image-caption{font-size:13px;color:var(--text-3);margin-top:8px;text-align:center;font-style:italic}
.article-content ol,.article-content ul{margin:16px 0 20px 24px}
.article-content ul {list-style: disc;color: var(--text-2);}
.article-content ol {list-style: decimal;counter-reset: num;}
.article-content li{margin-bottom:8px;line-height:1.8;color:var(--text-2)}
.article-content li strong{color:var(--text-1);font-weight:600}
.video-box{max-width:816px;margin:0 auto;border-radius:5px}
.article-content .video-box{padding:0}
.video-player-container{position:relative;width:100%;aspect-ratio:16/9;max-height:80vh;background-color:#000;border-radius:8px;overflow:hidden}
#dplayer,#dplayer1{width:100%;height:100%!important}
.video-episode-list{margin-top:20px;text-align:center}
.episode-btn{display:inline-block;margin:0 6px 10px 6px;padding:8px 16px;font-size:14px;border:1px solid #ccc;background-color:#f7f7f7;border-radius:20px;cursor:pointer;transition:all .2s}
.episode-btn:hover{background-color:#e6f0ff;border-color:var(--primary);color:var(--primary)}
.episode-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}
.data-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.data-table thead{background:var(--primary);color:#fff}
.data-table th{padding:12px 16px;text-align:left;font-weight:600}
.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-2)}
.data-table tbody tr{background:#fff;transition:background .2s}
.data-table tbody tr:nth-child(2n){background:#f8f9fa}
.data-table tbody tr:hover{background:#f0f7ff}
.article-content .highlight{padding:16px 20px;background:#fff7e6;border-radius:var(--radius-md);border-left:4px solid var(--warning);color:var(--text-1);font-weight:500;margin-top:20px}
.article-footer-bar{padding:20px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.article-tags-lg{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tags-label{font-size:13px;color:var(--text-3);margin-right:4px}
.tags-label i{margin-right:4px}
.article-tags-lg a{padding:4px 12px;background:var(--bg-2);color:var(--text-2);border-radius:16px;font-size:12px;transition:all .2s}
.article-tags-lg a:hover{background:var(--primary);color:#fff}
.share-box{display:flex;align-items:center;gap:8px}
.share-label{font-size:13px;color:var(--text-3)}
.share-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-2);color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.share-btn:hover{transform:translateY(-2px)}
.share-btn.weibo:hover{background:#e6162d;color:#fff}
.share-btn.wechat:hover{background:#07c160;color:#fff}
.share-btn.qq:hover{background:#12b7f5;color:#fff}
.share-btn.copy:hover{background:var(--primary);color:#fff}
.wechat-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:9999}
.wechat-popup{position:relative;width:320px;background:#fff;border-radius:12px;padding:25px;text-align:center}
.wechat-popup h4{margin:0 0 15px}
.wechat-popup p{margin-top:15px;color:#999;font-size:13px}
.wechat-close{position:absolute;top:10px;right:12px;border:none;background:0 0;font-size:24px;cursor:pointer}
#wechat-qrcode{display:flex;justify-content:center}
.donate-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999999}
.donate-modal{background:#fff;padding:25px;border-radius:5px;width:340px;max-width:90%;box-shadow:0 8px 20px rgba(0,0,0,.2);text-align:center;position:relative;animation:zoomIn .3s ease;transform-origin:center;display:flex;flex-direction:column;align-items:center}
@keyframes zoomIn{from{transform:scale(.8);opacity:0}
to{transform:scale(1);opacity:1}
}
.donate-close-btn{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;color:#aaa;transition:color .3s}
.donate-close-btn:hover{color:#333}
.donate-modal h3{margin-top:10px;font-size:18px;color:#333}
.donate-qr-img{width:180px;height:180px;border-radius:12px;margin-top:15px;border:1px solid #ddd;display:none;transition:transform .3s,opacity .3s}
.donate-qr-img.show{display:block;opacity:1;transform:scale(1)}
.donate-qr-img.hide{display:none;opacity:0;transform:scale(.9)}
.donate-btn-group{display:flex;justify-content:center;margin-top:20px}
.donate-switch-btn{background:#f1f1f1;color:#333;border:none;padding:8px 20px;cursor:pointer;transition:all .3s;border-radius:5px;font-size:16px;margin:0 5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.donate-switch-btn.active-wechat{background:linear-gradient(45deg,#4caf50,#81c784);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.donate-switch-btn.active-alipay{background:linear-gradient(45deg,#2196f3,#64b5f6);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.donate-switch-btn:hover{transform:scale(1.05)}
.report-modal{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999999}
.report-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:5px;width:90%;max-width:400px;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.input-field{width:100%;padding:10px;margin:5px 0 10px 0;border:1px solid #ddd;border-radius:4px;font-size:14px}
.submit-btn{width:100%;padding:10px;margin-top:10px;background-color:#3280fc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}
.submit-btn:hover{opacity:.8}
.report-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.report-modal-header h2{margin:0;font-size:20px}
.report-modal .close-btn{font-size:24px;cursor:pointer;color:#333}
.report-modal-body .san-report-group{margin-bottom:5px;position:relative}
.report-modal-body .san-report-group{margin-bottom:5px;position:relative}
.report-modal-body .san-report-group img{position:absolute;padding:0 5px 14px 0;bottom:0;right:0}
.san-report-group label:after{display:inline-block;content:'*';color:#ea644a;font-size:17px;vertical-align:sub}
.article-actions{display:flex;justify-content:center;gap:24px;margin-bottom:30px;padding:20px 0;background:#f8f9fa;border-radius:var(--radius-md)}
.action-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;border:1px solid var(--border);background:#fff;border-radius:20px;font-size:14px;color:var(--text-2);cursor:pointer;transition:all .2s}
.action-btn i{font-size:16px}
.action-btn em{font-style:normal;font-weight:500;color:var(--text-3);margin-left:2px}
.action-btn:hover{border-color:var(--primary);color:var(--primary)}
.action-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.action-btn.active em{color:#fff}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}
.next-post,.prev-post{display:block;padding:16px 20px;background:#f8f9fa;border-radius:var(--radius-md);transition:all .2s}
.next-post{text-align:right}
.nav-label{display:block;font-size:12px;color:var(--text-3);margin-bottom:6px}
.nav-label i{margin:0 4px}
.next-post h4,.prev-post h4{font-size:14px;font-weight:500;color:var(--text-1);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.next-post:hover,.prev-post:hover{background:#f0f7ff;transform:translateY(-2px)}
.next-post:hover h4,.prev-post:hover h4{color:var(--primary)}
.author-card-lg{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,#f8f9ff 0,#f0f7ff 100%);border-radius:var(--radius-lg);border:1px solid #e6efff}
.author-avatar-lg img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px rgba(22,93,255,.15)}
.author-info-lg{flex:1}
.author-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.author-head h4{font-size:18px;font-weight:600;color:var(--text-1)}
.author-badge{padding:2px 8px;background:var(--primary);color:#fff;font-size:11px;border-radius:4px;font-weight:500}
.author-bio{font-size:13px;color:var(--text-2);line-height:1.6}
.author-stats-lg{display:flex;gap:24px;font-size:13px;color:var(--text-3)}
.author-stats-lg strong{color:var(--text-1);font-weight:600;margin-right:4px}
.section-title{font-size:18px;font-weight:700;color:var(--text-1);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}
.section-title em{font-style:normal;font-size:14px;color:var(--text-3);font-weight:400;margin-left:6px}
.related-posts{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.related-card{transition:transform .2s}
.related-card:hover{transform:translateY(-4px)}
.related-thumb{display:block;border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px;aspect-ratio:16/10}
.related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.related-card:hover .related-thumb img{transform:scale(1.05)}
.related-cat{display:inline-block;padding:2px 6px;background:rgba(22,93,255,.1);color:var(--primary);font-size:11px;border-radius:3px;margin-bottom:6px}
.related-card h4{font-size:14px;font-weight:500;line-height:1.5;color:var(--text-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;transition:color .2s}
.related-card:hover h4{color:var(--primary)}
.related-date{font-size:12px;color:var(--text-3)}
.widget_author_side{text-align:center}
.side-author-top{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}
.side-author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.side-author-info{text-align:center}
.side-author-info h4{font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:2px}
.side-author-info p{font-size:12px;color:var(--text-3)}
.widget_author_side .follow-btn{width:100%;padding:8px 0;justify-content:center}
.side-author-stats{display:flex;justify-content:space-around;text-align:center}
.stat-item{flex:1}
.stat-item strong{display:block;font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:2px}
.stat-item span{font-size:12px;color:var(--text-3)}
.blog_block{margin-bottom:20px}
#comments{border-radius:5px;padding:15px;background:#fff}
#comments .compost{padding:0;margin-top:10px}
.compost_form{display:flex;flex-direction:column;margin-bottom:0;gap:10px;width:100%}
.compost_form .top{display:flex;gap:10px}
.compost_form .useravatar img{width:50px;height:50px}
.compost_form .username{font-size:16px;line-height:50px}
.comment-author .comment-ua img{float:inherit;width:13px;height:13px;padding:0;margin:0;vertical-align:text-bottom}
#comments .blog_comment_reply .replymengban,.avatar{border-radius:50%}
.compost_form .head{display:flex;width:100%;flex-wrap:wrap;align-items:center;gap:10px}
.compost_form .head .list{flex:1 1 calc(50% - 10px);position:relative}
.compost_form .head{display:block;width:100%;overflow:hidden}
.compost_form .head .list{float:left;width:calc(50% - 10px);margin:5px;position:relative}
.compost input,.compost textarea{font-family:"Noto Color Emoji",sans-serif;list-style:none;font-size:15px;border-radius:6px;border:unset;padding:10px;height:auto;line-height:25px;background:#34495e08;color:#34495e;width:100%}
.compost .verify{position:absolute;right:3px;top:8px;z-index:1;border-radius:6px}
.compost_form .comment_body{display:flex;flex-direction:column;gap:10px}
.compost_form .comment_body textarea{min-height:150px;resize:vertical}
.comment_emoji_block{max-height:125px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));justify-items:center;align-items:center}
.comment_emoji_block span{font-size:25px;line-height:42px;cursor:pointer}
.compost_form .foot .right{display:flex;gap:10px;flex-direction:row}
.send_btn_style{cursor:pointer;color:#34495e;background:#34495e33;border-radius:6px;padding:5px 10px;line-height:34px;width:100%;text-align:center;-webkit-transition:.5s;transition:.5s}
.send_btn_style:hover{color:#fff;background:#607ab399}
.comment_reply{display:none;width:100px}
.comments-title{font-size:16px;line-height:1;position:relative;text-align:center;font-weight:600;margin-bottom:0;margin-top:20px}
.comments-title span{display:inline-block;padding:0 30px;background:#fff;position:relative;z-index:1}
.comments-title:before{display:block;content:'';border-top:1px solid #e7e7e7;position:relative;top:8px;z-index:1}
.comment-list{padding:0;margin:0}
.comment-list .comment-parent{padding:14px 0 14px 0}
.comment-list .comment-parent{list-style:none;border-bottom:1px dashed #eee}
.comment-body{padding:10px 0 0 0;position:relative}
.comment-author{font-size:14px}
.comment-author img{float:left;width:40px;height:40px;padding:3px;margin:0 10px 0 0}
.comment-list cite.fn,.comment-list cite.fn a{font-style:normal;line-height:20px;color:#333;padding-right:3px;font-size:14px}
.comment-ua{font-size:12px;color:#8599ab}
.comment-meta{line-height:1;color:#8599ab;font-size:12px}
.comment-list .comment-meta{font-size:14px;padding-top:3px;padding-bottom:5px}
.comment-meta span{font-style:normal;color:#8599ab;font-size:12px}
.comment-content{word-wrap:break-word}
#comments p{letter-spacing:.013rem}
.comment-body .reply{position:absolute;top:30px;right:0}
.comment-reply-link{float:right;font-size:12px;line-height:20px;padding:0 6px;background:#3280fc;border-radius:4px;display:none;cursor:pointer}
.comment-reply-link a{color:#fff}
.comment-body:hover .comment-reply-link{display:block}
.comment-list .comment-list .comment-parent{margin-left:50px;border-bottom:0;padding-bottom:0;padding-top:10px}
#comments p{letter-spacing:.26px}
.comment-content a{font-size:12px}
#comments p,.comment-child{margin:0 0 0 50px}
.comments_e{margin:0 0 5px 50px!important}
.comments_e a{color:#3280fc}
.news-flash{margin-top:24px}
.flash-inner{display:flex;align-items:center;gap:20px}
.flash-label{flex-shrink:0;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--danger);font-size:14px}
.flash-label i{animation:pulse 1.5s infinite}
.flash-scroll{flex:1;overflow:hidden}
.flash-list{display:flex;gap:40px;animation:scrollLeft 20s linear infinite}
.flash-list:hover{animation-play-state:paused}
.flash-item{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;color:var(--text-2);transition:color .2s}
.flash-item:hover{color:var(--primary)}
.flash-tag{flex-shrink:0;padding:2px 6px;background:rgba(22,93,255,.1);color:var(--primary);font-size:12px;border-radius:3px;font-weight:500}
.flash-more{flex-shrink:0;font-size:13px;color:var(--text-3);display:flex;align-items:center;gap:4px}
.flash-more:hover{color:var(--primary)}
@keyframes scrollLeft{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.featured-topics{margin:20px 0;padding:20px;background:linear-gradient(135deg,#f8faff 0,#fff5f5 100%);border-radius:var(--radius-md);border:1px solid #eef2ff}
.topics-title{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:16px}
.topics-title i{color:var(--primary)}
.topics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.topic-card{display:block;border-radius:var(--radius-sm);overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}
.topic-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(22,93,255,.12)}
.topic-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.topic-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.topic-card:hover .topic-thumb img{transform:scale(1.05)}
.topic-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.6));display:flex;justify-content:flex-end}
.topic-count{font-size:12px;color:#fff;background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px;backdrop-filter:blur(4px)}
.topic-body{padding:12px 14px}
.topic-body h5{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:4px;line-height:1.4;transition:color .2s}
.topic-card:hover h5{color:var(--primary)}
.topic-body p{font-size:12px;color:var(--text-3);line-height:1.5}
.column-block{margin-top:24px}
.block-more{font-size:13px;color:var(--text-3);display:flex;align-items:center;gap:4px;transition:color .2s}
.block-more:hover{color:var(--primary)}
.column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.column-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--border-light);transition:all .3s ease}
.column-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:transparent}
.column-thumb{position:relative;aspect-ratio:16/10;overflow:hidden}
.column-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.column-card:hover .column-thumb img{transform:scale(1.06)}
.column-cat{position:absolute;top:12px;left:12px;padding:4px 10px;background:linear-gradient(135deg,var(--primary) 0,#4080ff 100%);color:#fff;font-size:12px;border-radius:4px;font-weight:500;box-shadow:0 2px 8px rgba(22,93,255,.3)}
.column-body{flex:1;padding:18px;display:flex;flex-direction:column}
.column-title{font-size:17px;font-weight:600;line-height:1.5;margin-bottom:10px;color:var(--text-1);transition:color .2s}
.column-title a{color:inherit}
.column-card:hover .column-title{color:var(--primary)}
.column-excerpt{flex:1;font-size:13px;color:var(--text-3);line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.column-author{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);padding-top:12px;border-top:1px dashed var(--border-light)}
.column-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.column-date{margin-left:auto}
.widget_rank .rank-table{overflow-x:auto}
.widget_rank table{width:100%;border-collapse:collapse;font-size:13px}
.widget_rank th{text-align:left;padding:8px 6px;font-weight:500;color:var(--text-3);border-bottom:1px solid var(--border-light);font-size:12px}
.widget_rank td{padding:10px 6px;border-bottom:1px solid var(--border-light);color:var(--text-2)}
.widget_rank tr:last-child td{border-bottom:none}
.team-name{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--text-1)}
.team-name img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.score-high{font-weight:600;color:var(--primary)}
.rank-top td{background:#f0f7ff}
.footer-partners{background:#fff;padding:24px 0;border-bottom:1px solid var(--border-light)}
.partners-title{font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:14px;text-align:center}
.partners-list ul{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px}
.partners-list li{font-size:14px;color:var(--text-3);transition:color .2s}
.partners-list li a:hover{color:var(--primary)}
.article-card{transition:all .3s cubic-bezier(.4, 0, .2, 1)}
.article-card:hover .article-thumb img{transform:scale(1.1);transition:all .6s ease}
.block-title span{position:relative;padding-left:14px}
.block-title span::before{width:4px;height:100%;border-radius:2px;background:linear-gradient(180deg,var(--primary) 0,#669eff 100%)}
.follow-btn{transition:all .2s ease}
.follow-btn:hover{background:linear-gradient(135deg,var(--primary) 0,#4080ff 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(22,93,255,.25)}
.follow-btn.followed{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}
.follow-btn.followed:hover{background:var(--bg-2);box-shadow:none}
.mobile-nav-header,.mobile-nav-mask{display:none}
.site-logo .logo-day{display:block}
.site-logo .logo-night{display:none}
body.night .site-logo .logo-day{display:none}
body.night .site-logo .logo-night{display:block}
.site-logo .logo img{max-height:50px;width:auto;object-fit:contain}
.site-logo .logo-text{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--text-1);line-height:1.2}
.site-logo .logo-text span{color:var(--primary)}
body.night .site-logo .logo-text{color:#fff}
body.night .site-logo .logo-text span{color:var(--primary)}
.slide-link{display:block;width:100%;height:100%;position:relative;color:inherit;text-decoration:none}
.slide.dragging{transition:none!important}
.slide img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.nav-list li ul{position:absolute;top:100%;left:0;min-width:160px;background-color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:99;padding:8px 0}
.nav-list li.has-dropdown:hover>ul{opacity:1;visibility:visible;transform:translateY(0)}
.article-card-citation{width:100%;height:100%;position:relative;display:flex;padding:10px;line-height:1.6;overflow:hidden;font-size:14px;max-width:550px;background:#eee;margin:auto;margin-bottom:20px;box-shadow:none;list-style:none;border-radius:4px;border:1px solid #ddd;transition:opacity .3s}
.article-card-citation a{text-decoration:inherit}
.article-card-citation .title-line-auto{font-size:16px;margin:0;font-weight:inherit;margin-top:-1px;height:45px;line-height:20px;padding-left:0;border-left:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;max-height:45px}
.article-card-citation{border-radius:8px}
.article-card-citation .post-thumbs{flex:0 0 96px;height:auto}
.article-card-citation .post-thumbs{margin-right:10px}
.article-card-citation .multi .post-thumbs{display:flex;margin-left:-16px;margin-top:16px;align-items:flex-end;justify-content:space-around}
.article-card-citation .multi .thumbs-item{width:25%;margin-left:16px}
.article-card-citation .multi .thumbs-item img{width:100%;max-height:150px;max-width:200px;border-radius:4px;-o-object-fit:cover;object-fit:cover}
.article-card-citation .thumbs-item img{display:block;width:96px;height:auto;border-radius:4px;-o-object-fit:cover;margin:0;object-fit:cover;transition:all .6s}
.article-card-citation .thumbs-item img:hover{transform:scale(1.1)}
.article-card-citation .post-main{flex:1}
.article-card-citation.layout-default h2{margin-top:-4px}
.article-card-citation .post-title{color:#202935;margin-left:0;font-size:16px;font-weight:700;line-height:1.5;transition:color .3s}
.article-card-citation .post-info{margin-top:10px;color:#8d8f96;align-items:center;line-height:1}
.article-card-citation .post-info .meta-item{margin-right:10px;font-size:13px}
.article-card-citation .post-info .meta-item .material-icons-outlined{font-size:16px;vertical-align:sub}
.article-card-citation .post-info .meta-item i{display:inline-block;margin-right:4px;font-size:14px}
.article-card-citation .post-info .info-user{color:#8d8f96}
.article-card-citation .list-cat-item{display:inline-block;margin-right:8px;padding:4px 8px;font-size:12px;color:#fff;line-height:1;margin-right:5px;position:relative;top:-2px;background:#03a9f4;border-radius:4px;vertical-align:text-bottom;transition:opacity .3s}
.article-card-citation .single-full .post-thumbs{display:block;margin-top:16px}
.article-card-citation:hover{background-color:#eee}
.abautor{padding:0!important;background:#fff;border-top-left-radius:8px!important;border-top-right-radius:8px!important}
.abautor .widget_avatar{position:relative;height:130px;background-repeat:no-repeat;background-position:center center;margin-bottom:45px;background-size:cover;border-top-left-radius:8px;border-top-right-radius:8px}
.abautor .widget_avatar a{display:block;position:absolute;top:85px;left:50%;margin-left:-46px;padding:6px;background-color:transparent;border-radius:100%}
.abautor img.widget-about-image{margin:0 auto;display:block;width:70px;height:70px;border-radius:99px}
.abautor .widget-about-intro{text-align:center;margin:15px 0 10px}
.abautor .widget-about-intro .name{font-weight:600}
.abautor .widget-about-intro .name h3{display:inline-block;font-size:14px;margin-top:0}
.abautor .widget-about-intro .widget-about-desc{font-size:12px;line-height:1;margin:7px 0;font-weight:400}
.abautor .widget-about-intro .widget-article-newest{text-transform:uppercase;margin:12px 0;position:relative}
.abautor ul.widget-about-posts{padding:0 20px 10px 20px;margin-top:-5px}
.abautor ul.widget-about-posts li{margin:10px 0;overflow:hidden;line-height:24px;position:relative;padding-left:13px}
.abautor ul.widget-about-posts li:before{position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--primary);content:""}
.abautor a.widget-posts-title{max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;line-height:inherit;font-size:13px}
.abautor .widget-posts-meta{font-size:13px;color:#969696;font-style:normal;float:right}
.abautor .widget-posts-text{text-align:left}
.abautor .widget-about-intro .widget-article-newest{text-transform:uppercase;margin:12px 0;position:relative}
.abautor .widget-article-newest:before{display:block;content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid rgba(0,0,0,.05);z-index:1}
.abautor .widget-article-newest span{padding:0 10px 0 10px;background:#fff;position:relative;z-index:2;color:var(--primary)}
.abautor i.author-ident:after{content:"";position:absolute;width:20px;height:20px;right:10px;top:58px}
.abautor i.author-ident.author1:after{background:url(images/vjin.png) no-repeat;background-size:20px}
.abautor i.author-ident.author2:after{background:url(images/vhuang.png) no-repeat;background-size:20px}
.abautor i.author-ident.author3:after{background:url(images/vlan.png) no-repeat;background-size:20px}
.abautor i.author-ident.author4:after{background:url(images/vhong.png) no-repeat;background-size:20px}
.abautor i.author-ident.author5:after{background:url(images/vfen.png) no-repeat;background-size:20px}
.abautor i.author-ident.author6:after{background:url(images/vhui.png) no-repeat;background-size:20px}
.abautor span.autlv{font-size:10px;color:#fff;display:inline-block;vertical-align:text-top;font-weight:400;border-radius:2px;line-height:1.4;padding:0 4px;margin-left:5px;letter-spacing:0}
.abautor .aut-1{background-image:-webkit-linear-gradient(0deg,rgba(253,165,34,.9294117647058824) 0,#fd4c4c 100%)}
.abautor .aut-2{background:#f6b044}
.abautor .aut-3{background:#c444f6}
.abautor .aut-4{background:#f69644}
.abautor .aut-5{background-image:linear-gradient(to right,#3ca5f6 0,#a86af9 100%);background-image:-webkit-linear-gradient(0deg,#3ca5f6 0,#a86af9 100%)}
.abautor .aut-6{background:#f64444}
.abautor .widget-posts-meta i{font-size:13px;color:#969696;font-style:normal;float:right}
.padding0{padding-top: 0;}
.tag-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.tag-list .tag-item{width:100%;margin:0;padding:0;float:none}
.tag-list .tag-item a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 15px;height:auto;line-height:1.4;font-size:13px;font-weight:500;color:#334155;background:#f8fafc;border-radius:8px;border:1px solid transparent;overflow:hidden;text-decoration:none;transition:all .35s cubic-bezier(.25, .8, .25, 1)}
.tag-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.tag-icon{font-size:18px;color:#94a3b8;flex-shrink:0;transition:color .3s ease}
.tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-list .tag-item .tag-count{position:static;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:400;color:#64748b;background:#fff;border-radius:20px;text-align:center;min-width:36px;line-height:1.2;transition:all .35s cubic-bezier(.25, .8, .25, 1)}
.tag-list .tag-item a:hover{background:linear-gradient(135deg,#4080ff 0,var(--primary) 100%);color:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(21,91,213,.25);border-color:rgba(21,91,213,.1)}
.tag-list .tag-item a:hover .tag-icon{color:rgba(255,255,255,.9)}
.tag-list .tag-item a:hover .tag-count{color:var(--primary);background:rgba(255,255,255,.95);transform:scale(1.05)}
.collection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:0 0 24px 0;padding:0}
.collection-item{width:100%;padding:0;margin:0;position:relative;z-index:2;box-sizing:border-box}
.collection-item>div{height:100%}
.collection-card{position:relative;width:100%;height:100%;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.25, .8, .25, 1);display:flex;flex-direction:column}
.collection-card:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(21,91,213,.12);border-color:rgba(21,91,213,.18)}
.collection-card::after{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#4080ff,var(--primary));transition:width .4s cubic-bezier(.25, .8, .25, 1);z-index:2}
.collection-card:hover::after{width:100%}
.card-cover{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
.cover-link{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.cover-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25, .8, .25, 1),filter .4s ease}
.collection-card:hover .cover-image{transform:scale(1.08);filter:brightness(1.05)}
.cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.25) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}
.collection-card:hover .cover-overlay{opacity:1}
.card-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;font-size:12px;font-weight:500;color:var(--primary);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}
.badge-icon{font-size:16px}
.collection-card:hover .card-badge{background:linear-gradient(135deg,#4080ff,var(--primary));color:#fff;transform:scale(1.05)}
.card-content{padding: 18px 20px 16px;flex:1;display:flex;flex-direction:column}
.card-title{margin:0 0 10px 0;font-size:17px;font-weight:600;line-height:1.5}
.card-title a{color:#1a1a1a;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.collection-card:hover .card-title a{color:var(--primary)}
.card-desc{margin:0 0 14px 0;font-size:13px;line-height:1.7;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #f0f2f5}
.meta-item{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#888}
.meta-item .material-icons-outlined{font-size:16px;opacity:.8}
.card-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--primary);background:rgba(21,91,213,.08);border-radius:20px;text-decoration:none;transition:all .3s cubic-bezier(.25, .8, .25, 1)}
.card-btn .material-icons-outlined{font-size:16px;transform:translateX(0);transition:transform .3s ease}
.collection-card:hover .card-btn{background:linear-gradient(135deg,#4080ff,var(--primary));color:#fff;box-shadow:0 4px 12px rgba(21,91,213,.25)}
.collection-card:hover .card-btn .material-icons-outlined{transform:translateX(3px)}
.collection-posts{padding-bottom:20px}
.collection-posts li{padding:5px 15px;font-size:15px;display:flex;line-height:1.4;align-items:center}
.collection-posts li span{flex-shrink:0;padding:0 8px;height:24px;line-height:24px;font-size:12px;color:#8590a6;background-color:#f6f6f6;border-radius:5px}
.collection-posts li a.post-link{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444}
.asd-banner{position:relative;width:100%;margin:20px auto;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.asd-banner a{display:block;width:100%;overflow:hidden}
.asd-banner img{width:100%;height:auto;display:block;transition:transform .4s ease}
.asd-banner:hover img{transform:scale(1.03)}
.asd-tag{position:absolute;left:12px;top:12px;padding:2px 8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;border-radius:3px;z-index:2}
.asd-banner-1{margin-top:10px;margin-bottom:25px}
.asd-banner-2{margin:15px 0}
.asd-banner-3{margin:24px 0}
.asd-footer-top{margin:24px 0 24px 0}
.article-inline-asd{width:100%;padding-bottom:20px;border-bottom:1px solid var(--border-light);transition:var(--transition);position:relative;overflow:hidden}
.article-inline-asd a{display:block}
.article-inline-asd img{display: block;width:100%;border-radius:6px;transition:transform .3s ease}
.article-inline-asd:hover img{transform:scale(1.02)}
.asd-inline-tag{position:absolute;top:18px;left:18px;font-size:12px;color:#999;background:#f5f5f5;padding:2px 10px;border-radius:15px}
.content-asd-full{width:100%;margin:30px 0;position:relative;overflow:hidden;border-radius:8px}
.content-asd-full img{width:100%;display:block;transition:all .3s ease}
.content-asd-full:hover img{transform:scale(1.02)}
.sidebar .widget_asd{padding:0;margin-bottom:24px;border-radius:8px;overflow:hidden}
.sidebar .widget_asd img{width:100%;display:block;transition:transform .3s ease}
.sidebar .widget_asd:hover img{transform:scale(1.03)}
.article-top-asd{position: relative;margin:20px 0;border-radius:var(--radius-md);overflow:hidden}
.article-top-asd img{width:100%;display:block;transition:transform .3s ease}
.article-top-asd:hover img{transform:scale(1.02)}
.article-flow-asd{margin:28px 0;padding:16px;background:var(--bg-1);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.flow-asd-tag{font-size:11px;color:var(--text-3);margin-bottom:8px}
.article-flow-asd img{display: block;width:100%;border-radius:var(--radius-sm)}
.related-top-asd{position: relative;margin:24px 0;border-radius:var(--radius-md);overflow:hidden}
.comment-top-asd{position: relative;margin:24px 0;border-radius:var(--radius-md);overflow:hidden}
.article-top-asd img,.comment-top-asd img,.related-top-asd img{width:100%;display:block;transition:transform .3s ease}
.article-top-asd:hover img,.comment-top-asd:hover img,.related-top-asd:hover img{transform:scale(1.02)}
.share{padding:18px 20px;background:#f5f9ff;border-radius:6px;border-left:4px solid var(--primary);line-height:1.6;margin-top:20px;box-sizing:border-box}
.share p{margin:0;margin-bottom:6px}
.share p:last-child{margin-bottom:0}
.share .red{color:red}
.load-next-page{padding:30px 0 10px 0;text-align:center;clear:both;margin-top:30px;border-top:1px solid var(--border-light)}
.load-next-page a{background-color:#216de8;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background-color .3s,box-shadow .3s}
.load-next-page a:hover{color:#fff;background-color:#313439}
.load-next-page .no-more-items{color:#8d8f96;background-color:inherit;padding:10px 20px;border:none;border-radius:inherit;font-size:inherit;cursor:inherit;transition:inherit;pointer-events:none}
.load-next-page .no-more-items:hover{background-color:inherit}
.night{background:#000}
.night .header{background:#212121}
.night .header .nav>li>a{color:#ececec}
.night .header .nav>li.active>a{color:#fff;font-weight:700}
.night .s_slide{color:#c8c9cc;background-color:#212121}
.night .recommend-list h4{color:#ececec}
.night .post-title{color:#ececec}
.night .post-excerpt{color:#c8c9cc}
.night .post-author-name{color:#c8c9cc}
.night .crumb{background-color:#212121;color:#ececec}
.night a{color:#ececec}
.night a:hover{color:#fff}
.night .article-container{background:#212121}
.night .article-container .post_tit h1{color:#ececec}
.night .article-container .post_tit .info{color:#ececec}
.night .article-container .post_tit .info span a{color:#ececec}
.night .widget{background-color:#212121}
.night .widget-title{color:#ececec}
.night .widget-title .title-text{background-color:#212121;color:#ececec}
.night .widget-header::before{border-bottom:1px solid #353535}
.night .divSearchPanel form input[type=text]{background:#f2f2f233;border:2px solid #f2f2f200}
.night .pagination ul>li>a{background-color:#333;color:#c8c9cc}
.night .article-container .post_tit{background:#212121}
.night .article-container .post_tit::before{border-bottom:1px solid #353535}
.night .meta-item{color:#c8c9cc}
.night .article_content code{background:#333}
.night .article_content strong{color:#ececec}
.night .article-tags{border-top:1px solid #353535}
.night .tags-title{color:#ececec}
.night .article_content pre,.night .comment pre{background:#333}
.night .article_content li{color:#c8c9cc}
.night .entry-page{background-color:#212121}
.night .related-posts{background-color:#212121}
.night .related-body h4{color:#ececec}
.night .related-meta{color:#c8c9cc}
.night .article_content{color:#c8c9cc}
.night .article_content p{color:#ececec}
.night .article_content h2,.night .article_content h3,.night .article_content h4,.night .article_content h5{color:#ececec}
.night .article-container .post_tit .info span a{color:#c8c9cc}
.night .post-navigation{background-color:#212121}
.night .post-navigation div span{color:#c8c9cc}
.night .cms-module__title{color:#ececec}
.night .comment-header{background-color:#333;border-bottom:0}
.night .comment-body{border:0;background:#282828}
.night .comment-body:after{border-right-color:#333!important}
.night .comment-body p{color:#ececec}
.night .comment-time{color:#c8c9cc}
.night #divCommentPost p a{color:#c8c9cc}
.night .article_content blockquote{background:#333}
.night #custom-bar{background:#212121}
.night #txaArticle{color:#fff;background:#f2f2f233;border:1px solid #212121}
.night .compost .com-info li input{color:#fff;background:#f2f2f233;border:1px solid #212121;outline:0}
.night .compost .com-info li .verify{outline:0;padding:0;border:1px solid #212121;border-left-width:0}
.night .custom-navigation li a{color:#ececec}
.night .custom-navigation li.on a{border-bottom:4px solid #ececec}
.night .custom-navigation li.hasSub>em{color:#ececec}
.night .custom-navigation ul ul{background:#212121}
.night .card-body{background:#212121;color:#ececec}
.night .card-body p{color:#c8c9cc;margin-top:10px}
.night .readers-name{color:#ececec}
.night .divComments li .author-info i{color:#ececec}
.night .divComments li .comment-inner p{color:#c8c9cc}
.night .divComments li .comment-refer .t{color:#c8c9cc}
.night .divComments li .comment-refer .t a{color:#c8c9cc}
.night .banner section:after,.night .headline span:after{background:-webkit-gradient(linear,0 0,0 bottom,from(transparent),to(rgb(103 103 103 / 50%)))}
.night .notice_headlines{background:#212121;border:1px solid #000}
.night .tu-info{color:#c8c9cc;border-top:1px solid #444}
.night .post-item{background:#212121}
.night .pagination{background:#212121}
.night .category-posts{background:#212121;color:#ececec}
.night .section-header h3{color:#ececec}
.night .posts-grid a{background:#333}
.night .post-card-body h4{color:#ececec}
.night .post-card-meta{color:#c8c9cc}
.night .site-footer{background:#272525}
.night .friend-links{background:#212121;color:#ececec}
.night .links-list a{background:#333}
.night .footer-links a,.night .footer-tags a{color:#c8c9cc}
.night .copyright-wrap a{color:#666}
.night .footer-social a{color:#bbb}
.night .divComments .comment-item a{border-bottom:1px dashed #353535}
.night .divComments .user-name{color:#ececec}
.night .divComments .comment-source,.night .divComments .comment-text{color:#c8c9cc}
.night .divComments .comment-item:hover{background-color:#333}
.night .divComments .comment-item:hover .user-name{color:#ececec}
.night .divComments .comment-item:hover .comment-source{color:#c8c9cc}
.night .section-header{border-bottom:1px solid #353535}
.night .post-list .post-item:not(:last-child){border-bottom:1px dashed #353535}
.night .post-list .post-title{color:#ececec}
.night .post-list .post-content{color:#c8c9cc}
.night .footer{color:#c8c9cc;border-top:1px solid #212121;background-color:#212121}
.night .header .san-adv-menu li ul,.night .header .san-adv-menu>.dropdown .dropdown-menu{background:#333}
.night .header .navbar-nav>.dropdown>a:after{border-bottom:8px solid #333}
.night .header .dropdown-menu>li>a{color:#c8c9cc}
.night .header .dropdown-menu>li>a:hover{background:#444;color:#fff}
.night .post-tag a{background:#555}
.night .share{background:#555;color:#c8c9cc}
.night .navbar-search-icon{color:#c8c9cc}
.night .navbar-search-inner .navbar-search-close{color:#c8c9cc}
.night .navbar-search-btn{color:#c8c9cc!important}
.night .navbar-search-input{border-left:1px solid #c8c9cc;color:#c8c9cc}
.night .icon-bar{background:#c8c9cc}
.night .navbar-collapse{background:#212121}
.night .collapse.in .primary-menu:before{background:#000}
.night .navbar-action a{background:#555;border:1px solid #555}
.night .header .logo .logo-day{display:none}
.night .header .logo .logo-night{display:block}
.night .page-banner .page-banner-top-bg{background:-webkit-gradient(linear,0 0,0 bottom,from(transparent),to(#000000f2))}
.night .poster-content p{color:#2a2a2a}
.night .poster-content h2{color:#2a2a2a}
.night .article_content blockquote:before{color:#c8c9cc}
.night .article-directory{color:#ececec;border:1px solid #888;background:#666}
.night .directory-title{color:#ececec}
.night .article-directory ol li::marker{color:#ececec}
.night .article-directory ol li a{color:#ececec}
.night .abautor .widget-article-newest span{background:#212121;color:#ececec}
.night .abautor .widget-article-newest:before{border-top:1px solid #4a4a4a}
.night .abautor .widget-about-intro{color:#ececec}
.night .abautor .widget-posts-meta i{color:#c8c9cc}
.night .bulletin-list{background:#212121}
.night .bulletin-list .bulletin-date{border-left:1px dashed #c8c9cc;color:#ececec}
.night .bulletin-list .bulletin-content p{color:#c8c9cc}
.night .divStatistics ul li{color:#c8c9cc}
.night .article-container .post_tit .info span{color:#c8c9cc}
.night .article-container .post_tit .info .post-list-cat{background-color:#c8c9cc1a}
.night .page-tags-info{border:1px solid #212121;background-color:#212121}
.night .page-tags-info h6{color:#ececec}
.night .page-tags-info p{color:#c8c9cc}
.night .page-tags-info:hover a{background:#666;border-color:#666}
.night .page-tags-info:hover{border-color:#666}
.night .collection-item-box{background-color:#212121}
.night .collection-posts li a.post-link{color:#ececec}
.night .collection-posts li span{color:#ececec;background-color:#666}
.night .post_info{background:#212121}
.night .post_info{border-bottom:1px solid #555;background:#212121}
.night .post_info span{color:#ececec}
.night .post_info .post-list-cat a{color:#ececec}
.night .post_info .post-list-cat{background-color:#666}
.night .hads,.night .hads2{background-color:#212121}
.night .post-content h2 a{color:#ececec}
.night .post-excerpt p{color:#c8c9cc}
.night .post-meta{color:#c8c9cc}
.night .post-meta a{color:#c8c9cc}
.night .post-item:hover h2 a{color:#fff}
.night .left_box_nav{background:#212121}
.night .divide{border-bottom:1px solid #4c4c4d}
.night .notice{color:#c8c9cc;background-color:#212121}
.night .article-suspended-panel ul li{background-color:#212121}
.night .article-suspended-panel ul li a i{color:#ececec}
.night .recommend{background-color:#212121}
.night .recommend h3{color:#ececec}
.night .recommend ul li{color:#ececec}
.night .recommend ul li a{color:#ececec}
.night .comments{background-color:#212121}
.night .comments_title h3{color:#ececec}
.night .comment-body:after,.night .comment-body:before{border-color:#212121;border-right-color:#333!important}
.night .tags-container{background:#212121}
.night .tag-list .tag-item a{color:#ececec;background:#333}
.night .tag-list .tag-item a .tag-info .tag-icon{color:#ececec}
.night .tag-list .tag-item .tag-count{color:#c8c9cc;background:#555}
.night .navbar-action .user-wrap{border-left:1px solid #333}
.night .tag-list .tag-item a:hover{background:#216de8}
.night .divCalendar table{background-color:#444}
.night .divCalendar th{background-color:#212121;color:#c8c9cc}
.night .divCalendar td{color:#c8c9cc}
.night .divCalendar tbody tr:nth-child(2n) td{background-color:#444}
.night .divCalendar td,.night .divCalendar th{border:1px solid #c8c9cc}
.night .post-container{background-color:#212121}
.night .content-title{text-shadow:inherit}
.night .forum-category{color:#c8c9cc;background:#444}
.night .post-info em{color:#c8c9cc}
.night .post-stats{color:#c8c9cc}
.night .post-box{border-bottom:1px solid #4c4c4d}
.night .content-title i{color:#fff}
.night .widget-random-content:after{background:-webkit-gradient(linear,0 0,0 bottom,from(transparent),to(rgb(103 103 103 / 50%)))}
.night .divNavBar a{color:#ececec;background-color:#333}
.night .divContorPanel .cp-hello{color:#ececec}
.night .divCatalog li{color:#ececec;background-color:#333}
.night .news-container{background-color:#212121}
.night .news-header .subtitle{color:#ececec}
.night .news-item p{color:#c8c9cc}
.night .news-header{border-bottom:1px solid #454040}
.night .collection-card{border:1px solid #212121;background-color:#212121}
.night .card-desc{color:#c8c9cc}
.night .card-footer{border-top:1px solid #333}
.night #comments{color:#ececec;background-color:#212121}
.night .send_btn_style{background:#ddddddad}
.night .compost input,.night .compost textarea{color:#fff;background:#f2f2f233;border:1px solid #212121}
.night .comment-list cite.fn,.night .comment-list cite.fn a{color:#ececec}
.night .comment-meta span{color:#c8c9cc}
.night .comments-title span{background-color:#212121}
.night .comments-title:before{border-top:1px solid #333}
.night .comment-list .comment-parent{border-bottom:1px dashed #333}
.night .send_btn_style:hover{color:#34495e;background:#e2ebff99}
.night .search-modal{background:#333}
.night .search-modal .search-bar input{color:#fff;background:#f2f2f233}
.night .search-modal .search-bar button{background:#f2f2f233;color:#ececec}
.night .search-modal .search-bar button:hover span{color:#c8c9cc}
.night .search-modal .tags .tag{background-color:#444}
.night .article-card-citation{color:#ececec;background:#f2f2f233;border:1px solid #f2f2f233}
.night .article-card-citation .post-info .info-user{color:#c8c9cc}
.night .article-header{border-bottom:1px solid #333}
.night .article-footer-bar{border-top:1px solid #333;border-bottom:1px solid #333}
.night .article-tags-lg a,.night .share-btn{background:#444}
.night .next-post,.night .prev-post{background:#444}
.night .article-actions{background:#444}
.night .article-actions .action-btn{border:1px solid #b3b3b3;background:#b3b3b3;color:#fbfbfb}
.night .nav-label,.night .next-post h4,.night .prev-post h4{color:#c8c9cc}
.night .author-card-lg{background:#444;border:1px solid #444}
.night .author-head h4{color:#ececec}
.night .author-bio{color:#c8c9cc}
.night .load-next-page{border-top:1px solid #444}
.night .section-title{color:#ececec}
.night .related-cat{background:#444;color:#c8c9cc}
.night .mobile-menu-btn span{background-color:#ececec}
.night .article-content{color:#c8c9cc}
.night .article-content p{color:#ececec}
.night .article-content h2,.night .article-content h3,.night .article-content h4,.night .article-content h5{color:#ececec}
.night .article-container .post_tit .info span a{color:#c8c9cc}
.night .article-content blockquote{background:#444}
.night .flash-inner{background:#212121}
.night .article-detail{background:#212121}
.night .article-title-lg{color:#ececec}
.night .divTags ul li a{background-color:#333;color:#c8c9cc}
.night .column-card{background:#212121;color:#ececec;border:1px solid #f2f2f233}
.night .nav-search{border-bottom:1px solid #2a2a2a}
.night .column-excerpt{color:#c8c9cc}
.night .column-author{color:#c8c9cc;border-top:1px dashed #f2f2f233}
.night .partners-title{color:#ececec}
.night .breadcrumb-wrap{background:#444;border-bottom:1px solid #444}
.night .breadcrumb,.night .breadcrumb .current{color:#ececec}
.night .top-bar{background-color:#212121;border-bottom-color:#2a2a2a;color:#c8c9cc}
.night .top-bar-right a{color:#c8c9cc}
.night .main-header{background-color:#212121;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.night .mobile-bottom-nav{background-color:#212121}
.night .site-tagline{color:#c8c9cc}
.night .main-nav{background-color:#212121}
.night .nav-list li>a{color:rgba(255,255,255,.75)}
.night .nav-list li.active>a,.night .nav-list li>a:hover{background-color:rgba(255,255,255,.12);color:#fff}
.night .dropdown li a:hover{background-color:#2a2a2a}
.night .nav-search form{background-color:rgba(255,255,255,.1)}
.night .nav-search form:focus-within{background-color:rgba(255,255,255,.18)}
.night .dropdown{background-color:#1e1e1e;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.night .dropdown li a{color:#d0d3d9}
.night .hero-featured{background-color:#1e1e1e}
.night .featured-item{border-bottom-color:#2a2a2a}
.night .ticker-wrapper{background-color:#1e1e1e}
.night .ticker-label{color:#ececec;border-right-color:#2a2a2a}
.night .block-title{color:#ececec}
.night .hot-article-title{color:#ececec}
.night .hot-article-cat{color:#c8c9cc}
.night .ticker-item{background-color:#252525;color:#d0d3d9}
.night .ticker-item:hover{background-color:var(--primary);color:#fff}
.night .content-block{background-color:#1e1e1e}
.night .block-header{border-bottom-color:#2a2a2a}
.night .block-tabs a{color:#c8c9cc}
.night .flash-tag{color:#c8c9cc}
.night .article-card{border-bottom-color:#2a2a2a}
.night .article-excerpt{color:#b0b6c0}
.night .article-footer{border-top-color:#2a2a2a}
.night .article-tags a{background-color:#252525;color:#c8c9cc}
.night .article-tags a:hover{background-color:var(--primary);color:#fff}
.night .format-badge{background-color:#252525;color:#c8c9cc}
.night .gallery-item.gallery-more{background-color:#c8c9cc}
.night .sticky-badge{background-color:var(--primary)}
.night .hot-articles-wrap{background-color:#1e1e1e}
.night .hot-article-card{background-color:#252525;border-color:#2a2a2a}
.night .hot-article-card:hover{background-color:#1e1e1e}
.night .hot-article-cat{background:rgba(22,93,255,.15)}
.night .inline-hot-block{background:#1a1a1a;border-color:#2a2a2a}
.night .hot-num{background:#252525;color:#c8c9cc}
.night .pagination{border-top-color:#2a2a2a}
.night .page-next,.night .page-numbers a,.night .page-prev{background-color:#252525;border-color:#333;color:#c8c9cc}
.night .page-next:hover:not(.disabled),.night .page-numbers a:hover,.night .page-prev:hover:not(.disabled){border-color:var(--primary);color:var(--primary)}
.night .page-numbers a.current{background-color:var(--primary);border-color:var(--primary);color:#fff}
.night .widget{background-color:#1e1e1e}
.night .widget-title{border-bottom-color:var(--primary)}
.night .divSearchPanel input{background-color:#000;border-color:#333;color:#d0d3d9}
.night .divSearchPanel input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,93,255,.15)}
.night .san_Popular ul li{border-bottom-color:#2a2a2a}
.night .rank-num{background-color:#252525;color:#c8c9cc}
.night .divPrevious .item-content a,.night .san_Commented .content-wrapper h3{color:#d0d3d9}
.night .widget_rank th{border-bottom-color:#2a2a2a;color:#c8c9cc}
.night .widget_rank td{border-bottom-color:#2a2a2a}
.night .rank-top td{background:#142033}
.night .footer-partners{background:#1e1e1e;border-bottom-color:#2a2a2a}
.night .partners-list li{color:#c8c9cc}
.night .mobile-nav-mask{background:rgba(0,0,0,.7)}
.night .main-nav.active{background-color:#1e1e1e}
.night .mobile-nav-header{border-bottom-color:#2a2a2a;background:#1e1e1e}
.night .nav-list li{border-bottom-color:#2a2a2a}
.night .nav-list li>a{color:#d0d3d9}
.night .nav-list .dropdown{background:#252525}
.night .tag-list .tag-item a{background:#252525}
.night .collection-card{background:#1e1e1e;border-color:#2a2a2a}
.night .card-desc{color:#c8c9cc}
.night .card-footer{border-top-color:#2a2a2a}
.night .asd-tag{background:rgba(255,255,255,.25);color:#eee}
.night .asd-inline-tag{background:#252525;color:#c8c9cc}
.night .article-inline-asd{border-bottom-color:#2a2a2a}
.night .share{background:#444;border-left-color:var(--primary);color:#d0d3d9}
.night .abautor{background:#1e1e1e}
.night .abautor ul.widget-about-posts li:before{background:var(--primary)}
.night .divCalendar td.empty{background-color:#161616}
.night .divCalendar tbody tr:nth-child(2n) td{background-color:#252525}
.night .divCatalog li,.night .divNavBar a{background-color:#252525;color:#d0d3d9}
.night .divCatalog li:hover,.night .divNavBar a:hover{background-color:var(--primary);color:#fff}
.night .divFavorites ul li::before,.night .divLinkage ul li::before,.night .divStatistics ul li::before{color:var(--primary)}
.night .float-tool{background-color:#252525;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.night .float-tool a{color:#d0d3d9}
.night .inline-block-title,.night .widget-title-sm span{color:#f2f3f5}
.night .inline-block-title i,.night .widget-title-sm i{color:#f53f3f}
.night .featured-date{color:#c8c9cc}
.night .article-content table{background:#282828}
.night .article-content table td,.night .article-content table th{border-color:#444;color:#c8c9cc}
.night .article-content table th{background:#333}
.night .article-content table tr:nth-child(2n) td{background:#303030}
.night .article-content table tr:hover td{background-color:rgba(64,128,255,.1)}
@media (max-width:1200px){.hot-articles-grid{grid-template-columns:repeat(4,1fr)}
.hot-articles-grid .hot-article-card:last-child{display:none}
.container{padding:0 16px}
.hero-grid{grid-template-columns:1fr 280px}
.content-layout{grid-template-columns:1fr 280px;gap:20px}
.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}
}
@media (max-width:992px){.mobile-nav-mask{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.4, 0, .2, 1)}
.mobile-nav-mask.active{opacity:1;visibility:visible}
.main-nav{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;background:#fff;z-index:1000;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 15px rgba(0,0,0,.08);transition:left .35s cubic-bezier(.4, 0, .2, 1)}
.main-nav.active{left:0}
.main-nav .container{flex-direction:column;align-items:stretch;padding:0;height:auto;max-width:100%}
.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);background:#fff;position:sticky;top:0;z-index:1}
.mobile-nav-logo{display:block;overflow:hidden;height:28px}
.mobile-nav-logo a{font-size:20px;font-weight:800;color:var(--text-1);text-decoration:none}
.mobile-nav-logo .logo-night{display:none}
.mobile-nav-logo img{max-height:28px}
.mobile-nav-logo span{color:var(--text-1)}
.mobile-nav-close{background:0 0;border:none;font-size:18px;color:var(--text-2);cursor:pointer;padding:4px;transition:color .2s}
.mobile-nav-close:hover{color:var(--primary)}
.nav-search{order:-1;width:100%;padding:12px 20px;border-bottom:1px solid var(--border-light)}
.nav-search form{background:var(--bg-2);height:40px}
.nav-search input{width:100%;color:var(--text-1);background:var(--bg-2)}
.nav-search input::placeholder{color:var(--text-3)}
.nav-search button{color:var(--text-3)}
.breadcrumb-wrap{display:none}
.nav-list{flex-direction:column;width:100%;padding:8px 0}
.nav-list li{width:100%;border-bottom:1px solid var(--border-light)}
.nav-list li:last-child{border-bottom:none}
.nav-list li>a{display:flex;justify-content:space-between;align-items:center;height:50px;line-height:50px;padding:0 20px;color:var(--text-1);font-size:15px;font-weight:500;transition:all .2s}
.nav-list li.active>a,.nav-list li>a:hover{background:var(--bg-2);color:var(--primary)}
.nav-list li.has-dropdown>a i{transition:transform .3s ease;font-size:12px}
.nav-list li.has-dropdown.open>a i{transform:rotate(180deg)}
.nav-list .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;background:var(--bg-2);display:none;padding:0}
.nav-list .dropdown.open{display:block}
.nav-list .dropdown li a{height:44px;line-height:44px;padding:0 20px 0 40px;font-size:14px;color:var(--text-2)}
.nav-list .dropdown li a:hover{padding-left:40px;background:rgba(22,93,255,.05);color:var(--primary)}
.mobile-menu-btn{display:flex}
.hot-articles-grid{grid-template-columns:repeat(3,1fr)}
.hot-articles-grid .hot-article-card:nth-child(4),.hot-articles-grid .hot-article-card:nth-child(5){display:none}
.top-bar{display:none}
.header-asd{display:none}
.hero-grid{grid-template-columns:1fr}
.hero-featured{display:none}
.sidebar{display:none}
.article-tags{display:none}
.page-next,.page-next.disabled,.page-prev,.page-prev.disabled{display:none}
.page-numbers{display:inline-block;gap:inherit}
.page-numbers a{margin:3px 0}
.content-layout{grid-template-columns:1fr}
.sidebar{order:-1}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px}
.about-col{grid-column:1/-1}
.mobile-menu-btn{display:flex}
.related-grid{grid-template-columns:repeat(2,1fr)}
.author-card-lg{flex-direction:column;align-items:center;text-align:center}
.author-head{justify-content:center;flex-wrap:wrap}
.author-stats-lg{justify-content:center}
.topics-grid{grid-template-columns:1fr}
.column-grid{grid-template-columns:1fr}
.nav-list li ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;background:var(--bg-2);display:none;padding:0}
.nav-list li ul.open{display:block}
}
@media (max-width:768px){.hero-slider{height:280px}
.slide-title{font-size:18px}
.slide-overlay{padding:40px 16px 16px}
.article-card{flex-direction:column;gap:12px}
.article-thumb{width:100%;height:180px}
.gallery-grid{grid-template-columns:repeat(3,1fr)}
.gallery-item:nth-child(4){display:none}
.category-ticker{margin-top:16px}
.ticker-wrapper{height:44px;gap:12px}
.ticker-label{padding-right:12px;font-size:13px}
.content-block{padding:16px}
.widget{padding:16px}
.footer-main{padding:30px 0 20px}
.back-to-top{bottom:70px;right:12px;width:40px;height:40px}
.mobile-bottom-nav{display:flex}
body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
.hot-articles-wrap{padding:16px}
.hot-articles-grid{grid-template-columns:repeat(2,1fr)}
.hot-articles-grid .hot-article-card:nth-child(4),.hot-articles-grid .hot-article-card:nth-child(5){display:block}
.inline-hot-grid{grid-template-columns:1fr}
.breadcrumb-wrap{display:none}
.article-detail{margin-bottom: 16px;padding:20px 16px}
.article-title-lg{font-size:22px}
.article-meta-lg{flex-direction:column;align-items:flex-start;gap:10px}
.article-content{font-size:15px}
.article-content h2{font-size:19px}
.article-content h3{font-size:16px}
.post-navigation{margin-bottom: 16px;grid-template-columns:1fr}
.article-footer-bar{flex-direction:column;align-items:flex-start}
.share-box{width:100%;justify-content:flex-start}
.article-actions{gap:12px;margin-bottom: 16px;padding:16px 0}
.action-btn{padding:8px 12px;font-size:13px}
.related-posts{margin-bottom: 16px;padding:20px 16px}
.comment-section{padding:20px 16px}
.comment-form{flex-direction:column}
.flash-more{display:none}
.flash-label{font-size:13px}
.featured-topics{padding:16px}
.column-body{padding:14px}
.column-title{font-size:15px}
.site-logo .logo img{max-height:32px}
.site-logo .logo-text{font-size:22px}
.asd-banner{margin:15px 0;border-radius:6px}
.article-inline-asd{margin: 0;padding: 0 0 20px 0;}
.asd-tag{font-size:10px;padding:2px 6px}
.content-asd-full{margin:20px 0}
.article-top-asd,.comment-top-asd,.related-top-asd{margin:16px 0}
.article-flow-asd{margin:22px 0;padding:12px}
.article-content table td,.article-content table th {padding: 8px 6px;font-size: 13px;}
.right_box{display: none;}
.blog_block {margin-bottom: 16px;}
}
@media (max-width:480px){.main-nav{width:88%}
.nav-list li>a{height:48px;line-height:48px;font-size:14px}
.hero-slider{height:220px}
.slide-title{font-size:16px}
.article-title{font-size:16px}
.article-thumb{height:160px}
.footer-grid{grid-template-columns:1fr;gap:24px}
.block-header{gap:10px}
.pagination{gap:8px}
.page-next,.page-numbers a,.page-prev{min-width:32px;height:32px;padding:0 8px;font-size:12px}
.hot-articles-grid{grid-template-columns:1fr}
.related-grid{grid-template-columns:1fr}
.article-title-lg{font-size:20px}
.article-content{font-size:14px}
.data-table{font-size:12px}
.data-table td,.data-table th{padding:8px 10px}
.author-stats-lg{gap:16px;flex-wrap:wrap}
.comment-replies{padding-left:8px}
.site-logo .logo img{max-height:28px}
.site-logo .logo-text{font-size:20px}
.asd-banner{margin:12px 0}
.article-inline-asd{margin:16px 0}
.hero-section{padding-top:16px}
.news-flash{margin-top:16px}
.asd-banner{margin:16px 0}
.main-content{padding:16px 0}
.article-card{padding-bottom:16px}
.article-footer{margin-top:16px;padding-top:16px}
.content-asd-full{margin:16px 0}
.content-layout{gap:15px}
.main-content {padding-top: 16px;}
.hot-articles-section {margin-top: 16px;}
}