:root{--bg:#f4f6f9;--card:#ffffff;--card-2:#f6f8fa;--text:#22272f;--text-2:#5c6472;--text-3:#99a1af;--border:#e9edf2;--border-2:#dce2ea;--primary:#1e80ff;--primary-2:#4d9fff;--primary-soft:rgba(30, 128, 255, .09);--accent:#ff7a45;--accent-soft:rgba(255, 122, 69, .1);--success:#18a058;--danger:#e5484d;--shadow:0 1px 2px rgba(31, 45, 61, .04),0 2px 12px rgba(31, 45, 61, .05);--shadow-lg:0 8px 28px rgba(31, 45, 61, .12);--toast-bg:#2b313b;--radius:10px;--header-h:64px}
html[data-theme=dark]{--bg:#101318;--card:#191d24;--card-2:#20252e;--text:#e7eaf0;--text-2:#9ca5b4;--text-3:#687182;--border:#272d38;--border-2:#333a47;--primary:#4d9fff;--primary-2:#79b8ff;--primary-soft:rgba(77, 159, 255, .14);--accent:#ff8f5a;--accent-soft:rgba(255, 143, 90, .14);--success:#3dd68c;--danger:#f2555a;--shadow:0 1px 2px rgba(0, 0, 0, .3),0 2px 12px rgba(0, 0, 0, .28);--shadow-lg:0 10px 32px rgba(0, 0, 0, .5);--toast-bg:#3a4150}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--primary)}
img{max-width:100%;display:block}
ol,ul{list-style:none}
button{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px;color:inherit}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
::selection{background:var(--primary-soft);color:var(--primary)}
.is-hidden{display:none!important}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:100;background:var(--card);border-bottom:1px solid var(--border);transition:box-shadow .2s ease}
.site-header.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;gap:22px;height:var(--header-h);justify-content:space-between}
.logo{display:inline-flex;align-items:center;flex:none;line-height:0}
.logo img{height:40px;width:auto;display:block}
.main-nav{flex:1;min-width:0}
.nav-list{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin-left:50px}
.nav-item{position:relative}
.nav-link{position:relative;display:flex;align-items:center;gap:5px;padding:0 14px;height:var(--header-h);font-size:15px;color:var(--text);transition:color .2s ease}
.nav-link:hover{color:var(--primary)}
.nav-link.active{color:var(--primary);font-weight:600}
.nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}
.sub-arrow{font-size:11px;opacity:.6;transition:transform .2s ease}
.header-actions{display:flex;align-items:center;gap:4px;flex:none;justify-content:center;align-content:center}
.icon-btn{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:16px;transition:background .15s ease,color .15s ease}
.icon-btn:hover{background:var(--card-2);color:var(--primary)}
html[data-theme=dark] #themeToggle .fa-moon{display:none}
html:not([data-theme=dark]) #themeToggle .fa-sun{display:none}
.nav-toggle{display:none;width:38px;height:38px;border-radius:9px;position:relative}
.nav-toggle span{position:absolute;left:9px;right:9px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.nav-toggle span:first-child{top:12px}
.nav-toggle span:nth-child(2){top:18px}
.nav-toggle span:nth-child(3){top:24px}
.nav-open .nav-toggle span:first-child{top:19px;transform:rotate(45deg)}
.nav-open .nav-toggle span:nth-child(2){opacity:0}
.nav-open .nav-toggle span:nth-child(3){top:19px;transform:rotate(-45deg)}
.search-bar{position:absolute;top:100%;left:0;right:0;z-index:99;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);padding:14px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.search-bar.show{opacity:1;visibility:visible;transform:translateY(0)}
.search-form{position:relative;max-width:640px;margin:0 auto;display:flex;gap:10px}
.search-form-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:15px}
.search-form input{flex:1;height:44px;padding:0 16px 0 44px;border:1px solid var(--border-2);border-radius:10px;background:var(--bg);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}
.search-form input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.search-form button{height:44px;padding:0 22px;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;transition:background .2s ease}
.search-form button:hover{background:var(--primary-2)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;border-radius:9px;font-size:14px;transition:all .2s ease;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 4px 12px rgba(30,128,255,.25)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,128,255,.35);color:#fff}
.btn-outline{border-color:var(--border-2);color:var(--text-2);background:var(--card)}
.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.btn-ghost{color:var(--text-2)}
.btn-ghost:hover{background:var(--card-2);color:var(--primary)}
.btn-sm{padding:6px 14px;font-size:13px;border-radius:7px}
.btn-block{width:100%}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:999px;font-size:12.5px;line-height:1.7;color:var(--primary);background:var(--primary-soft);transition:all .2s ease;border:1px solid transparent}
a.chip:hover{background:var(--primary);color:#fff}
.chip-accent{color:var(--accent);background:var(--accent-soft)}
a.chip-accent:hover{background:var(--accent);color:#fff}
.chip-gray{color:var(--text-2);background:var(--card-2)}
a.chip-gray:hover{background:var(--border-2);color:var(--text)}
.chip-light{color:#fff;background:rgba(255,255,255,.22)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.section-title{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700}
.section-title::before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--primary),#8cc3ff)}
.section-more{font-size:13px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}
.section-more:hover{color:var(--primary)}
.post-item{display:flex;gap:18px;padding:18px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.post-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-2)}
.post-thumb{position:relative;flex:0 0 216px;height:142px;border-radius:8px;overflow:hidden;background:var(--card-2)}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-item:hover .post-thumb img{transform:scale(1.06)}
.post-body{flex:1;min-width:0;display:flex;flex-direction:column}
.post-top{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-3);margin-bottom:8px}
.post-title{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:8px}
.post-title a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.post-excerpt{font-size:14px;color:var(--text-2);line-height:1.75;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-3);margin-top:auto}
.post-meta i{margin-right:4px}
.post-more{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text-2);transition:color .2s ease,gap .2s ease}
.post-more:hover{color:var(--primary);gap:8px}
.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}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.post-card-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--card-2)}
.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .post-card-thumb img{transform:scale(1.06)}
.post-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.post-card-title{font-size:15.5px;font-weight:600;line-height:1.55}
.post-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--text-3);margin-top:auto}
.post-card-meta i{margin-right:4px}
.widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px}
.widget-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;margin-bottom:14px}
.widget-title::before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--primary),#8cc3ff)}
.widget-title .fa-regular,.widget-title .fa-solid{color:var(--primary);font-size:15px}
.flashnew .widget-title::before{display:none}
.hot-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border)}
.hot-list li:last-child{border-bottom:none}
.hot-rank{width:20px;height:20px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--card-2);color:var(--text-3)}
.hot-list li:first-child .hot-rank,.hot-list li:nth-child(2) .hot-rank,.hot-list li:nth-child(3) .hot-rank{background:linear-gradient(135deg,#ff7a45,#ffb347);color:#fff}
.hot-title{flex:1;min-width:0;font-size:13.5px;line-height:1.5}
.hot-title a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hot-num{flex:none;font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:3px}
.hot-num i{color:var(--accent)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{font-size:13px;color:var(--text-2);background:var(--card-2);padding:4px 12px;border-radius:999px;transition:all .2s ease}
.tag-cloud a:hover{background:var(--primary-soft);color:var(--primary)}
.side-recent a{display:flex;align-items:flex-start;gap:10px}
.side-recent__dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.side-recent__body{flex:1;min-width:0}
.side-recent__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.55;color:var(--text)}
.side-recent a:hover .side-recent__title{color:var(--primary)}
.side-recent__date{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;color:var(--text-3)}
.side-recent__date i{color:var(--text-3);font-size:12px}
.rank-item a{display:flex;align-items:center;gap:10px}
.rank-num{flex:none;width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--card-2);color:var(--text-3)}
.rank-item:first-child .rank-num,.rank-item:nth-child(2) .rank-num,.rank-item:nth-child(3) .rank-num{background:linear-gradient(135deg,#ff7a45,#ffb347);color:#fff}
.rank-text{flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-item a:hover .rank-text{color:var(--primary)}
.rank-meta{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3)}
.rank-meta i{color:var(--accent);font-size:12px}
.ad-banner{margin:18px 0}
.ad-banner a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--border);line-height:0;transition:box-shadow .2s ease,transform .2s ease}
.ad-banner a:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}
.ad-banner img{width:100%;height:auto}
.mini-list li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border)}
.mini-list li:last-child{border-bottom:none}
.mini-thumb{width:78px;height:54px;border-radius:6px;overflow:hidden;flex:none;background:var(--card-2)}
.mini-thumb img{width:100%;height:100%;object-fit:cover}
.mini-info{flex:1;min-width:0}
.mini-info a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.55;color:var(--text)}
.mini-info a:hover{color:var(--primary)}
.mini-date{display:block;font-size:12px;color:var(--text-3);margin-top:3px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}
.page-btn{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:14px;color:var(--text-2);background:var(--card);border:1px solid var(--border);transition:all .2s ease}
.page-btn:hover{border-color:var(--primary);color:var(--primary)}
.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.page-btn.dots{border:none;background:0 0;cursor:default}
.page-btn.dots:hover{color:var(--text-2)}
.load-next-page{display:flex;justify-content:center;clear:both;margin:26px 0 6px}
.load-next{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;height:40px;padding:0 26px;border-radius:9px;font-size:14px;background:var(--primary);color:#fff;transition:all .25s ease;cursor:pointer}
.load-next:hover{color:#fff;background:#1669d6;transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,128,255,.3)}
.load-next i{font-size:14px}
.load-next.loading{pointer-events:none;opacity:.75}
.load-next.no-more-items{pointer-events:none;background:0 0;color:var(--text-3);box-shadow:none;transform:none;border:1px dashed var(--border)}
.load-next.no-more-items:hover{background:0 0;color:var(--text-3);box-shadow:none;transform:none}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;color:var(--text-3);margin:18px 0 14px}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .sep{opacity:.5}
.page-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 26px 22px;margin:0 0 16px}
.page-header h1{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}
.page-header h1 i{color:var(--primary)}
.page-desc{margin-top:9px;font-size:14px;color:var(--text-2);line-height:1.8;max-width:760px}
.page-stats{display:flex;flex-wrap:wrap;gap:26px;margin-top:14px;font-size:13px;color:var(--text-3)}
.page-stats b{color:var(--primary);font-size:15px}
.empty{text-align:center;padding:56px 20px;color:var(--text-3);background:var(--card);border:1px dashed var(--border-2);border-radius:var(--radius)}
.empty i{font-size:42px;opacity:.45;margin-bottom:14px}
.empty p{font-size:14px}
.avatar{width:40px;height:40px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#a8b0bd,#6f7887)}
.avatar-sm{width:28px;height:28px;font-size:12px}
.avatar-lg{width:64px;height:64px;font-size:24px}
.avatar-1{background:linear-gradient(135deg,#667eea,#764ba2)}
.avatar-2{background:linear-gradient(135deg,#f093fb,#f5576c)}
.avatar-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}
.avatar-4{background:linear-gradient(135deg,#43e97b,#38d9a9)}
.avatar-5{background:linear-gradient(135deg,#fa709a,#fee140)}
.avatar-6{background:linear-gradient(135deg,#f6d365,#fda085)}
.avatar-7{background:linear-gradient(135deg,#30cfd0,#330867)}
.avatar-8{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}
.site-footer{background:var(--card);border-top:1px solid var(--border);margin-top:42px;padding:38px 0 22px;font-size:13.5px}
.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:18px}
.footer-col h4{font-size:15px;margin-bottom:14px}
.footer-col ul li{margin-bottom:9px}
.footer-col ul a{color:var(--text-2);transition:color .2s ease,padding-left .2s ease}
.footer-col ul a:hover{color:var(--primary);padding-left:4px}
.footer-about p{color:var(--text-2);line-height:1.9;margin:14px 0 16px}
.footer-social{display:flex;gap:8px;flex-wrap:wrap}
.footer-social a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--text-2);font-size:16px;transition:all .2s ease}
.footer-social a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.footer-bottom{text-align:center;color:var(--text-3);font-size:12.5px;line-height:2.1}
.footer-bottom a:hover{color:var(--primary)}
.back-top{position:fixed;right:24px;bottom:30px;z-index:90;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text-2);font-size:16px;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .25s ease}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-top:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.toast{position:fixed;top:84px;left:50%;z-index:300;display:flex;align-items:center;gap:9px;padding:11px 22px;border-radius:999px;background:var(--toast-bg);color:#fff;font-size:14px;box-shadow:var(--shadow-lg);transform:translateX(-50%) translateY(-16px);opacity:0;transition:all .25s ease;pointer-events:none;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast i{color:var(--success)}
.modal-mask{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(10,14,22,.5);opacity:0;visibility:hidden;transition:all .22s ease;padding:16px}
.modal-mask.show{opacity:1;visibility:visible}
.modal{position:relative;width:min(430px,100%);max-height:86vh;overflow-y:auto;background:var(--card);border-radius:14px;padding:26px 24px 22px;transform:translateY(18px) scale(.97);transition:transform .22s ease}
.modal-mask.show .modal{transform:translateY(0) scale(1)}
.modal-close{position:absolute;top:13px;right:13px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--text-3);font-size:13px;transition:all .2s ease}
.modal-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}
.modal-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}
.modal-sub{font-size:13px;color:var(--text-3);margin:7px 0 16px}
.captcha-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.captcha-input{width:122px;height:38px;padding:0 12px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);transition:border-color .2s ease,box-shadow .2s ease}
.captcha-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.captcha-img{width:112px;height:38px;flex:none;border:1px solid var(--border-2);border-radius:8px;overflow:hidden;cursor:pointer;line-height:0;background:#f0f3f8}
.captcha-img svg{display:block}
.captcha-refresh{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-2);border-radius:8px;color:var(--text-2);font-size:14px;transition:all .2s ease}
.captcha-refresh:hover{color:var(--primary);border-color:var(--primary);transform:rotate(180deg)}
.logo .logo-light{display:none}
html[data-theme=dark] .logo .logo-dark{display:none}
html[data-theme=dark] .logo .logo-light{display:block}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.author-card .avatar img,.reader-card .avatar img{border-radius:50%}
.widget-body>ul>li{padding:8px 0;border-bottom:1px dashed var(--border);font-size:13.5px;line-height:1.6}
.widget-body>ul>li:last-child{border-bottom:none}
.widget-body>ul>li a{color:var(--text-2)}
.widget-body>ul>li a:hover{color:var(--primary)}
.widget-body .article-nums,.widget-body .count{color:var(--text-3);font-size:12px;margin-left:4px}
.widget-body #searchpanel,.widget-body .search-panel{margin:0}
.widget-body form[name=search]{display:flex;gap:8px}
.widget-body #edtSearch,.widget-body input[name="q"]{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--border-2);border-radius:8px;background:var(--card)}
.widget-body #edtSearch:focus,.widget-body input[name="q"]:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.widget-body button[type=submit],.widget-body input[type=submit]{height:38px;padding:0 16px;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;flex:none}
.widget-body input[type=submit]:hover{background:var(--primary-2)}
.divComments li,.widget-body .comment-module li{padding:10px 0}
.divComments .cmt-name,.widget-body .comment-module .cmt-name{font-weight:600;color:var(--text);font-size:13px}
.divComments .cmt-content,.widget-body .comment-module .cmt-content{display:block;margin-top:3px;color:var(--text-2);font-size:12.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.divComments .cmt-time,.widget-body .comment-module .cmt-time{display:block;margin-top:3px;font-size:11.5px;color:var(--text-3)}
.divComments img.avatar{width:30px;height:30px;margin-right:8px;vertical-align:middle}
.divPrevious li,.widget-body #module-archives li,.widget-body #module-authors li,.widget-body #module-catalog li,.widget-body #module-favorite li,.widget-body #module-link li{display:flex;align-items:center;justify-content:space-between;gap:8px}
.divPrevious li a,.widget-body #module-archives li a,.widget-body #module-authors li a,.widget-body #module-catalog li a,.widget-body #module-favorite li a,.widget-body #module-link li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.widget-body #module-catalog ul ul{padding-left:14px}
.widget-body #module-catalog li li{border-bottom:none;padding:4px 0}
.widget-body #module-tags,.widget-body #module-tags a,.widget-body .tags-tag{display:inline}
.widget-body #module-tags a{display:inline-block;margin:0 6px 8px 0;padding:3px 11px;font-size:12.5px;color:var(--text-2);background:var(--card-2);border-radius:999px}
.widget-body #module-tags a:hover{background:var(--primary-soft);color:var(--primary)}
.widget-body #module-statistics,.widget-body .statistics-module{font-size:13px;color:var(--text-2);line-height:2.1}
.widget-body #module-calendar table,.widget-body .calendar-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:center}
.widget-body #module-calendar td,.widget-body #module-calendar th,.widget-body .calendar-table td,.widget-body .calendar-table th{padding:5px 2px;color:var(--text-2)}
.widget-body #module-calendar th,.widget-body .calendar-table th{color:var(--text-3);font-weight:500}
.widget-body #module-calendar td a,.widget-body .calendar-table td a{display:inline-block;min-width:22px;height:22px;line-height:22px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-weight:600}
.widget-body #module-calendar .calendar_day_now,.widget-body .calendar-table .today{background:var(--primary);color:#fff;border-radius:6px}
.widget-body #module-controlpanel p,.widget-body .controlpanel-module p{margin-bottom:8px;font-size:13px}
.widget-body #module-controlpanel input,.widget-body .controlpanel-module input{width:100%;height:36px;padding:0 12px;margin-bottom:8px;border:1px solid var(--border-2);border-radius:8px;background:var(--card)}
.widget-body #module-controlpanel input[type=submit],.widget-body .controlpanel-module input[type=submit]{width:100%;background:var(--primary);color:#fff}
.widget-body #module-controlpanel ul li,.widget-body .controlpanel-module ul li{border-bottom:none;padding:4px 0}
.widget-body ul.reader-mini-list{display:flex;flex-wrap:wrap;gap:10px}
.reader-mini{width:calc(33.333% - 7px);text-align:center;padding:4px 0!important;border-bottom:none!important}
.reader-mini a{display:block}
.reader-mini img{width:46px;height:46px;border-radius:50%;object-fit:cover;margin:0 auto 5px;border:2px solid var(--border);transition:border-color .2s ease}
.reader-mini a:hover img{border-color:var(--primary)}
.reader-mini .rm-name{display:block;font-size:12px;color:var(--text-2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-mini .rm-count{display:block;font-size:11px;color:var(--text-3)}
.divTags ul li a:hover{background-color:var(--primary);color:#fff;transform:translateY(-1px)}
.divTags ul{display:flex;flex-wrap:wrap;gap:10px;row-gap:10px;line-height:1}
.divTags ul li{padding:0;border-bottom:0}
.divTags ul li a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--card-2);color:var(--text-2);font-size:12.5px;font-weight:500;border-radius:999px;transition:all .2s ease}
.divTags ul li a:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-soft)}
.divTags .tag-count{font-size:11.5px;color:var(--text-3);font-weight:400;transition:color .2s ease}
.divTags ul li a:hover .tag-count{color:var(--primary);opacity:.85}
.link-logo img{width:100%;height:100%;border-radius:11px;object-fit:cover}
.link-logo{overflow:hidden}
.report-field{margin-bottom:14px}
.report-field label{display:block;margin-bottom:7px;font-size:13px;color:var(--text-2)}
.report-field label em{color:var(--danger);font-style:normal;margin-left:2px}
.report-field input[type=email],.report-field input[type=text],.report-field input[type=url],.report-field textarea{width:100%;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--border-2);background:var(--card);transition:border-color .2s ease,box-shadow .2s ease}
.report-field textarea{height:auto;min-height:88px;padding:11px 14px;resize:vertical}
.report-field input[type=email]:focus,.report-field input[type=text]:focus,.report-field input[type=url]:focus,.report-field textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.link-requirements{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:var(--card-2);font-size:13px;color:var(--text-2);line-height:2}
.link-requirements i{color:var(--success);margin-right:6px}
.link-self-info{padding:12px 14px;border-radius:10px;background:var(--card-2);font-size:13px;color:var(--text-2);line-height:2;word-break:break-all}
.link-self-info span{color:var(--text-3)}
.share-item{position:relative}
.qr-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);width:200px;padding:14px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .2s ease;z-index:80}
.qr-popup.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.qr-popup .qr-placeholder{width:160px;height:160px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}
.qr-popup .qr-placeholder canvas,.qr-popup .qr-placeholder img{display:block}
.qr-popup p{font-size:12px;color:var(--text-3);margin-top:8px}
.qr-popup .fa-weixin{font-size:30px;color:#07c160}
.post-meta .san-praise-sdk.san-like{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:0 0;font-size:13px;color:var(--text-3);border-radius:0}
.post-meta .san-praise-sdk.san-like:hover{color:var(--accent)}
.post-meta .san-praise-sdk.san-like.liked{color:var(--accent);background:0 0}
.comments .pagination{margin:18px 0 6px}
.article-content img{max-width:100%;height:auto}
.fa-regular.fa-calendar,.fa-regular.fa-calendar-days,.far.fa-calendar{font-family:"Font Awesome 6 Free";font-weight:900}
.divSearchPanel .widget-body form[name=search]{display:flex;align-items:center;gap:0;background:var(--card-2);border:1px solid var(--border-2);border-radius:999px;padding:4px 4px 4px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.divSearchPanel .widget-body form[name=search]:focus-within{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px var(--primary-soft)}
.divSearchPanel .widget-body form label{flex:1;min-width:0;display:flex;align-items:center}
.divSearchPanel .widget-body form label span{display:none}
.divSearchPanel .widget-body form input[name="q"]{flex:1;min-width:0;width:100%;height:32px;padding:0;border:none;background:0 0;font-size:13px;color:var(--text)}
.divSearchPanel .widget-body form input[name="q"]:focus{outline:0;box-shadow:none;border:none}
.divSearchPanel .widget-body form input[type=submit]{flex:none;height:32px;min-width:56px;padding:0 16px;border:none;border-radius:999px;font-size:13px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;cursor:pointer;transition:opacity .2s ease}
.divSearchPanel .widget-body form input[type=submit]:hover{opacity:.88;background:linear-gradient(135deg,var(--primary),var(--primary-2))}
.widget-body #tbCalendar{width:100%;border-collapse:separate;border-spacing:2px;font-size:12.5px;text-align:center}
.widget-body #tbCalendar caption{padding:8px 10px;margin-bottom:6px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:600;letter-spacing:.02em}
.widget-body #tbCalendar caption a{color:var(--primary);padding:0 6px;font-weight:400}
.widget-body #tbCalendar caption a:hover{color:var(--accent)}
.widget-body #tbCalendar th{padding:4px 0;color:var(--text-3);font-weight:500;font-size:12px}
.widget-body #tbCalendar td{height:30px;color:var(--text-2);border-radius:8px;transition:background .15s ease,color .15s ease}
.widget-body #tbCalendar td a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 auto;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-weight:600;transition:all .15s ease}
.widget-body #tbCalendar td a:hover{background:var(--primary);color:#fff}
.widget-body #tbCalendar td.cal-today{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;box-shadow:0 3px 8px rgba(30,128,255,.3)}
.widget-body #tbCalendar td.cal-today a{background:0 0;color:#fff}
.divContorPanel .widget-body>div{padding:14px;border-radius:10px;background:linear-gradient(135deg,var(--primary-soft),var(--card-2));text-align:center}
.divContorPanel .widget-body .cp-hello{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.divContorPanel .widget-body .cp-hello::before{content:"\f007";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary);margin-right:6px}
.divContorPanel .widget-body .cp-login,.divContorPanel .widget-body .cp-vrs{display:inline-block}
.divContorPanel .widget-body .cp-login a,.divContorPanel .widget-body .cp-vrs a{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:32px;padding:0 14px;margin:2px;border-radius:999px;font-size:12.5px;background:var(--card);border:1px solid var(--border-2);color:var(--text-2);transition:all .2s ease}
.divContorPanel .widget-body .cp-login a{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none}
.divContorPanel .widget-body .cp-login a:hover,.divContorPanel .widget-body .cp-vrs a:hover{opacity:.88;color:#fff}
.divContorPanel .widget-body .cp-vrs a:hover{color:var(--primary);opacity:1;border-color:var(--primary);background:var(--card)}
.divComments ul,.widget-body .comment-module ul{list-style:none}
.divComments .side-comment-item{padding:0!important;border-bottom:none!important}
.divComments .side-comment-item a{display:block;padding:12px;margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:var(--card);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.divComments .side-comment-item:last-child a{margin-bottom:0}
.divComments .side-comment-item a:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}
.sc-avatar{flex:none;width:34px;height:34px;margin-right:10px;float:left}
.sc-avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}
.sc-body{display:block;overflow:hidden}
.sc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sc-name{font-size:13px;font-weight:600;color:var(--text)}
.sc-time{flex:none;font-size:11.5px;color:var(--text-3)}
.sc-text{display:block;margin-top:5px;font-size:12.5px;line-height:1.65;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.sc-from{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-top:7px;padding:2px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-from i{font-size:10px;flex:none}
.divPrevious ul{list-style:none}
.divPrevious .side-recent-item{display:block;padding:0!important;border-bottom:none!important}
.divPrevious .side-recent-item a{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:9px;transition:background .2s ease}
.divPrevious .side-recent-item a:hover{background:var(--card-2)}
.sr-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.side-recent-item:nth-child(3n+2) .sr-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.sr-body{flex:1;min-width:0}
.sr-title{display:block;font-size:13.5px;line-height:1.55;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.divPrevious .side-recent-item a:hover .sr-title{color:var(--primary)}
.sr-date{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;color:var(--text-3)}
.sr-date i{font-size:11px}
.post-related{margin-top:26px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.post-related-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;margin-bottom:16px}
.post-related-title::before{content:"";width:4px;height:17px;border-radius:2px;background:linear-gradient(180deg,var(--primary),#8cc3ff)}
.post-related-title i{color:var(--primary);font-size:15px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.related-card{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.related-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}
.related-thumb{flex:none;width:120px;height:80px;border-radius:8px;overflow:hidden;background:var(--card-2)}
.related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.related-card:hover .related-thumb img{transform:scale(1.05)}
.related-body{flex:1;min-width:0;display:flex;flex-direction:column}
.related-name{font-size:14px;font-weight:600;line-height:1.55;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.related-card:hover .related-name{color:var(--primary)}
.related-meta{margin-top:auto;padding-top:8px;font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px}
.related-meta i{font-size:11px}
.site-footer.footer-simple{padding-top:22px}
.site-footer.footer-simple .footer-bottom{margin-top:0}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:20px}
.home-main{min-width:0}
.home-side{min-width:0}
.hero-swiper{border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);height:340px}
.hero-slide{position:relative;display:block}
.hero-img-link{display:block;width:100%;height:100%;cursor:pointer}
.hero-img-link img,.hero-slide>img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hero-slide:hover .hero-img-link img{transform:scale(1.04)}
.hero-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:30px 26px 17px;background:linear-gradient(180deg,transparent,rgba(8,12,20,.82));color:#fff}
.hero-title{flex:1;min-width:0;font-size:19px;font-weight:600;line-height:1.5}
.hero-title a{color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hero-title a:hover{color:#fff;text-decoration:underline}
.hero-arrow{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);font-size:14px;transition:background .2s ease,transform .2s ease}
.hero-slide:hover .hero-arrow{background:var(--primary);transform:translateX(3px)}
.hero-swiper .swiper-pagination-bullet{background:#fff;opacity:.45;transition:all .25s ease}
.hero-swiper .swiper-pagination-bullet-active{opacity:1;width:20px;border-radius:4px;background:#fff}
.quick-nav{margin-top:18px;padding:16px 10px 14px}
.qn-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.qn-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;border-radius:10px;transition:background .2s ease,transform .2s ease}
.qn-item:hover{background:var(--card-2);transform:translateY(-2px)}
.qn-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.qn-label{font-size:13px;color:var(--text-2)}
.qn-1{background:linear-gradient(135deg,#667eea,#764ba2)}
.qn-2{background:linear-gradient(135deg,#1e80ff,#6ec6ff)}
.qn-3{background:linear-gradient(135deg,#f093fb,#f5576c)}
.qn-4{background:linear-gradient(135deg,#4facfe,#00f2fe)}
.qn-5{background:linear-gradient(135deg,#43e97b,#38d9a9)}
.qn-6{background:linear-gradient(135deg,#fa709a,#fee140)}
.qn-7{background:linear-gradient(135deg,#f6d365,#fda085)}
.qn-8{background:linear-gradient(135deg,#30cfd0,#330867)}
.home-main .section-head{margin-top:24px}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}
.topic-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:inherit}
.topic-cover{display:block;aspect-ratio:16/9;overflow:hidden;line-height:0;background:var(--card-2)}
.topic-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.topic-card:hover .topic-cover img{transform:scale(1.06)}
.topic-body{display:block;padding:12px 14px 14px}
.topic-desc{font-size:13px;color:var(--text-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.topic-meta{display:block;margin-top:8px;font-size:12px;color:var(--text-3)}
.topic-meta i{color:var(--primary);margin-right:4px}
.dual-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.dual-col{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px 8px}
.dual-col .section-head{margin-top:0!important}
.dual-col .section-title{font-size:17px}
.dual-col .mini-list li:last-child{border-bottom:none}
.ticker-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--border);font-size:13px}
.ticker-list li:last-child{border-bottom:none}
.ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;animation:tkPulse 1.6s ease infinite}
.ticker-list li:nth-child(2n) .ticker-dot{animation-delay:.8s}
@keyframes tkPulse{0%,100%{opacity:1}
50%{opacity:.25}
}
.ticker-title{flex:1;min-width:0}
.ticker-title a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ticker-time{flex:none;font-size:12px;color:var(--text-3)}
.search-tip{display:none;align-items:center;gap:8px;margin-bottom:14px;padding:10px 16px;background:var(--primary-soft);border-radius:9px;font-size:13.5px;color:var(--text-2)}
.search-tip.show{display:flex}
.search-tip i{color:var(--primary)}
.search-tip b{color:var(--primary)}
.topic-cover.cover-fallback{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:18px 20px;line-height:1.4;color:#fff;position:relative;overflow:hidden}
.topic-cover.cover-fallback::before{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14)}
.topic-cover.cover-fallback::after{content:"";position:absolute;right:44px;bottom:-48px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.1)}
.topic-cover.cover-fallback.cf-1{background:linear-gradient(135deg,#5b6ee1,#8e6ef0)}
.topic-cover.cover-fallback.cf-2{background:linear-gradient(135deg,#2f80ed,#56ccf2)}
.topic-cover.cover-fallback.cf-3{background:linear-gradient(135deg,#22b07e,#43e0a0)}
.topic-cover.cover-fallback.cf-4{background:linear-gradient(135deg,#f56b6b,#f7b733)}
.topic-cover.cover-fallback i{font-size:24px;opacity:.9;position:relative;z-index:1}
.topic-cover.cover-fallback b{font-size:20px;font-weight:700;position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:4px}
.article-main{min-width:0}
.article-side{min-width:0}
.article-card{padding:28px 30px}
.article-header h1{font-size:26px;font-weight:700;line-height:1.5;margin:12px 0 16px}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-bottom:18px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-3)}
.article-meta i{margin-right:4px}
.article-meta .author{display:inline-flex;align-items:center;gap:8px}
.article-meta .author-name{color:var(--text-2);font-weight:500}
.article-meta b{color:var(--text-2);font-weight:600}
.article-content{margin-top:22px;font-size:15.5px;line-height:2;color:var(--text);word-break:break-word}
.article-content p{margin:15px 0}
.article-content h2{font-size:20px;font-weight:700;line-height:1.5;margin:32px 0 15px;padding-left:13px;border-left:4px solid var(--primary)}
.article-content h3{font-size:17px;font-weight:700;margin:26px 0 12px}
.article-content ol,.article-content ul{margin:14px 0;padding-left:26px}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content li{margin:7px 0}
.article-content li::marker{color:var(--primary)}
.article-content blockquote{margin:18px 0;padding:15px 20px;background:var(--card-2);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;color:var(--text-2);font-size:14.5px}
.article-content img{border-radius:10px;margin:18px auto}
.img-caption{text-align:center;font-size:12.5px;color:var(--text-3);margin-top:-12px!important}
.article-content a{color:var(--primary);border-bottom:1px dashed var(--primary)}
.article-content code{font-family:Consolas,Menlo,"Courier New",monospace;background:var(--primary-soft);color:var(--primary);padding:2px 7px;border-radius:5px;font-size:13.5px}
.article-content pre{background:#1d222b;color:#d9e0ea;padding:18px 20px;border-radius:10px;overflow-x:auto;margin:18px 0;line-height:1.8}
.article-content pre code{background:0 0;color:inherit;padding:0;font-size:13.5px}
.article-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.article-content th{background:var(--card-2);font-weight:600}
.article-content td,.article-content th{border:1px solid var(--border);padding:10px 14px;text-align:left}
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding-top:18px;border-top:1px dashed var(--border)}
.article-tags .tags-label{font-size:13px;color:var(--text-3)}
.action-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding:14px 16px;background:var(--card-2);border-radius:11px}
.action-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13.5px;color:var(--text-2);transition:all .2s ease}
.action-btn:hover{border-color:var(--primary);color:var(--primary)}
.action-btn i{font-size:14px}
.action-btn.liked{background:var(--primary);border-color:var(--primary);color:#fff}
.action-btn.reward-btn{background:linear-gradient(135deg,var(--accent),#ffb347);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(255,122,69,.3)}
.action-btn.reward-btn:hover{transform:translateY(-1px);color:#fff;box-shadow:0 6px 16px rgba(255,122,69,.4)}
.action-bar .action-tip{margin-left:auto;font-size:12.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:5px}
.action-bar .action-tip i{color:var(--accent)}
.share-pop{position:relative}
.share-panel{position:absolute;bottom:calc(100% + 12px);left:50%;display:flex;gap:4px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:all .2s ease;z-index:60}
.share-panel.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.share-item{width:58px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 7px;border-radius:9px;font-size:12px;color:var(--text-2);transition:background .15s ease}
.share-item:hover{background:var(--card-2)}
.share-item i{font-size:21px}
.share-item .i-weixin{color:#07c160}
.share-item .i-weibo{color:#e6162d}
.share-item .i-qq{color:#12b7f5}
.share-item .i-link{color:var(--primary)}
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.nav-card{display:block;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}
.nav-card:hover{border-color:var(--primary);box-shadow:var(--shadow);color:inherit}
.nav-card .nav-label{display:block;font-size:12px;color:var(--text-3);margin-bottom:7px}
.nav-card .nav-label i{margin:0 3px}
.nav-card p{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-next{text-align:right}
.comments{margin-top:16px;padding:22px 24px}
.comment-head{display:flex;align-items:baseline;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--border);margin-bottom:4px}
.comment-head h3{font-size:17px;font-weight:700}
.comment-count{font-size:13px;color:var(--text-3)}
.comment-count b{color:var(--primary)}
.comment-item{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--border)}
.comment-item:last-child{border-bottom:none}
.comment-main{flex:1;min-width:0}
.comment-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--text-3)}
.comment-name{font-size:14.5px;font-weight:600;color:var(--text)}
.comment-badge{font-size:11px;padding:1px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}
.comment-floor{margin-left:auto}
.comment-content{font-size:14.5px;line-height:1.9;margin:8px 0 10px}
.comment-actions{display:flex;align-items:center;gap:18px;font-size:12.5px;color:var(--text-3)}
.comment-actions button{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);white-space:nowrap;transition:color .2s ease}
.comment-actions button:hover{color:var(--primary)}
.comment-actions button.liked{color:var(--primary)}
.comment-actions .comment-time{margin-left:auto}
.comment-reply-list{margin-top:12px;padding:10px 16px;background:var(--card-2);border-radius:9px}
.comment-reply{display:flex;gap:10px;padding:8px 0;font-size:13.5px;line-height:1.8}
.comment-reply+.comment-reply{border-top:1px dashed var(--border)}
.comment-reply-body{color:var(--text-2)}
.comment-reply-body .r-name{color:var(--primary);font-weight:500;margin-right:6px}
.comment-reply-body .r-time{color:var(--text-3);font-size:12px;margin-left:8px}
.comment-form{margin-top:22px}
.comment-form textarea{width:100%;min-height:112px;resize:vertical;padding:13px 15px;border-radius:10px;border:1px solid var(--border-2);background:var(--card);transition:border-color .2s ease,box-shadow .2s ease}
.comment-form textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.form-grid{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:13px}
.form-fields{display:flex;flex-wrap:wrap;gap:10px;flex:1;min-width:240px}
.form-fields input{flex:1 1 140px;max-width:180px;padding:9px 12px;border-radius:8px;border:1px solid var(--border-2);background:var(--card);transition:border-color .2s ease,box-shadow .2s ease}
.form-fields input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.form-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.comment-tip{font-size:12px;color:var(--text-3)}
.author-card{text-align:center;padding:24px 18px 20px}
.author-card .avatar-lg{margin:0 auto}
.author-card .author-name{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:16.5px;font-weight:700}
.author-card .author-badge{font-size:11px;font-weight:400;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#ffb347);color:#fff}
.author-card .author-bio{margin:7px 0 12px 0;font-size:13px;color:var(--text-2);line-height:1.8;text-align:left}
.author-stats{display:flex;justify-content:center;gap:26px;margin:16px 0;font-size:12.5px;color:var(--text-3)}
.author-stats b{display:block;font-size:16px;color:var(--text)}
.pay-tabs{display:flex;gap:9px;margin-bottom:18px}
.pay-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border-radius:10px;border:1px solid var(--border-2);font-size:14px;color:var(--text-2);transition:all .2s ease;background:var(--card)}
.pay-tab i{font-size:18px}
.pay-tab .fa-weixin{color:#07c160}
.pay-tab .fa-alipay{color:#1677ff}
.pay-tab.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.pay-qr{width:200px;height:200px;margin:0 auto;border-radius:12px;border:1px solid var(--border);background:#fff}
.pay-qr-tip{text-align:center;font-size:12.5px;color:var(--text-3);margin-top:12px}
.comment-name a:hover{color:var(--primary)}
.reply-at{color:var(--primary);margin-right:4px}
.comment-reply-list{display:flex;flex-direction:column;gap:0}
.comment-reply-list .comment-item{padding:10px 0;border-bottom:1px dashed var(--border);background:0 0}
.comment-reply-list .comment-item:last-child{border-bottom:none}
.comment-reply-list .comment-item>.avatar{width:30px;height:30px;font-size:12px}
.comment-reply-list .comment-content{font-size:13.5px;margin:5px 0 6px}
.comment-reply-list .comment-floor{display:none}
.comment-reply-list .comment-actions{gap:14px}
#cancel-reply{display:inline-flex;align-items:center;gap:5px;float:right;font-size:12.5px;color:var(--text-3)}
#cancel-reply:hover{color:var(--primary)}
.comment-login-tip{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:6px}
.comment-login-tip i{color:var(--success)}
.comment-form .captcha-box{flex:none}
.comment-form .captcha-input{width:110px}
.post-copyright{margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.9;color:var(--text-2);background:var(--card-2);border-radius:10px}
.post-copyright .red{color:var(--accent)}
.post-copyright a{color:var(--primary);word-break:break-all}
.article-main>.ad-banner:first-child{margin-top:0}
.action-bar .san-praise-sdk.san-like.liked{background:var(--accent);border-color:var(--accent);color:#fff}
.action-bar .san-praise-sdk.san-like.liked i{color:#fff}
.share-panel .share-item#weixinShare{overflow:visible}
.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 17px;border-radius:999px;border:1px solid var(--border-2);background:var(--card);font-size:13.5px;color:var(--text-2);transition:all .2s ease}
.filter-chip:hover{border-color:var(--primary);color:var(--primary)}
.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:500}
.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:18px}
.collection-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.collection-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:inherit}
.collection-cover{display:block;aspect-ratio:5/2;overflow:hidden;line-height:0;background:var(--card-2)}
.collection-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.collection-card:hover .collection-cover img{transform:scale(1.05)}
.collection-info{display:block;padding:14px 16px 16px}
.collection-info h3{font-size:16px;font-weight:700}
.collection-info p{margin:7px 0 12px;font-size:13px;color:var(--text-2);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.collection-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--text-3)}
.collection-meta i{margin-right:3px;color:var(--primary)}
.collection-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.collection-tag{font-size:12px;color:var(--text-2);background:var(--card-2);border:1px solid var(--border-2);border-radius:999px;padding:1px 9px;line-height:1.7}
.coll-detail-head{display:flex;gap:20px;padding:22px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.coll-detail-cover{flex:none;width:220px}
.coll-detail-cover img{width:100%;height:140px;object-fit:cover;border-radius:12px;display:block}
.coll-detail-info{min-width:0;flex:1}
.coll-detail-info h1{font-size:21px;font-weight:700;display:flex;align-items:center;gap:9px}
.coll-detail-info h1 i{color:var(--primary)}
.coll-detail-desc{margin:10px 0 12px;font-size:13.5px;color:var(--text-2);line-height:1.85}
.coll-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.coll-detail-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--text-3)}
.coll-detail-meta i{margin-right:4px;color:var(--primary)}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}
.page-main{min-width:0}
.page-side{min-width:0}
.page-side .widget:first-child{margin-top:0}
.tags-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:24px 22px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:18px 0 16px;line-height:1}
.tags-cloud a{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--card-2);color:var(--text-2);font-size:13.5px;font-weight:500;border-radius:999px;transition:all .2s ease;border:1px solid transparent}
.tags-cloud a:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-soft)}
.tags-cloud a.on{background:var(--primary);color:#fff;font-weight:600}
.tags-cloud a.on:hover{box-shadow:0 4px 12px rgba(30,128,255,.3)}
.tags-cloud sup{font-size:11.5px;color:var(--text-3);font-weight:400;margin-left:1px;vertical-align:baseline;transition:color .2s ease}
.tags-cloud a:hover sup{color:var(--primary)}
.tags-cloud a.on sup{color:rgba(255,255,255,.85)}
.tag-filter-tip{display:none;align-items:center;gap:8px;margin-bottom:14px;padding:10px 16px;background:var(--primary-soft);border-radius:9px;font-size:13.5px;color:var(--text-2)}
.tag-filter-tip.show{display:flex}
.tag-filter-tip i{color:var(--primary)}
.tag-filter-tip span{color:var(--primary);font-weight:600}
.tag-filter-tip .clear{margin-left:auto;color:var(--text-3)}
.tag-filter-tip .clear:hover{color:var(--primary)}
.archive-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px;margin-top:18px}
.archive-year{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;margin:20px 0 6px}
.archive-year:first-child{margin-top:0}
.archive-year .year-icon{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--primary),#6ec6ff)}
.archive-year .year-count{font-size:12.5px;font-weight:400;color:var(--text-3)}
.archive-month{position:relative;margin-left:10px;padding:6px 0 14px 22px;border-left:2px solid var(--border-2)}
.archive-month::before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.archive-month h3{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--text-2)}
.archive-month h3 .m-count{font-size:12px;font-weight:400;color:var(--primary);background:var(--primary-soft);padding:1px 9px;border-radius:999px}
.archive-month ul{margin-top:7px}
.archive-month li{display:flex;align-items:center;gap:12px;padding:5px 0;font-size:14px}
.archive-date{flex:none;width:44px;font-size:12.5px;color:var(--text-3)}
.archive-month li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-month li a:hover{color:var(--primary)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease}
.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.stat-icon{width:50px;height:50px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff}
.stat-icon.si-1{background:linear-gradient(135deg,#667eea,#764ba2)}
.stat-icon.si-2{background:linear-gradient(135deg,#43e97b,#38d9a9)}
.stat-icon.si-3{background:linear-gradient(135deg,#fa709a,#fee140)}
.stat-num{font-size:23px;font-weight:700;line-height:1.3}
.stat-label{font-size:13px;color:var(--text-3)}
.reader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.reader-card{padding:22px 14px 18px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}
.reader-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-2)}
.reader-card .avatar-lg{margin:0 auto}
.reader-name{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:15px;font-weight:600}
.reader-badge{font-size:11px;font-weight:400;padding:1px 9px;border-radius:999px}
.reader-badge.bd-owner{background:linear-gradient(135deg,var(--accent),#ffb347);color:#fff}
.reader-badge.bd-vip{background:var(--primary-soft);color:var(--primary)}
.reader-badge.bd-active{background:var(--accent-soft);color:var(--accent)}
.reader-sig{margin-top:7px;font-size:12.5px;color:var(--text-3);line-height:1.7;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.reader-meta{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:12px;color:var(--text-3)}
.reader-meta i{margin-right:3px;color:var(--primary)}
.link-group-title{display:flex;align-items:center;gap:9px;margin:26px 0 13px;font-size:16.5px;font-weight:700}
.link-group-title i{color:var(--primary)}
.link-group-title .g-count{font-size:12.5px;font-weight:400;color:var(--text-3)}
.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:14px}
.link-card{display:flex;gap:13px;align-items:flex-start;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}
.link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-2);color:inherit}
.link-logo{width:46px;height:46px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:#fff}
.lc-1{background:linear-gradient(135deg,#1e80ff,#6ec6ff)}
.lc-2{background:linear-gradient(135deg,#18a058,#6ddb9c)}
.lc-3{background:linear-gradient(135deg,#f759ab,#ffa39e)}
.lc-4{background:linear-gradient(135deg,#722ed1,#b37feb)}
.lc-5{background:linear-gradient(135deg,#fa8c16,#ffd666)}
.lc-6{background:linear-gradient(135deg,#13c2c2,#87e8de)}
.link-info{flex:1;min-width:0}
.link-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600}
.link-name i{font-size:12px;color:var(--primary)}
.link-site{display:block;margin:2px 0 6px;font-size:12px;color:var(--text-3)}
.link-desc{font-size:13px;color:var(--text-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apply-box{margin-top:26px;padding:30px 20px;text-align:center;background:var(--card);border:1px dashed var(--border-2);border-radius:var(--radius);color:var(--text-2);font-size:14px}
.apply-box i{color:var(--primary);margin-right:6px}
.apply-box .btn{margin-top:14px}
.collection-cover.cover-fallback{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:22px 24px;line-height:1.4;color:#fff;position:relative;overflow:hidden}
.collection-cover.cover-fallback::before{content:"";position:absolute;right:-34px;top:-34px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.14)}
.collection-cover.cover-fallback::after{content:"";position:absolute;right:48px;bottom:-52px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1)}
.collection-cover.cover-fallback.cf-1{background:linear-gradient(135deg,#5b6ee1,#8e6ef0)}
.collection-cover.cover-fallback.cf-2{background:linear-gradient(135deg,#2f80ed,#56ccf2)}
.collection-cover.cover-fallback.cf-3{background:linear-gradient(135deg,#22b07e,#43e0a0)}
.collection-cover.cover-fallback.cf-4{background:linear-gradient(135deg,#f56b6b,#f7b733)}
.collection-cover.cover-fallback i{font-size:26px;opacity:.9;position:relative;z-index:1}
.collection-cover.cover-fallback b{font-size:22px;font-weight:700;position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.format-tag{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}
.format-tag i{font-size:10.5px}
.format-tag-video{background:rgba(245,63,63,.12);color:#f53f3f}
.format-tag-gallery{background:var(--primary-soft);color:var(--primary)}
.post-item-video .post-thumb .play-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.35) 100%);pointer-events:none}
.post-item-video .play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(30,128,255,.9);color:#fff;font-size:15px;padding-left:2px;box-shadow:0 6px 18px rgba(15,23,42,.35);transition:transform .25s ease,background .25s ease}
.post-item-video .post-thumb:hover .play-btn{transform:scale(1.12);background:var(--primary)}
.post-item-video .video-duration{position:absolute;right:8px;bottom:8px;z-index:3;padding:2px 7px;border-radius:6px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}
.post-thumb .thumb-img{display:block;width:100%;height:100%}
.post-thumb .thumb-cover{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 55%,rgba(15,23,42,.18) 100%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.post-item:hover .thumb-cover{opacity:1}
.thumb-badge{position:absolute;left:8px;top:8px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.5;color:#fff;backdrop-filter:blur(4px);pointer-events:none}
.thumb-badge i{font-size:11px}
.thumb-badge-gallery{background:rgba(15,23,42,.62)}
.post-item-gallery:hover .thumb-badge-gallery{background:var(--primary)}
.gallery-grid{display:grid;gap:8px}
.gallery-grid-inline{grid-template-columns:repeat(3,1fr);margin:18px 0}
.gallery-grid-inline .gallery-item{position:relative;border-radius:8px;overflow:hidden;background:var(--card-2);aspect-ratio:4/3}
.gallery-grid-inline .gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.gallery-grid-inline .gallery-item:hover img{transform:scale(1.06)}
.gallery-zoom{display:block;width:100%;height:100%}
.gallery-zoom-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,0);color:#fff;font-size:20px;opacity:0;transition:opacity .25s ease,background .25s ease}
.gallery-item:hover .gallery-zoom-icon{opacity:1;background:rgba(15,23,42,.28)}
.post-container-slider{position:relative;border-radius:var(--radius);overflow:hidden;margin:18px 0;box-shadow:var(--shadow);background:#0f172a}
.post-container-slider .swiper-slide img{width:100%;max-height:520px;object-fit:cover;display:block}
.post-container-slider .swiper-button-next,.post-container-slider .swiper-button-prev{width:38px;height:38px;border-radius:50%;background:rgba(15,23,42,.45);color:#fff;transition:background .2s ease}
.post-container-slider .swiper-button-next:after,.post-container-slider .swiper-button-prev:after{font-size:15px;font-weight:700}
.post-container-slider .swiper-button-next:hover,.post-container-slider .swiper-button-prev:hover{background:rgba(30,128,255,.9)}
.post-container-slider .swiper-pagination{bottom:10px}
.post-container-slider .swiper-pagination-bullet{background:#fff;opacity:.6;width:7px;height:7px;transition:all .2s ease}
.post-container-slider .swiper-pagination-bullet-active{background:var(--primary);opacity:1;width:18px;border-radius:999px}
.article-card-citation{display:flex;gap:16px;padding:14px;margin:18px 0;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .25s ease,border-color .25s ease}
.article-card-citation:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.article-card-citation .post-thumbs{flex:none;width:180px}
.article-card-citation .thumbs-item{display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/10;background:var(--card)}
.article-card-citation .thumbs-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.article-card-citation:hover .thumbs-item img{transform:scale(1.05)}
.article-card-citation .post-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.article-card-citation .post-title{font-size:16px;font-weight:700;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card-citation:hover .post-title{color:var(--primary)}
.article-card-citation .post-info{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:var(--text-3);font-size:12.5px}
.article-card-citation .post-info .meta-item{display:inline-flex;align-items:center;gap:5px}
.article-card-citation .post-info i{font-size:12px}
.article-card-citation .info-user{color:var(--text-2)}
.article-card-citation .info-user:hover{color:var(--primary)}
.video-box{margin:18px 0;border-radius:var(--radius);overflow:hidden;background:#0f172a;box-shadow:var(--shadow)}
.video-player-container{position:relative;background:#000}
#dplayer1,.video-player-container .dplayer-box{border-radius:var(--radius) var(--radius) 0 0}
.video-episode-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;background:var(--card);border-top:1px solid var(--border)}
.episode-btn{height:32px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text-2);font-size:13px;cursor:pointer;transition:all .2s ease}
.episode-btn:hover{border-color:var(--primary);color:var(--primary)}
.episode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}
.page-header-center{text-align:center}
.page-header-center .page-stats{justify-content:center}
.sfwl-wrap{margin-top:20px}
.sfwl-waterfall{position:relative;width:100%;min-height:200px;opacity:0;transition:opacity .3s ease}
.sfwl-waterfall.masonry-ready{opacity:1}
.sfwl-card{width:calc((100% - 42px)/ 4);margin:0 0 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.sfwl-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--border-2)}
.sfwl-card-img{position:relative;display:block;overflow:hidden;background:var(--card-2)}
.sfwl-card-img img{width:100%;height:auto;display:block;transition:transform .4s ease}
.sfwl-card:hover .sfwl-card-img img{transform:scale(1.05)}
.sfwl-card-count{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(15,23,42,.66);color:#fff;font-size:11.5px;font-weight:600;line-height:1;pointer-events:none}
.sfwl-card-count i{font-size:11px}
.sfwl-card-title{display:block;padding:10px 12px 2px;font-size:14.5px;font-weight:600;line-height:1.5;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sfwl-card:hover .sfwl-card-title{color:var(--primary)}
.sfwl-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 11px}
.sfwl-author{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;color:var(--text-2)}
.sfwl-author:hover{color:var(--primary)}
.sfwl-author-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;flex:none;background:var(--card-2)}
.sfwl-author-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sfwl-card-meta{display:inline-flex;align-items:center;gap:10px;flex:none;color:var(--text-3);font-size:12px}
.sfwl-card-meta span{display:inline-flex;align-items:center;gap:3px}
.wf-viewer{position:relative;margin:6px 0 18px;border-radius:var(--radius);overflow:hidden;background:#0f172a;box-shadow:var(--shadow)}
.wf-viewer .swiper{max-height:70vh}
.wf-viewer .swiper-slide{display:flex;align-items:center;justify-content:center;background:#0f172a}
.wf-viewer .wf-g-img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}
.wf-viewer .wf-g-count{position:absolute;top:12px;left:12px;z-index:5;padding:4px 12px;border-radius:999px;background:rgba(15,23,42,.66);color:#fff;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.wf-viewer .wf-g-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:15px;cursor:pointer;transition:background .2s ease;backdrop-filter:blur(4px)}
.wf-viewer .wf-g-arrow:hover{background:var(--primary)}
.wf-viewer .wf-g-arrow.prev{left:14px}
.wf-viewer .wf-g-arrow.next{right:14px}
.wf-viewer .swiper-pagination{bottom:10px}
.wf-viewer .swiper-pagination-bullet{background:#fff;opacity:.6;width:7px;height:7px}
.wf-viewer .swiper-pagination-bullet-active{background:var(--primary);opacity:1;width:18px;border-radius:999px}
@media (max-width:1023px){.sfwl-card{width:calc((100% - 28px)/ 3)}
}
@media (min-width:993px){.has-sub>.nav-link{padding-right:26px}
.has-sub>.nav-link .sub-arrow{position:absolute;right:12px}
.sub-menu{position:absolute;top:100%;left:50%;min-width:168px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.has-sub:focus-within .sub-menu,.has-sub:hover .sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.has-sub:focus-within>.nav-link .sub-arrow,.has-sub:hover>.nav-link .sub-arrow{transform:rotate(180deg)}
.sub-menu li+li{border-top:1px solid var(--card-2)}
.sub-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;font-size:14px;color:var(--text-2);transition:background .15s ease,color .15s ease}
.sub-menu a:hover{background:var(--primary-soft);color:var(--primary)}
.sub-menu a i{width:16px;text-align:center;font-size:14px}
}
@media (max-width:992px){.nav-toggle{display:block}
.main-nav{position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--header-h));overflow-y:auto;display:none}
.nav-open .main-nav{display:block}
.nav-list{display:block;padding:8px 0 14px;margin-left:inherit}
.nav-link{height:48px;padding:0 20px;font-size:15.5px;justify-content:space-between}
.nav-link.active{background:var(--primary-soft)}
.nav-link.active::after{display:none}
.nav-item+.nav-item{border-top:1px solid var(--card-2)}
.sub-arrow{font-size:12px}
.has-sub.open>.nav-link{color:var(--primary)}
.has-sub.open>.nav-link .sub-arrow{transform:rotate(180deg)}
.sub-menu{display:none;background:var(--card-2);border-radius:8px;margin:0 12px 10px;padding:4px 0}
.has-sub.open .sub-menu{display:block}
.sub-menu a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:14.5px;color:var(--text-2)}
.sub-menu a:active{color:var(--primary)}
.sub-menu a i{width:16px;text-align:center}
.home-grid{grid-template-columns:1fr}
.home-side{display:none;}
.qn-grid{grid-template-columns:repeat(4,1fr)}
.page-grid{grid-template-columns:1fr}
.page-side .widget:first-child{margin-top:0}
.article-wrap{grid-template-columns:1fr}
.article-side{display:none;}
}
@media (max-width:768px){.footer-main{grid-template-columns:1fr 1fr;gap:22px}
.footer-about{grid-column:1/-1}
.load-next-page{margin:18px 0 4px}
.load-next{width:100%}
.hero-swiper{height:230px}
.hero-caption{padding:26px 16px 13px}
.hero-title{font-size:16px}
.dual-section{grid-template-columns:1fr}
.article-card{padding:20px 16px}
.article-header h1{font-size:21px}
.article-nav{grid-template-columns:1fr}
.nav-next{text-align:left}
.action-bar .action-tip{display:none}
.article-content{font-size:15px}
.comments{padding:18px 16px}
.comment-actions{flex-wrap:wrap;row-gap:6px}
.comment-actions .comment-time{margin-left:0;width:100%}
.stats-grid{grid-template-columns:1fr}
.archive-box{padding:20px 16px}
.tags-cloud{padding:22px 16px}
.gallery-grid-inline{grid-template-columns:repeat(2,1fr)}
.article-card-citation{flex-direction:column;gap:12px}
.article-card-citation .post-thumbs{width:100%}
.sfwl-card{width:calc((100% - 10px)/ 2);margin-bottom:10px}
}
@media (max-width:640px){.post-item{flex-direction:column}
.post-thumb{flex:none;width:100%;height:176px}
.coll-detail-head{flex-direction:column}
.coll-detail-cover{width:100%}
.coll-detail-cover img{height:180px}
.sticky-badge {top: 27px;right: 25px;}
}
@media (max-width:600px){.home-side{grid-template-columns:1fr}
.hero-swiper{height:200px}
.hero-arrow{display:none}
.article-side{grid-template-columns:1fr}
.article-content table{display:block;overflow-x:auto}
.collection-grid{grid-template-columns:1fr 1fr}
.link-grid{grid-template-columns:1fr}
}
@media (max-width:560px){.related-grid{grid-template-columns:1fr}
}
@media (max-width:480px){.footer-main{grid-template-columns:1fr}
}
@media (max-width:360px){.sfwl-card{width:calc((100% - 6px)/ 2);margin-bottom:6px}
}