*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;margin:0;padding:0;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#222;-webkit-font-smoothing:antialiased}
html[lang="zh-CN"] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}
.clearfix::after{content:"";display:table;clear:both}
a{text-decoration:none;cursor:pointer;color:#2440b3;outline:none}
a:hover{color:#dd0000}
input,input:active,input:focus{outline:none;border:0;padding:0;background:none}
ul{list-style:none}
.fontsize{font-size: 1rem;line-height: 170%;}
/* ===== header ===== */
 #header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#fff;transition:box-shadow 0.3s ease;box-shadow:none;padding:0 15px;}
#header.header-shadow{box-shadow:0 4px 12px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05)}
#header .header{max-width:1820px;height:40px;margin:20px auto;position:relative;}
#header .header .logo{float:left;height:40px;width:195px}#header .header .logo img{float:left;height:40px; auto}#header .header .logo h2{font-family:"FangSong","仿宋","SimFang","SimSun",serif;font-weight:700;font-size:18px;width:60px;display:block;float:left;vertical-align:middle;margin:5px 0 0 10px;padding-left:6px;border-left:1px solid #dadada}#header .header .logo h2 a{color:#222}#header .header .logo h2 a:hover{color:#dd0000}
#header .header .search{max-width:1380px;margin:0 auto}
#header .header form{width:676px;height:40px;display:block;float:left;position:relative; margin-left:15px;}
#header .header form #keyboard{font-size:14px;width:100%;line-height:36px;height:40px;float:left;background-color:#f4f4f4;border:1px solid #f4f4f4;padding:0 15px;color:#666;border-radius:25px;box-shadow:inset 0 0 0 1000px #f4f4f4 !important;transition:border-radius 0.2s ease;position:relative;z-index:2}
#header .header form input::placeholder{color:#ccc;font-size:14px}
#header .header form .btn{position:absolute;padding:0;background-color:#f4f4f4;border:1px solid #f4f4f4;color:#888;cursor:pointer;right:50px;top:10px;height:20px;z-index:10}
#header .header form .btn i{font-size:20px}
#header .header form .search-btn{height:36px;width:36px;border:none;background-color:#797979;color:#fff;cursor:pointer;right:2px;position:absolute;top:2px;font-size:15px;font-weight:500;border-radius:50%;transition:all 0.2s;margin:0;z-index:10}
#header .header form .search-btn:hover{background-color:#dd0000}
#header .header form #resoubtn i{font-size:18px;color:#aaa}
#header .header .more{height:40px;width:40px;color:#666;border:2px solid #f5f5f5;cursor:pointer;border-radius:50%;background:#fff;float:right;margin-right:25px}
#header .header .more i{font-size:30px}
#header .header .user{padding:0 15px;height:40px;font-size:14px;float:right;line-height:40px;background:#666;color:#fff;text-align:center;border-radius:15px}
#header .hot-search-box{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #f0f0f0;border-top:none;border-radius:0 0 25px 25px;box-shadow:0 8px 20px rgba(0,0,0,0.06);padding:10px 20px 20px 20px;display:none;z-index:20;transition:opacity 0.2s}
#header .hot-search-box.active{display:block}
#header .hot-list a{display:block;margin:6px 8px;font-size:12px;float:left;color:#888}
#header .hot-list a:hover{color:#e00000}
#header .hot-list a::before{content:"#";margin-right:2px;color:#bebebe}
#header .hot-close-btn{cursor:pointer;font-size:16px;transition:color 0.2s,background 0.2s;background:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#999;right:20px;position:absolute;bottom:20px}
#header .hot-close-btn:hover{color:#dd0000;background:#fff}
#header .hot-close-btn i{font-size:18px}
#header #keyboard.search-round-bottom{border-radius:25px 25px 0 0 !important}
#header #resoubtn.hidden-btn{display:none !important}   
/* ===== 左侧边栏 ===== */
.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10000;display:none;opacity:0;transition:opacity 0.25s}
.sidebar-overlay.open{display:block;opacity:1}
.sidebar{position:fixed;top:0;left:-520px;max-width:500px;width:100%;height:100%;z-index:99999;transition:left 0.3s ease;box-shadow:2px 0 20px rgba(0,0,0,0.08);padding:50px 60px;overflow-y:auto;overflow-x:hidden;background-image:url('img/logobg.png');background-size:26px 88px;background-position:right 30px bottom 30px;background-repeat:no-repeat;background-color:#434343;color:#b9b9b9}
.sidebar a{text-decoration:none;color:#f3f3f3}
.sidebar a:hover{color:#ff2020;font-weight:600}
.sidebar h3{font-size:18px;line-height:22px;margin-bottom:6px;color:#f3f3f3;font-weight:600}
.sidebar ul{margin:0;padding:0}
.sidebar ul li{font-size:14px;line-height:26px;font-weight:200}
.sidebar ul li span{font-size:12px;font-weight:200;color:#5d5d5d;margin:0 12px}
.sidebar ul li i{color:#999;font-size:12px}
.sidebar .border-top{border-top:1px solid #505050;margin-top:20px;padding-top:20px}
.sidebar h3 span{font-size:12px;font-weight:100;color:#888;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.sidebar h3 i{font-weight:100;color:#c3c3c3;font-size:22px}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-track{background-color:#404040}
.sidebar::-webkit-scrollbar-thumb{background:#555;border-radius:10px}
.sidebar::-webkit-scrollbar-thumb:hover{background:#777}
.sidebar.open{left:0}
.sidebar .close-sidebar{position:absolute;top:15px;right:15px;cursor:pointer;color:#f3f3f3}
.sidebar .close-sidebar i{font-size:28px}
.sidebar .close-sidebar:hover{color:#ff2020}
#menu{margin-top:80px;margin-bottom:15px;border-bottom:1px solid #f0f0f0;background:#fff}
#menu .menu{max-width:1380px;margin:0 auto;padding:0 15px 12px 15px;line-height:16px}
#menu .menu a{font-size:14px;margin-right:30px;line-height:20px;color:#777;position:relative;text-decoration:none}
#menu .menu .active{color:#000;font-weight:bold}
#menu .menu .active span{width:100%;height:3px;background:#1f1f1f;position:absolute;bottom:-15px;border-radius:2px}
.sub-menu{max-width:1380px;margin:0 auto;padding:0px 15px 20px 15px;line-height:20px}
.sub-menu li{float:left;font-size:14px;margin-right:20px}
.sub-menu .active{background:#e00000;color:#fff;text-align:center;border-radius:20px;display:inline-block;padding: 0 8px;}
 /* ===== 右下角浮动工具栏（新） ===== */
   .floating-toolbar{position:fixed;right:15px;bottom:20px;z-index:9998;display:flex;flex-direction:column;align-items:center;gap:12px}
.floating-toolbar .tool-btn{width:52px;height:52px;border-radius:50%;border:1px solid #e8e8e8;background:#ffffff;color:#444;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease;box-shadow:0 2px 12px rgba(0,0,0,0.06);font-size:12px;padding:0;line-height:1.1;position:relative}
.floating-toolbar .tool-btn:hover{background:#f5f5f5;border-color:#ccc;transform:scale(1.04)}
.floating-toolbar .tool-btn i{font-size:18px;color:#555;}
.floating-toolbar .tool-btn .tool-label{font-size:10px;color:#888;margin-top:2px;letter-spacing:0.3px}
.floating-toolbar .share-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}
.floating-toolbar .share-panel{display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height 0.35s ease,opacity 0.3s ease,visibility 0.3s ease,margin 0.3s ease;margin-top:0;background:#ffffff;border-radius:28px;padding:0 6px;box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid #e8e8e8}
.floating-toolbar .share-panel.open{max-height:240px;opacity:1;visibility:visible;margin-top:6px;padding:8px 6px}
.floating-toolbar .share-panel a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all 0.2s;color:#555;text-decoration:none;font-size:10px}
.floating-toolbar .share-panel a:hover{background:#f0f0f0;transform:scale(1.08)}
.floating-toolbar .share-panel a i{font-size:20px}
.floating-toolbar .share-panel a .share-label{font-size:8px;color:#999;margin-top:1px}
.floating-toolbar .share-panel a.weibo i{color:#ff8200}
.floating-toolbar .share-panel a.wechat i{color:#07c160}
.floating-toolbar .share-panel a.copy-url i{color:#666}
.floating-toolbar .share-panel a.weibo:hover{background:#fff0e0}
.floating-toolbar .share-panel a.wechat:hover{background:#e8f8ee}
.floating-toolbar .share-panel a.copy-url:hover{background:#f0f0f0}
#return-to-top-btn{opacity:0;visibility:hidden;transform:translateY(12px) scale(0.9);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease,background 0.2s;background:#f8f8f8;border-color:#ddd}
#return-to-top-btn.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
#return-to-top-btn:hover{background:#e8e8e8}
.fontsize-controls{display:inline-flex;align-items:center;gap:8px}
.fontsize-controls .ctrl-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f5f7fa;color:#555;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.2s;font-size:16px}
.fontsize-controls .ctrl-btn:hover{background:#e0e4ea}
.fontsize-controls .ctrl-btn i{font-size:18px}
.fontsize-controls .ctrl-label{font-size:12px;color:#888;padding:0 2px;user-select:none}
.toast-tip{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.75);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:99999;opacity:0;transition:opacity 0.4s;pointer-events:none;white-space:nowrap}
.toast-tip.show{opacity:1}    
/* ===== 头部工具左侧边栏响应式 ===== */
 @media (max-width:1100px){.header{height:30px;margin:15px}
.header .pc{display:none}
#header{position:static}
#header .header .logo img{height:30px; auto}
#header .header form{width:100%;height:40px;display:block;float:left;position:relative;left:0;margin-left:0;margin-top:0px}
#header .header form #keyboard{width:100%;border-radius:8px;background-color:#f5f5f5;border:1px solid #f5f5f5;padding:0 15px;color:#777;box-shadow:inset 0 0 0 1000px #f5f5f5 !important}
#header .header form .search-btn{border-radius:8px;background-color:#f5f5f5;border:1px solid #f5f5f5;color:#666}
#header .header form .search-btn i{font-size:20px}
#header .header form .search-btn:hover{color:#fff}
#header .header form .btn{background-color:#f5f5f5;border:1px solid #f5f5f5;color:#888;right:40px}
#header .header form .btn i{font-size:18px}
#header .header .more{height:28px;width:28px;color:#fff;border:1px solid #888;margin-right:15px;background:#888}
#header .header .more i{font-size:20px}
#header .header .user{padding:0;height:30px;line-height:30px;background:#fff;color:#888;border-radius:40px}
#header .header .user i{font-size:28px}
#menu{margin:40px auto 20px auto;}
#menu .menu{max-width:100%;margin:0;padding:12px 15px}
.hot-search-box{border-radius:0 0 8px 8px}
#keyboard.search-round-bottom{border-radius:8px 8px 0 0 !important}
.hot-search-box .hot-item{padding:8px 6px;font-size:13px}
.hot-search-box .hot-heat{font-size:11px;margin-left:8px}

}       
/* ===== h2标题 ===== */
.titlermxz,.titleh2{line-height:22px;margin:20px auto 10px auto}
.titlermxz h2,.titleh2 h2{float:left;font-size:20px;margin-right:15px;font-weight:600}
.titlermxz span,.titleh2 span{float:right}
.titlermxz span button,.titleh2 span a{background-color:#fff;margin-left:8px;border:1px solid #e5e5e5;font-size:14px;padding:4px 12px;border-radius:25px;cursor:pointer}
.titlermxz span .active,.titleh2 span .active{border:1px solid #e00000;background-color:#e00000;color:#fff}
.titlermxz i,.titleh2 i{font-weight:100;font-size:22px;background:linear-gradient(to bottom,#fb8e00,#e80000);-webkit-background-clip:text;background-clip:text;color:transparent}
/* ===== 左右基础框架 ===== */
.wrapper{max-width:1380px;margin:0 auto;position:relative;padding:0 15px;}
.wrapper #main{display:flex;gap:30px;align-items:flex-start;min-height:600px}
.wrapper #main .left{flex:1;padding:0;min-height:400px}
.wrapper #main .right{width:380px;flex-shrink:0;padding:0;margin-bottom:20px;position:sticky;top:100px;align-self:flex-start;transition:box-shadow 0.2s}
.wrapper #main .right.relative{position:relative;top:auto;align-self:stretch}
.wrapper #main .right .box{background-color:#fafafa;border-radius:12px;border:1px solid #e5e5e5;padding:15px}
.wrapper #main .right h3,.fontsize h3{display:block;position:relative;margin-bottom:10px;padding-left:13px;font-size:18px;line-height:18px;font-weight:700;color:#111}
.wrapper #main .right h3:before,.fontsize h3:before{content:"";display:inline-block;position:absolute;left:0px;border-radius:8px;height:18px;width:8px;background:linear-gradient(to top,#810000,#e00000);background:-webkit-linear-gradient(bottom,#810000,#e00000)}

@media (max-width:1400px){.wrapper #main .right{width:300px;}
}

@media (max-width:1100px){

 .wrapper #main {
        flex-direction: column; gap: 0px;
    }
    
    .wrapper #main .left {
        flex: none;        /* 取消flex伸缩 */
        width: 100%;       /* 宽度100% */
        min-height: auto;  /* 可根据需要调整 */
    }
    
    .wrapper #main .right {
        width: 100%;           /* 宽度100% */
        position: static;      /* 取消粘性定位，恢复默认值 */
        top: auto;             /* 清除top偏移 */
        align-self: auto;      /* 清除对齐方式 */
        margin-bottom: 20px;   /* 保留底部间距 */
    }
.titlermxz, .titleh2 {
    margin: 0px auto 10px auto;
}
}
/* ===== 瀑布流 ===== */
.grid-container{position:relative;width:100%;max-width:1400px;margin:0 auto;min-height:400px}
.grid-item{position:absolute;opacity:0;transition:opacity 0.3s ease;border-radius:12px;overflow:hidden;background:#fafafa;padding:1px;border:1px solid #e5e5e5}
.grid-item:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); /* 更明显、扩散的阴影 */
  /* 也可以添加轻微上浮效果，增强交互感（可选） */
  transform: translateY(-3px);
  transition: opacity 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.grid-item .item-content{background:#fafafa}
.grid-item .image-link{display:block;text-decoration:none;color:inherit}
.grid-item .image-wrapper{position:relative;overflow:hidden;border-radius:12px 12px 0 0;background:#fafafa;position:relative}
.grid-item .image-wrapper i{font-size:18px;color:#fafafa;position:absolute;left:50%;bottom:-1px;margin-left:-9px}
.grid-item .image-wrapper img{display:block;width:100%;height:auto;opacity:0;transition:opacity 0.4s ease}
.grid-item .image-wrapper img.loaded{opacity:1}
.skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;pointer-events:none}
@keyframes shimmer{0%{background-position:-200% 0}
100%{background-position:200% 0}
}.grid-item .image-title{padding:10px 10px 15px 10px;font-size:14px;font-weight:500;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loading-trigger{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 0;width:100%;color:#888;font-size:14px;letter-spacing:2px;text-align:center;position:relative;clear:both;grid-column:1 / -1;margin-top:20px}
.loading-spinner{width:20px;height:20px;border:2.5px solid #ddd;border-top-color:#d60000;border-radius:50%;animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}
}@media (max-width:768px){.grid-item .image-title{font-size:12px;padding:6px 4px 2px 4px}

}
/* ===== 频道底部最新滚动 ===== */
.new{background:#f5f6f9;margin:20px auto 0 auto;padding:30px 20px}
.newlist{max-width:1380px;margin:auto}
.new-wrap{width:100%;height:200px;overflow:hidden}
.new-list{list-style:none;margin:0;padding:0;transition:transform 0.8s ease-in-out}
.new-list li{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e9e9e9}
.new-list .tit{font-size:15px;color:#2d3436;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:20px;display:flex;align-items:center}
.new-list .tit i{font-size:12px;color:#999}
.new-list .tit a{color:#2d3436;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new-list .tit a:hover{color:#667eea}
.new-list .time{font-size:13px;color:#b2bec3;flex-shrink:0;white-space:nowrap}
.new-wrap:hover .new-list{transition-duration:0s !important}
@media (max-width:640px){.new-wrap{height:360px}
.new-list li{padding:12px 16px;flex-wrap:wrap}
.new-list .tit{font-size:14px;white-space:normal;margin-right:0;width:100%;margin-bottom:4px;line-height:1.5}
.new-list .tit a{white-space:normal;line-height:1.5}
.new-list .time{display:none}
}
/* ===== 文字列表排行榜 ===== */
.artlist ul{padding:0;}
.artlist li{counter-increment:list-counter;padding:15px 0px 15px 22px;position:relative;border-bottom:1px solid #eee;transition:all 0.2s ease}
.artlist li a{color:#555;font-size: 14px;}		
.artlist li:last-child{border-bottom:none}
.artlist li:hover a{color:#e00000}
.artlist p{padding-left: 12px;margin:0;font-size:14px;line-height:140%;color:#777;font-family:"FangSong","仿宋","SimFang","SimSun",serif}
.artlist li::before{content:counter(list-counter);position:absolute;left:0px;top:50%;transform:translateY(-50%);background-color:#b6a288;color:white;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}
/* ===== 底部 ===== */
#bottom{background-color:#434343;padding:25px 20px;width:auto}#bottom .bottom-width{max-width: 1380px;margin: auto;color: #999;font-size: 14px;line-height: 200%;}#bottom a{color: #999;}
#bottom .bottom-width .weixin{float:right;background-image:url("img/weixin.png");background-repeat:no-repeat;background-size:167px 100px;background-position:center;width:167px;height:100px}

@media (max-width:1023px){
#bottom .bottom-width .weixin{display: none;}
}