/*底部友链优化*/
.forumcontent h5{font-size: 14px;margin-bottom: 3px;}
/* 让侧栏 .sd 在 flex 布局下拉伸至与主区 .mn 等高，
   使内部 position:sticky 的广告位能在整页滚动期间持续悬浮 */
.ct2 .sd {position: inherit;}
#ct.wp.cl.ct2{display:flex;align-items:stretch;}
#ct.wp.cl.ct2>.mn{float:none;flex:1 1 auto;min-width:0;}
#ct.wp.cl.ct2>.sd{float:none;flex:0 0 auto;}
#ct.wp.cl.ct2 > .mn { margin-right: 15px; }

.comiis_rbox_imglistd .km_tit{line-height:16px;font-size:12px;-webkit-line-clamp:1}
.comiis_rbox_imglistd .km_bk{display:none}
.comiis_rbox_imglistd .km_bg{font-size:10px;padding:20px 20px 5px}
.comiis_rbox_imglistd .fico-km_name::before{font-size:12px;margin:5px 4px 0 0}
.comiis_rbox_imglistd .fico-km_time::before{font-size:12px;margin:5px 4px 0 15px}
.group-icon{transition:all .5s}
.group-icon:hover{transform:scale(1.5) rotate(360deg)}
.index-user .index-user-avt{height:60px;padding:22px 15px 18px;background:var(--comiis-nvbg);position:relative;border-top-left-radius:var(--comiis-radius-m);border-top-right-radius:var(--comiis-radius-m);border-radius:var(--comiis-radius-m);transition:all .3s ease}
.index-user .index-user-avt:hover{background-image:url(/NM-DIY/img/comiis_cptbg.png)!important;background-repeat:no-repeat!important;background-position:center -40px!important;background-size:cover!important}
.index-user .index-user-avt .user-avt{display:block;float:left;width:60px;height:60px;margin-right:12px;border-radius:50%;background:rgba(255,255,255,.2);overflow:hidden}
.index-user .index-user-avt .user-avt .user_avatar_big{width:60px;height:60px;vertical-align:top}
.index-user .index-user-avt h1,.index-user .index-user-avt h1 a{color:var(--comiis-nvtxt)}
.index-user .index-user-avt h1{margin:10px 0 0;font-size:16px;line-height:24px;font-weight:400}
.index-user .index-user-avt h1 a:hover{/*color:#fff;border-bottom:1px solid #fff;*/text-decoration:none}
.index-user .index-user-avt p{line-height:20px;font-size:12px;color:#a3a3a3;}
.waves{width:100%;height:30px;position:absolute;left:0;z-index:1;bottom:0;background:0 0;user-select:none;pointer-events:none;overflow:hidden;border-bottom-right-radius:var(--comiis-radius-m);border-bottom-left-radius:var(--comiis-radius-m)}
.waves::after,.waves::before{content:'';width:100%;height:30px;position:absolute;left:0;background-size:600px auto!important}
.waves::after{background:url("/NM-DIY/img/wavetop_pc.svg") repeat-x 0 0;-webkit-animation:wave 6s infinite linear;animation:wave 6s infinite linear;top:5px;z-index:2}
.waves::before{background:url("/NM-DIY/img/wavebottom_pc.svg") repeat-x 0 0;-webkit-animation:wave 3s infinite linear;animation:wave 3s infinite linear;top:0;z-index:1}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.waves{min-width:600px}}
@-webkit-keyframes wave{0%{background-position:0 0}100%{background-position:600px 0}}
@keyframes wave{0%{background-position:0 0}100%{background-position:600px 0}}
.index-chart{padding:10px 8px 5px;overflow:hidden;background:var(--comiis-bgf);border-bottom-right-radius:var(--comiis-radius-m);border-bottom-left-radius:var(--comiis-radius-m);position:relative}
.index-chart li{float:left;width:25%;font-size:12px;text-align:center}
.index-chart i{width:40px;height:40px;margin-bottom:5px;border-radius:50%;display:inline-block;vertical-align:top;background-size:auto 20px!important;background-repeat:no-repeat;background-position:50% 50%}
.index-chart a:hover,.index-chart a:hover span{text-decoration:none}
.index-chart span{display:block;line-height:18px;margin-bottom:5px}
.index-chart i.re_document{background-image:url("/NM-DIY/img/document-f.svg");background-color:rgba(0,102,255,.12)}
.index-chart i.re_folder{background-image:url("/NM-DIY/img/folder-f.svg");background-color:rgba(255,150,7,.12)}
.index-chart i.re_sackdollar{background-image:url("/NM-DIY/img/coin-up-f.svg");background-color:rgba(244,200,7,.12)}
.index-chart i.re_settings{background-image:url("/NM-DIY/img/settings-f.svg");background-color:rgba(38,191,191,.12)}
.index-chart li.signiya{-webkit-filter:grayscale(100%)!important;filter:grayscale(100%)!important;opacity:.5}
.index-chart i.re_login{background-image:url("/NM-DIY/img/fingerprint-f.svg");background-color:rgba(125,160,5,.12)}
.index-chart i.re_sign{background-image:url("/NM-DIY/img/users-f.svg");background-color:rgba(0,153,238,.12)}
.forum-chart{padding:15px 8px 16px;overflow:hidden}
.forum-chart li{float:left;width:25%;font-size:12px;text-align:center;color:#989898}
.forum-chart i.re_comment{background-image:url("/NM-DIY/img/comment-f.svg");background-color:rgba(255,150,7,.12)}
.forum-chart i{width:40px;height:40px;margin-bottom:5px;border-radius:50%;display:inline-block;vertical-align:top;background-size:auto 20px!important;background-repeat:no-repeat;background-position:50% 50%}
.forum-chart span{line-height:18px;font-size:14px;color:var(--comiis-color)}
.forum-chart i.re_hourglass{background-image:url("/NM-DIY/img/hourglass-f.svg");background-color:rgba(145,183,4,.12)}
.forum-chart i.re_calendar{background-image:url("/NM-DIY/img/document-f.svg");background-color:rgba(0,102,255,.12)}
.forum-chart i.re_user{background-image:url("/NM-DIY/img/user-f.svg");background-color:rgba(38,191,191,.12)}
.forum-story::after{content:"";display:block;height:70px;width:70px;position:absolute;top:-11px;right:16px;background:url("/NM-DIY/img/wisdom.png") no-repeat 50% 50%;background-size:auto;background-size:auto 70px}
.forum-story{height:40px;margin:0 15px 12px;padding:13px 85px 13px 15px;border-radius:5px;position:relative;background-color:#8f8f8f21;letter-spacing:3px}
.forum-story h2{line-height:20px;font-size:15px;font-weight:400;margin-bottom:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.forum-story p{line-height:18px;font-size:13px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.forum-storypost{margin:0 15px 15px;line-height:40px;text-align:center;font-size:15px}
.forum-storypost a{display:block;color:var(--comiis-color);border-radius:5px;border:1px solid var(--comiis-color);letter-spacing:5px}
.forum-storypost a:hover{text-decoration:none;background-color:var(--comiis-bgc)}
.vt-pencil::before{content:"\f10e";font-family:dzicon}
.forum-storypost a i{position:relative;top:1px;margin-right:5px;font-size:16px}
.forum-storypost a{position:relative;overflow:hidden;transition:all .3s ease}
.forum-storypost a:hover{box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 1px var(--comiis-color),0 0 3px rgba(135,135,135,.39)}
.forum-storypost a:hover{position:relative;z-index:1}
.forum-storypost a:hover::after,.forum-storypost a:hover::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:30%;background:linear-gradient(to right,rgba(146,146,146,.35),rgba(255,255,255,0))}
.forum-storypost a:hover::before{left:-30%;transform:skewX(-30deg);animation:scanLeft 2s linear infinite}
.forum-storypost a:hover::after{right:-30%;transform:skewX(30deg);animation:scanRight 2s linear infinite}
@keyframes scanLeft{0%{left:-30%}100%{left:100%}}
@keyframes scanRight{0%{right:-30%}100%{right:100%}}
.duceapp_vipiconp,.duceapp_vipiconpy{margin-bottom:0;vertical-align:sub}
.portal-container{max-width:1200px;margin:0px 0px 15px 0px;padding:15px;background:var(--comiis-bgf);box-shadow:var(--comiis-shadow);border-radius:var(--comiis-radius-m);position:relative}
.action-buttons{position:fixed;left:calc(50% - 666px);top:45%;transform:translateY(-50%);z-index:9000;display:flex;flex-direction:column;gap:10px;padding:10px 8px;border-radius:10px;background:rgba(255, 255, 255, 0);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px rgba(31,38,135,.15),inset 0 1px 0 rgba(255,255,255,.6);border:1px solid rgba(187, 187, 187, 0.43)}
.action-btn{position:relative;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(187, 187, 187, 0.43);box-shadow:0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8);overflow:visible;background:linear-gradient(135deg,rgba(255, 255, 255, 0) 0%,rgba(248, 250, 252, 0) 100%)}
.action-btn::before{content:'';position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(135deg,var(--btn-gradient-start),var(--btn-gradient-end));opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}
.action-btn:hover::before{opacity:.4}
.action-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.action-btn:active{transform:translateY(0) scale(.98)}
.action-btn-signin{--btn-gradient-start:#ff9a56;--btn-gradient-end:#ff6b35;--btn-color:#ff6b35}
.action-btn-tasks{--btn-gradient-start:#56d364;--btn-gradient-end:#238636;--btn-color:#238636}
.action-btn-random{--btn-gradient-start:#a78bfa;--btn-gradient-end:#7c3aed;--btn-color:#7c3aed}
.action-btn-signin{color:var(--btn-color)}
.action-btn-tasks{color:var(--btn-color)}
.action-btn-random{color:var(--btn-color)}
.action-icon{width:18px;height:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.action-btn:hover .action-icon{transform:scale(1.15) rotate(-5deg)}
.action-label{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-8px);padding:8px 14px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:10px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.action-label::before{content:'';position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent}
.action-btn-signin .action-label{background:linear-gradient(135deg,#ff9a56,#ff6b35)}
.action-btn-signin .action-label::before{border-right-color:#ff9a56}
.action-btn-tasks .action-label{background:linear-gradient(135deg,#56d364,#238636)}
.action-btn-tasks .action-label::before{border-right-color:#56d364}
.action-btn-random .action-label{background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.action-btn-random .action-label::before{border-right-color:#a78bfa}
.action-btn:hover .action-label{opacity:1;transform:translateY(-50%) translateX(0)}
@media (max-width:1400px){.action-buttons{left:20px}}
.sort-tabs-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}
.forum-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}
.forum-list-title{font-size:16px;font-weight:600;color:var(--comiis-color);display:flex;align-items:center;gap:6px}
.forum-list-title-icon{font-size:18px}
.forum-list-count{font-size:12px;color:var(--comiis-color);opacity:.5}
.forum-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.forum-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--comiis-bgf,#fff);border-radius:10px;border:1px solid rgba(128,128,128,.15);text-decoration:none;transition:all .2s ease;position:relative}
.forum-card:hover{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(168,85,247,.05));border-color:rgba(99,102,241,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.1)}
.forum-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.1));display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.forum-card-icon img{width:32px;height:32px;border-radius:6px;object-fit:cover}
.forum-card-main{flex:1;min-width:0}
.forum-card-name{font-size:14px;font-weight:500;color:var(--comiis-fa);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-card-stats{display:flex;align-items:center;gap:10px;font-size:11px}
.stat-posts{color:var(--comiis-color);opacity:.6}
.stat-today{color:#f00;font-weight:600}
.forum-card-arrow{font-size:14px;color:var(--comiis-color);opacity:.1;transition:all .2s ease}
.forum-card:hover .forum-card-arrow{opacity:.6;transform:translateX(2px)}
.thread-item{border:none;border-radius:0;padding:10px 12px;margin-bottom:0;background:transparent;border-bottom:1px dashed rgba(128,128,128,.15);transition:all .25s ease;position:relative;cursor:default}
.thread-item:hover{border-bottom-color:var(--comiis-color)!important;background:rgba(135, 135, 135, 0.08);box-shadow:none}
.thread-item.sticky{position:relative;background:#ff000008}
.thread-item.sticky::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff6b35;border-radius:2px}
.thread-item.digest:not(.sticky){position:relative;background:#fff1000a}
.thread-item.digest:not(.sticky)::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:gold;border-radius:2px}
.thread-item.highlighted:not(.sticky):not(.digest){position:relative;background:#0074ff0a}
.thread-item.highlighted:not(.sticky):not(.digest)::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#007bff;border-radius:2px}
.thread-item.heat-hot-row:not(.sticky):not(.digest):not(.highlighted){background:linear-gradient(to right,rgba(230,126,34,.02),rgba(230,126,34,.05))}
.thread-item.heat-explosive-row:not(.sticky):not(.digest):not(.highlighted){background:linear-gradient(90deg,rgba(230,126,34,.02) 0%,rgba(230,126,34,.08) 30%,rgba(255,193,7,.1) 50%,rgba(230,126,34,.08) 70%,rgba(230,126,34,.02) 100%);background-size:200% 100%;animation:heat-flow 3s ease-in-out infinite;border-bottom-color:rgba(230,126,34,.2)}
@keyframes heat-flow{0%{background-position:100% 0}100%{background-position:-100% 0}}
.thread-header{display:flex;align-items:center;gap:10px}
.luckydraw-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:400;vertical-align:middle;transition:all .2s ease;text-shadow:none;box-shadow:none}
.luckydraw-tag:hover{transform:none;box-shadow:none}
.luckydraw-tag .luckydraw-text{font-style:normal}
.luckydraw-tag.luckydraw-running{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}
.luckydraw-tag.luckydraw-drawn{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff}
.luckydraw-tag.luckydraw-ended{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}
.luckydraw-tag.luckydraw-failed{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}
.pb-thread-tag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;vertical-align:middle;cursor:pointer;transition:transform .2s ease}
.pb-thread-tag:hover{transform:scale(1.15)}
.pb-thread-tag i{font-size:14px}
.pb-tag-running{color:#2d9b83}
.pb-tag-empty{color:#e07b4c}
.pb-tag-closed{color:#d94f5c}
.pb-tag-settled{color:#8b8fa3}
.avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#999;border:1px solid #e0e0e0}
.thread-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.thread-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;min-height:22px}
.title-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}
.thread-title{font-size:16px;font-weight:400;line-height:1.4;min-width:0;flex:1;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.title-text-wrap{display:inline-flex;align-items:center;gap:0;min-width:0;flex:1;overflow:hidden}
.title-text-wrap .highlight-wrapper{flex:1;min-width:0}
.thread-title a{text-decoration:none;display:inline-block;line-height:1.2;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0;cursor:pointer}
.thread-title a:visited{color:#999}
.thread-title a:visited:hover{color:var(--comiis-ahover)}
.title-tooltip{position:fixed;z-index:99999;max-width:650px;padding:10px 16px;background:#000;color:#fff;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:1px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.3);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;word-break:break-word;white-space:normal}
.title-tooltip.visible{opacity:1;transform:translateY(0)}
.title-tooltip::after{content:'';position:absolute;bottom:-6px;left:24px;width:12px;height:12px;background:#000;transform:rotate(45deg)}
.highlight-wrapper{display:inline-flex;align-items:center;flex:1 1 0%;min-width:0;line-height:1.2}
.highlight-wrapper a{display:inline-block;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.status-container{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:5px}
.thread-status{display:flex;align-items:center;gap:4px}
.status-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:400;color:#fff;}
.status-sticky{background:#ff6b35}
.status-digest{background:gold;color:#692200}
.status-highlight{background:#007bff}
.thread-stats{display:flex;gap:8px;flex-shrink:0;margin-left:auto}
.thread-meta-row{font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;line-height:1.2;min-height:15px;opacity:.5}
.thread-item:hover .thread-meta-row{opacity:.8}
.forum-link{text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:3px;font-size:10px}
.forum-link:hover{opacity:.7}
.forum-icon{width:12px;height:12px;vertical-align:middle}
.thread-author a{text-decoration:none;font-size:10px}
.meta-separator{font-size:10px}
.thread-time{font-size:10px}
.thread-time.today{color:#ff4757;font-weight:600;background:rgba(255,71,87,.1);padding:1px 6px;border-radius:3px}
.stat-item{display:inline-flex;align-items:center;gap:3px;font-size:10px}
.stat-icon{font-size:10px}
.status-icons{display:flex;align-items:center;gap:4px}
.status-icon{font-size:12px}
.status-icon.shenping-icon{display:inline-flex;align-items:center;justify-content:center;padding:1px 2.5px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:11px;font-weight:400;border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,.2);}
.thread-avatar .avatar-link img{width:28px!important;height:28px!important;border-radius:20%!important;object-fit:cover!important;border:1px solid #f0f0f0!important;transition:border-color .2s ease!important;vertical-align:middle}
.thread-avatar:hover img{border-color:var(--comiis-color)!important}
.pagination{text-align:right;}
.pagination .pg{margin-top: 20px;}
.sort-tabs{position:relative;display:inline-flex;gap:6px;padding:6px;border-radius:14px;/*backdrop-filter:blur(10px);*/background:linear-gradient(145deg,#8e8a8a08,#a5a0a01a);/*box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.21),0 1px 0 rgba(255, 255, 255, 0.17);*/border:1px solid rgba(122, 122, 122, 0.2);flex-shrink:0}
.sort-tabs a{position:relative;font-size:13px;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border:none;border-radius:10px;text-decoration:none;font-weight:400;letter-spacing:.3px;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1;overflow:hidden;color:var(--comiis-fb);background:rgba(159, 159, 159, 0.1);border:1px solid rgba(148, 148, 148, 0.2);/*background-image:repeating-linear-gradient(45deg,#00000008,#3b3b3b0d 4px,rgba(255, 255, 255, 0) 4px,rgba(255, 255, 255, 0.18) 5px);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)*/}
.sort-tabs a:hover{color:var(--comiis-fa);background:rgba(96, 96, 96, 0.11);box-shadow:0 3px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(255, 255, 255, 0.4);background-image:repeating-linear-gradient(45deg,#00000008,#3b3b3b1f 4px,rgba(255, 255, 255, 0) 4px,rgba(255, 255, 255, 0.18) 5px)}
.sort-tabs a.active{color:#fff;text-shadow:none;border-color: var(--comiis-btnbga);background-image:repeating-linear-gradient(45deg,#00000008,#3b3b3b1f 4px,rgba(255, 255, 255, 0) 4px,rgba(255, 255, 255, 0.18) 5px);/*background-color:#9090905c;*/box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700;font-size: 15px;padding: 8px 18px;}
.sort-tabs .tab-slider{background:var(--comiis-btnbg);box-shadow:0 4px 15px rgba(0,0,0,.2);}
.sort-tabs .tab-slider{position:absolute;top:6px;height:calc(100% - 12px);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}
.forum-list-tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:13px;font-weight:400;letter-spacing:.3px;text-decoration:none;border-radius:50px;transition:all .35s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:auto;height:fit-content;align-self:center;background:var(--comiis-btnbg);color:#fff;border: 1px solid var(--comiis-btnbga);/*box-shadow: 0 2px 8px color-mix(in srgb,#4a7c59 20%,transparent);*/}
.forum-list-tab:hover{color:#fff;transform:translateY(-1px)}
.forum-list-tab.active{background:linear-gradient(135deg,var(--comiis-color) 0,var(--comiis-color) 100%);color:var(--comiis-bodybg);text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight: 600;}
/*.sub-tabs-wrapper{margin:-15px 0 10px 0;padding:0 0 1px 0;overflow:hidden;display:flex;align-items:center;gap:10px;position:relative;border-bottom:1px solid rgba(176,176,176,.3)}*/
.sub-tabs-wrapper{margin:-10px 0 10px 0;overflow:hidden;align-items:center;background: linear-gradient(145deg,#94939317,#b4b4b414);/*box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.17),0 1px 0 rgba(255, 255, 255, 0);*/border:1px solid rgba(122, 122, 122, 0.2);position: relative;gap: 6px;padding: 0px 5px;border-radius: 34px;display: flex;justify-content: space-between;}
/*.sub-tabs-scroll{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1}*/
.sub-tabs-scroll{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1}
.sub-tabs-scroll::-webkit-scrollbar{display:none}
.sub-tab-all{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(148,148,148,.3);transition:all .25s ease;white-space:nowrap;gap:6px}
.sub-tab-all:hover{background:rgba(163,162,162,.15);transform:translateY(-1px)}
.sub-tab-all.active{color:var(--comiis-nvtxt);background:var(--comiis-nvbg);border-color:var(--comiis-btnbga);font-weight:600}
.sub-tab-item{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(148,148,148,.2);transition:all .25s ease;white-space:nowrap;gap:6px}
.sub-tab-item:hover{background:rgba(163,162,162,.15);transform:translateY(-1px)}
.sub-tab-item.active{color:var(--comiis-nvtxt);background:var(--comiis-nvbg);border-color:var(--comiis-btnbga);font-weight:600}
.sub-tab-icon{font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.sub-tab-icon-img{width:16px;height:16px;border-radius:3px;object-fit:cover}
.sub-tab-text{line-height:1}
.no-threads{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}
.no-threads-icon{font-size:64px;margin-bottom:16px;opacity:.6;animation:no-threads-float 3s ease-in-out infinite}
@keyframes no-threads-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.no-threads-title{font-size:18px;font-weight:600;color:var(--comiis-color,#333);margin-bottom:8px}
.no-threads-desc{font-size:14px;color:#999;max-width:300px;line-height:1.5}
.sub-tabs-hint{position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(20px);display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,0,0,.75);border-radius:20px 0 0 20px;font-size:11px;color:#d0fe00;white-space:nowrap;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:-2px 2px 8px rgba(0,0,0,.4),0 0 10px rgba(208,254,0,.2);border:1px solid rgba(208,254,0,.3);border-right:none;z-index:10}
.sub-tabs-hint.show{opacity:1;transform:translateY(-50%) translateX(0)}
.sub-tabs-hint.hide{opacity:0;transform:translateY(-50%) translateX(30px)}
.sub-tabs-hint .hint-icon{font-size:14px;animation:hint-bounce 1.5s ease-in-out infinite}
.sub-tabs-hint .hint-arrow{animation:hint-slide 1s ease-in-out infinite}
@keyframes hint-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes hint-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.tab-loading{position:relative;pointer-events:none}
.tab-loading::after{content:'';position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:tab-spin .8s linear infinite;margin-left:8px}
@keyframes tab-spin{to{transform:rotate(360deg)}}
.threads-list{transition:opacity .3s ease,transform .3s ease}
.threads-list.tab-transition{opacity:0;transform:translateY(10px)}
.custom-btn{width:130px;height:40px;padding:10px 25px;border:1px solid var(--comiis-color);font-family:'975Maru SC'!important;font-weight:400;background:0 0;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}
.btn-12{position:relative;right:20px;bottom:20px;border:none;width:130px;height:38px;line-height:38px;color:var(--comiis-color)}
.btn-12 span{display:block;position:absolute;width:130px;height:40px;border:1px solid var(--comiis-color);margin:0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;border-radius:4px;letter-spacing:1px}
.btn-12 span:first-child{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -20px;-moz-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}
.btn-12 span:nth-child(2){-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:50% 50% -20px;-moz-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px;font-size:14px}
.btn-12:hover span:first-child{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}
.btn-12:hover span:nth-child(2){background:#e0e5ec;color:#e0e5ec;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.hot-top .left{float:left}
.hot-top .right .top-ul li a h3{white-space:nowrap}
.hot-top .right{float:right}
img{border:none}
.hot-top{background:var(--comiis-bgf);margin-bottom:15px;padding:15px 10px;position:relative;height:80px;overflow:hidden;border-radius:var(--comiis-radius-m)}
.hot-top .tg-ph{background-size:100% 100%;position:absolute;right:0;top:0;z-index:-1;display:block;width:60px;height:60px}
.hot-top .left{height:100%}
.hot-top .left a{display:block;width:80px;height:35px;line-height:35px;background:#83838321;text-align:center;font-size:12px;color:#989898;margin-bottom:10px;cursor:pointer;border-radius:var(--comiis-radius-m);border:1px solid #92929240;letter-spacing:1px}
.hot-top .left a:last-child{margin-bottom:0}
.hot-top .left .hover{background:var(--comiis-nvbg);color:var(--comiis-nvtxt);position:relative;border:1px solid var(--comiis-color)}
.hot-top .left .hover:after{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--comiis-color);position:absolute;top:11.5px;right:-10px;z-index:1}
.hot-top .right-main{height:100%;white-space:nowrap;overflow-y:hidden;overflow-x:auto;margin-bottom:10px}
.hot-top .right-main:last-child{margin-bottom:0}
.hot-top .right-overflow{transition:.4s all;transform:translateY(0)}
.hot-top .right{float:left;width:calc(100% - 95px);margin-left:10px;height:100%}
.hot-top .right .top-ul{height:85px}
.hot-top .right .top-ul li{width:65px;margin:0 5px;display:inline-block}
.hot-top .right .top-ul li:nth-child(10n){margin-right:0}
.hot-top .right .top-ul li a{display: grid;justify-content: center;}
.hot-top .right .top-ul li a .list-img{display: grid;justify-content: center;}
.hot-top .right .top-ul li a .list-img img{width:50px;border-radius:50%;transition:all .5s;height:50px}
.hot-top .right .top-ul li a .list-img img:hover{transform:rotate(360deg)}
.hot-top .right .top-ul li a h3{margin-top:8px;font-size:12px;line-height:25px;height:25px;overflow:hidden;width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}
span.note{position:absolute;top:10px;right:-50px;z-index:1;width:140px;height:20px;background:var(--comiis-nvbg);color:var(--comiis-nvtxt);line-height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);text-align:center;font-size:12px}
img.rela{position:absolute;left:52px;z-index:2;top:58px;height:25px;width:25px}
/* 热度分级样式 */
.stat-item.heat-warm{color:#e67e22}
.stat-item.heat-warm .icon{color:#e67e22}
.stat-item.heat-hot{color:#e74c3c}
.stat-item.heat-hot .icon{color:#e74c3c}
.stat-item.heat-explosive{color:#ff1744;font-weight:600}
.stat-item.heat-explosive .icon{color:#ff1744}
/* 标题火焰图标 */
.title-flame{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:auto}
.title-flame.size-warm{width:12px;height:12px;color:#e67e22}
.title-flame.size-hot{width:14px;height:14px;color:#e74c3c}
.title-flame.size-explosive{width:16px;height:16px;color:#ff1744;filter:drop-shadow(0 0 3px rgba(255,23,68,.4));animation:heat-pulse 2s ease-in-out infinite}
@keyframes heat-pulse{0%,100%{opacity:1}50%{opacity:.7}}