.zfhu-wrap,.zfhu-wrap *{box-sizing:border-box}.zfhu-wrap{--zfhu-card-bg:#fff;--zfhu-text:#1f2937;--zfhu-muted:#94a3b8;--zfhu-soft:#f7f9fd;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(15,23,42,.08);font-size:var(--zfhu-font-size);color:var(--zfhu-text);margin-top:var(--zfhu-mt);margin-bottom:var(--zfhu-mb);padding:var(--zfhu-wrap-py) var(--zfhu-wrap-px);max-width:var(--zfhu-max-width);width:100%;line-height:1.5}.zfhu-mode-normal{margin-left:auto;margin-right:auto}.zfhu-mode-breakout{width:min(var(--zfhu-max-width),calc(100vw - var(--zfhu-safe)*2));max-width:none;position:relative;left:50%;transform:translateX(-50%)}.zfhu-mode-full{width:calc(100vw - var(--zfhu-safe)*2);max-width:none;position:relative;left:50%;transform:translateX(-50%)}.zfhu-align-left.zfhu-mode-normal{margin-left:0;margin-right:auto}.zfhu-align-right.zfhu-mode-normal{margin-left:auto;margin-right:0}.zfhu-align-center.zfhu-mode-normal{margin-left:auto;margin-right:auto}.zfhu-parent-cleaned{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;border-radius:0!important;overflow:visible!important;min-height:0!important}.zfhu-parent-cleaned:before,.zfhu-parent-cleaned:after{box-shadow:none!important;border-color:transparent!important;background:transparent!important}.zfhu-wrap a{text-decoration:none;color:inherit}.zfhu-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.zfhu-title-row h2,.zfhu-title-row h3,.zfhu-title-row h4{margin:0;font-size:20px}.zfhu-card{background:var(--zfhu-card-bg);border:1px solid var(--zfhu-border);border-radius:var(--zfhu-radius);box-shadow:var(--zfhu-shadow);overflow:hidden}.zfhu-layout{display:grid;grid-template-columns:var(--zfhu-main-col) var(--zfhu-sidebar-width);gap:var(--zfhu-gap);align-items:start}.zfhu-layout.zfhu-no-sidebar{grid-template-columns:minmax(0,1fr)}.zfhu-main-card{min-height:var(--zfhu-main-min)}.zfhu-card-head{height:var(--zfhu-tab-height);min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--zfhu-border);gap:14px}.zfhu-tabs{display:flex;align-items:center;gap:22px;overflow:auto;white-space:nowrap;height:100%;scrollbar-width:none}.zfhu-tabs::-webkit-scrollbar{display:none}.zfhu-tab{appearance:none;border:0;background:transparent;color:#64748b;font-weight:800;height:100%;padding:0;position:relative;cursor:pointer;font-size:var(--zfhu-title-font-size)}.zfhu-tab:hover,.zfhu-tab.is-active{color:var(--zfhu-accent)}.zfhu-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--zfhu-accent);border-radius:999px}.zfhu-more{flex:0 0 auto;font-size:13px;color:#8aa0bd;font-weight:700}.zfhu-more:hover{color:var(--zfhu-accent)}.zfhu-panels{min-height:var(--zfhu-panel-min)}.zfhu-panel{display:none}.zfhu-panel.is-active{display:block}.zfhu-post-list{margin:0;padding:0;list-style:none}.zfhu-post-item{display:flex;align-items:center;gap:12px;min-height:var(--zfhu-post-height);padding:10px 18px;border-bottom:1px solid #f1f4f8}.zfhu-post-item:last-child{border-bottom:0}.zfhu-avatar,.zfhu-post-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;overflow:hidden}.zfhu-avatar img{width:100%;height:100%;object-fit:cover}.zfhu-post-icon{background:linear-gradient(135deg,var(--zfhu-term-color),#8ab4ff);color:#fff;font-weight:900}.zfhu-post-mid{min-width:0;flex:1}.zfhu-post-title-row{display:flex;align-items:center;gap:7px;min-width:0}.zfhu-post-title{font-size:var(--zfhu-title-font-size);font-weight:800;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zfhu-post-title:hover{color:var(--zfhu-accent)}.zfhu-badge{font-size:12px;border-radius:999px;padding:2px 7px;line-height:1.35;flex:0 0 auto;font-weight:700}.zfhu-badge-red{background:#fff1f2;color:#ef4444}.zfhu-badge-blue{background:#eff6ff;color:#2f7cff}.zfhu-badge-soft{background:#f1f5f9;color:#64748b}.zfhu-post-meta{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:12px;margin-top:4px;overflow:hidden;white-space:nowrap}.zfhu-post-meta a:hover{color:var(--zfhu-accent)}.zfhu-user-medal,.zfhu-user-vip{font-size:11px;border-radius:999px;padding:1px 5px;background:#fff7ed;color:#f97316;font-weight:700}.zfhu-user-vip{background:#fef3c7;color:#b45309}.zfhu-post-stats{display:flex;align-items:center;gap:13px;color:#94a3b8;font-size:12px;flex:0 0 auto}.zfhu-post-stats span{display:inline-flex;align-items:center;gap:4px}.zfhu-post-stats svg{width:15px;height:15px;fill:currentColor;opacity:.75}.zfhu-cats{display:grid;grid-template-columns:repeat(var(--zfhu-cat-cols),minmax(0,1fr));gap:12px;margin-bottom:var(--zfhu-gap)}.zfhu-cat{position:relative;display:flex;align-items:center;gap:10px;min-height:var(--zfhu-cat-height);padding:13px;background:var(--zfhu-card-bg);border:1px solid var(--zfhu-border);border-radius:var(--zfhu-radius);box-shadow:0 8px 22px rgba(15,23,42,.04);transition:.2s ease;overflow:hidden}.zfhu-cat:hover{transform:translateY(-2px);box-shadow:var(--zfhu-shadow);border-color:var(--zfhu-accent)}.zfhu-cat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--zfhu-term-color),#93c5fd);color:#fff;font-weight:900;font-size:16px;flex:0 0 42px}.zfhu-cat-body{min-width:0;display:flex;flex-direction:column}.zfhu-cat-body strong{font-size:14px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zfhu-cat-body em{font-style:normal;color:#8aa0bd;font-size:12px}.zfhu-cat-body small{color:#94a3b8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zfhu-cat-badge{position:absolute;right:10px;top:8px;background:#ff4d4f;color:#fff;border-radius:999px;font-size:11px;line-height:1;padding:4px 6px}.zfhu-guide{min-height:var(--zfhu-guide-height);margin-bottom:var(--zfhu-gap);border-radius:var(--zfhu-radius);background:linear-gradient(92deg,var(--zfhu-accent),#7c3aed);box-shadow:var(--zfhu-shadow);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;background-size:cover;background-position:center;overflow:hidden}.zfhu-guide-text{display:flex;flex-direction:column;gap:3px}.zfhu-guide-text strong{font-size:20px}.zfhu-guide-text span{opacity:.88}.zfhu-guide-btn{background:#fff;color:var(--zfhu-accent)!important;font-weight:900;border-radius:999px;padding:10px 18px;box-shadow:0 12px 24px rgba(0,0,0,.12);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.zfhu-sidebar{display:flex;flex-direction:column;gap:var(--zfhu-gap)}.zfhu-sidebar.is-sticky{position:sticky;top:20px}.zfhu-side-card{min-height:var(--zfhu-side-height)}.zfhu-tags-card{min-height:var(--zfhu-tag-height)}.zfhu-side-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,var(--zfhu-side-pad));border-bottom:1px solid var(--zfhu-border)}.zfhu-side-head strong{font-size:16px;color:#1e293b}.zfhu-side-head a{font-size:12px;color:#8aa0bd}.zfhu-hot-list{margin:0;padding:calc(var(--zfhu-side-pad) - 2px) var(--zfhu-side-pad) var(--zfhu-side-pad);list-style:none}.zfhu-hot-list li a{min-height:var(--zfhu-hot-row);display:flex;align-items:center;gap:9px;min-width:0}.zfhu-rank{width:18px;height:18px;border-radius:5px;background:#e5e7eb;color:#64748b;font-size:11px;font-weight:900;display:grid;place-items:center;flex:0 0 18px}.zfhu-rank-1{background:#ff4d4f;color:#fff}.zfhu-rank-2{background:#ff7a00;color:#fff}.zfhu-rank-3{background:#ffbd2e;color:#fff}.zfhu-hot-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:var(--zfhu-hot-title-size);font-weight:700}.zfhu-hot-value{font-size:12px;color:#f97316;flex:0 0 auto}.zfhu-tags{display:flex;flex-wrap:wrap;gap:8px;padding:var(--zfhu-side-pad)}.zfhu-tags a{background:#f7f9fd;border:1px solid #eef2f7;color:#64748b;border-radius:999px;padding:6px 10px;font-size:12px}.zfhu-tags a:hover{background:var(--zfhu-accent);color:#fff;border-color:var(--zfhu-accent)}.zfhu-user-list{padding:var(--zfhu-side-pad);display:flex;flex-direction:column;gap:10px}.zfhu-user-list a{display:flex;align-items:center;gap:8px}.zfhu-user-list img{width:32px;height:32px;border-radius:50%}.zfhu-user-list span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.zfhu-user-list em{font-style:normal;font-size:12px;color:#94a3b8}.zfhu-announcement-body{padding:var(--zfhu-side-pad);color:#64748b;font-size:13px}.zfhu-side-cta{padding:18px;background:linear-gradient(135deg,var(--zfhu-accent),#7c3aed);color:#fff}.zfhu-side-cta strong{display:block;font-size:18px;margin-bottom:4px}.zfhu-side-cta p{margin:0 0 12px;opacity:.9}.zfhu-side-cats{display:grid;gap:8px;padding:var(--zfhu-side-pad)}.zfhu-side-cats a{display:flex;justify-content:space-between;align-items:center;border:1px solid #eef2f7;border-radius:12px;padding:8px 10px;font-weight:700}.zfhu-side-cats em{font-style:normal;color:#94a3b8;font-size:12px}.zfhu-empty{min-height:var(--zfhu-empty-height);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9aadc5;padding:24px}.zfhu-empty-small{min-height:70px}.zfhu-empty-art{width:44px;height:44px;border-radius:16px;background:#f1f5f9;display:grid;place-items:center;margin-bottom:8px;font-size:22px}.zfhu-empty img{max-width:110px;max-height:90px;object-fit:contain;margin-bottom:8px}.zfhu-empty strong{color:#64748b;font-size:15px}.zfhu-empty p{margin:4px 0 0}.zfhu-empty-btn{margin-top:10px;background:var(--zfhu-accent);color:#fff!important;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800}.zfhu-skeleton{padding:10px 18px}.zfhu-skeleton span{height:var(--zfhu-post-height);display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f4f8}.zfhu-skeleton i,.zfhu-skeleton b,.zfhu-skeleton em{display:block;background:linear-gradient(90deg,#f1f5f9,#e8edf5,#f1f5f9);background-size:200% 100%;animation:zfhuShimmer 1.1s linear infinite;border-radius:999px}.zfhu-skeleton i{width:42px;height:42px;border-radius:14px}.zfhu-skeleton b{height:14px;flex:1}.zfhu-skeleton em{height:12px;width:90px}@keyframes zfhuShimmer{to{background-position:-200% 0}}.zfhu-load-more{display:block;margin:14px auto 18px;border:0;background:#f1f5f9;color:#64748b;border-radius:999px;padding:8px 18px;font-weight:800;cursor:pointer}.zfhu-load-more:hover{background:var(--zfhu-accent);color:#fff}.zfhu-load-more.is-loading{opacity:.6;pointer-events:none}.zfhu-ad{border-radius:var(--zfhu-radius);overflow:hidden;min-height:var(--zfhu-ad-height);margin-bottom:var(--zfhu-gap);background:#f8fafc;border:1px dashed var(--zfhu-border);display:grid;place-items:center;color:#94a3b8}.zfhu-ad img{display:block;width:100%;height:auto;max-height:max(80px,var(--zfhu-ad-height));object-fit:cover}.zfhu-ad-sidebar,.zfhu-ad-mobile_bottom{margin-bottom:0}.zfhu-ad-mobile_bottom{display:none}.zfhu-preset-blue{--zfhu-card-bg:#fbfdff;--zfhu-soft:#eff6ff}.zfhu-preset-promo{--zfhu-accent:#ff4d4f;--zfhu-soft:#fff7ed}.zfhu-preset-dark{--zfhu-card-bg:#111827;--zfhu-text:#e5e7eb;--zfhu-muted:#94a3b8;--zfhu-border:#263244;--zfhu-soft:#172033}.zfhu-preset-dark .zfhu-post-title,.zfhu-preset-dark .zfhu-side-head strong,.zfhu-preset-dark .zfhu-cat-body strong,.zfhu-preset-dark .zfhu-hot-title{color:#f8fafc}.zfhu-preset-dark .zfhu-post-item{border-bottom-color:#202b3e}.zfhu-preset-dark .zfhu-tags a,.zfhu-preset-dark .zfhu-empty-art,.zfhu-preset-dark .zfhu-side-cats a{background:#172033;border-color:#263244}.zfhu-preset-glass{--zfhu-card-bg:rgba(255,255,255,.72);backdrop-filter:blur(14px)}.zfhu-preset-large{--zfhu-radius:24px}.zfhu-preset-compact,.zfhu-compact{--zfhu-post-height:52px;--zfhu-tab-height:48px;--zfhu-gap:12px}.zfhu-preset-compact .zfhu-post-item,.zfhu-compact .zfhu-post-item{padding-top:6px;padding-bottom:6px}.zfhu-preset-compact .zfhu-avatar,.zfhu-preset-compact .zfhu-post-icon,.zfhu-compact .zfhu-avatar,.zfhu-compact .zfhu-post-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}@media (max-width:1100px){.zfhu-layout{grid-template-columns:minmax(0,1fr) minmax(280px,var(--zfhu-sidebar-width));gap:max(16px,calc(var(--zfhu-gap) - 8px))}}@media (max-width:900px){.zfhu-wrap{width:var(--zfhu-mobile-max);max-width:none;left:auto;transform:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.zfhu-mode-breakout,.zfhu-mode-full{width:calc(100vw - 24px);left:50%;transform:translateX(-50%)}.zfhu-layout{grid-template-columns:1fr}.zfhu-sidebar{gap:12px;position:static!important}.zfhu-mobile-sidebar-hidden .zfhu-sidebar{display:none}.zfhu-cats{grid-template-columns:repeat(var(--zfhu-cat-mobile-cols),minmax(0,1fr));gap:10px}.zfhu-cat{flex-direction:column;align-items:flex-start;min-height:auto}.zfhu-card-head{padding:0 14px}.zfhu-tabs{gap:18px}.zfhu-post-item{padding:10px 14px}.zfhu-post-stats{display:none}.zfhu-guide{align-items:flex-start;flex-direction:column}.zfhu-ad-mobile_bottom{display:grid}}@media (max-width:560px){.zfhu-mode-breakout,.zfhu-mode-full{width:calc(100vw - 20px)}.zfhu-cats{grid-template-columns:repeat(var(--zfhu-cat-mobile-cols),minmax(0,1fr))}.zfhu-cat-icon{width:36px;height:36px;border-radius:12px}.zfhu-post-title{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.zfhu-post-meta{font-size:11px}.zfhu-avatar,.zfhu-post-icon{width:36px;height:36px;flex-basis:36px}.zfhu-guide-text strong{font-size:18px}} /* v3.0.5: mobile alignment fix - avoid viewport breakout drifting to the right inside theme wrappers */ @media (max-width:900px){.zfhu-wrap{max-width:100%!important;box-sizing:border-box}.zfhu-mode-breakout,.zfhu-mode-full{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.zfhu-layout{width:100%;max-width:100%;overflow:hidden}.zfhu-card,.zfhu-guide,.zfhu-cats,.zfhu-ad{max-width:100%}} /* v3.0.6: mobile spacing refinement - keep the module centered and leave breathing room on both sides */ @media (max-width:900px){ .zfhu-wrap{width:calc(100% - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;overflow:visible!important;} .zfhu-mode-breakout,.zfhu-mode-full{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:calc(100% - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important;} .zfhu-layout{width:100%;max-width:100%;overflow:visible;} } @media (max-width:560px){ .zfhu-wrap,.zfhu-mode-breakout,.zfhu-mode-full{width:calc(100% - 18px)!important;max-width:calc(100vw - 18px)!important;} .zfhu-card-head{padding-left:12px;padding-right:12px;} .zfhu-post-item{padding-left:12px;padding-right:12px;} .zfhu-guide{padding-left:16px;padding-right:16px;} } /* v3.0.7: single / double row post layout and mobile post button */ .zfhu-post-excerpt{margin:5px 0 0;color:#8aa0bd;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .zfhu-post-layout-grid2 .zfhu-post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zfhu-post-gap);padding:14px 18px} .zfhu-post-layout-grid2 .zfhu-post-item{min-height:max(104px,var(--zfhu-post-height));align-items:flex-start;border:1px solid #eef2f7;border-radius:calc(var(--zfhu-radius) - 4px);padding:14px;background:var(--zfhu-card-bg);box-shadow:0 8px 22px rgba(15,23,42,.035)} .zfhu-post-layout-grid2 .zfhu-post-item:last-child{border-bottom:1px solid #eef2f7} .zfhu-post-layout-grid2 .zfhu-post-title-row{align-items:flex-start;flex-wrap:wrap} .zfhu-post-layout-grid2 .zfhu-post-title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.42;min-width:0;flex-basis:100%} .zfhu-post-layout-grid2 .zfhu-post-meta{white-space:normal;flex-wrap:wrap;line-height:1.45} .zfhu-post-layout-grid2 .zfhu-post-stats{gap:9px;margin-top:2px} .zfhu-mobile-float-post{display:none;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:999;background:var(--zfhu-accent);color:#fff!important;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:900;box-shadow:0 12px 28px rgba(15,23,42,.22)} @media (max-width:900px){.zfhu-mobile-float-post{display:inline-flex;align-items:center;justify-content:center}.zfhu-post-layout-grid2 .zfhu-post-list{grid-template-columns:1fr;padding:12px}.zfhu-post-layout-grid2 .zfhu-post-item{padding:12px}.zfhu-post-layout-grid2 .zfhu-post-stats{display:flex}} @media (max-width:560px){.zfhu-post-layout-grid2 .zfhu-post-list{gap:max(10px,var(--zfhu-post-gap));padding:10px}.zfhu-mobile-float-post{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:9px 14px}} /* v3.0.8: true two-column posts, numeric pagination, auto dark mode, swipeable tabs */ .zfhu-tabs{touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;max-width:100%} .zfhu-tab{flex:0 0 auto;scroll-snap-align:start} .zfhu-post-layout-grid2 .zfhu-post-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--zfhu-post-gap)!important;padding:14px 18px!important;align-items:stretch!important} .zfhu-post-layout-grid2 .zfhu-post-item{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"icon body" "icon stats"!important;column-gap:12px!important;row-gap:4px!important;width:auto!important;max-width:100%!important;min-width:0!important;align-items:start!important;margin:0!important;border:1px solid #eef2f7!important;border-radius:calc(var(--zfhu-radius) - 4px)!important;background:var(--zfhu-card-bg)!important;box-shadow:0 8px 22px rgba(15,23,42,.035)!important;overflow:hidden!important} .zfhu-post-layout-grid2 .zfhu-avatar,.zfhu-post-layout-grid2 .zfhu-post-icon{grid-area:icon!important;margin:0!important} .zfhu-post-layout-grid2 .zfhu-post-mid{grid-area:body!important;min-width:0!important;width:100%!important} .zfhu-post-layout-grid2 .zfhu-post-stats{grid-area:stats!important;justify-content:flex-start!important;align-self:end!important;margin-top:4px!important;min-width:0!important;flex-wrap:wrap!important} .zfhu-post-layout-grid2 .zfhu-post-title-row{min-width:0!important;width:100%!important;flex-wrap:wrap!important} .zfhu-post-layout-grid2 .zfhu-post-title{min-width:0!important;max-width:100%!important;flex:1 1 100%!important;white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-height:1.42!important} .zfhu-post-layout-grid2 .zfhu-post-meta{white-space:normal!important;flex-wrap:wrap!important;line-height:1.45!important} .zfhu-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:14px auto 18px;padding:0 14px}.zfhu-page-btn{appearance:none;border:1px solid #e5edf6;background:#fff;color:#64748b;border-radius:999px;min-width:34px;height:34px;padding:0 11px;font-size:13px;font-weight:800;cursor:pointer}.zfhu-page-btn:hover{border-color:var(--zfhu-accent);color:var(--zfhu-accent)}.zfhu-page-btn.is-active,.zfhu-page-btn[disabled].is-active{background:var(--zfhu-accent);border-color:var(--zfhu-accent);color:#fff;cursor:default}.zfhu-page-btn[disabled]:not(.is-active){opacity:.45;cursor:not-allowed}.zfhu-page-dot{color:#94a3b8;font-weight:800;padding:0 2px}.zfhu-mobile-float-post{display:none!important} .zfhu-preset-auto{--zfhu-card-bg:#fff;--zfhu-text:#1f2937;--zfhu-muted:#94a3b8;--zfhu-soft:#f7f9fd}.zfhu-preset-auto .zfhu-post-title,.zfhu-preset-auto .zfhu-side-head strong,.zfhu-preset-auto .zfhu-cat-body strong,.zfhu-preset-auto .zfhu-hot-title{color:#1e293b} @media (prefers-color-scheme:dark){.zfhu-preset-auto{--zfhu-card-bg:#111827;--zfhu-text:#e5e7eb;--zfhu-muted:#94a3b8;--zfhu-border:#263244;--zfhu-soft:#172033;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,0,0,.22)}.zfhu-preset-auto .zfhu-post-title,.zfhu-preset-auto .zfhu-side-head strong,.zfhu-preset-auto .zfhu-cat-body strong,.zfhu-preset-auto .zfhu-hot-title{color:#f8fafc}.zfhu-preset-auto .zfhu-post-item{border-bottom-color:#202b3e}.zfhu-preset-auto .zfhu-tags a,.zfhu-preset-auto .zfhu-empty-art,.zfhu-preset-auto .zfhu-side-cats a,.zfhu-preset-auto .zfhu-page-btn{background:#172033;border-color:#263244;color:#cbd5e1}.zfhu-preset-auto .zfhu-post-layout-grid2 .zfhu-post-item{border-color:#263244!important}.zfhu-preset-auto .zfhu-badge-soft{background:#172033;color:#cbd5e1}} html[data-theme="dark"] .zfhu-preset-auto,body[data-theme="dark"] .zfhu-preset-auto,body.dark .zfhu-preset-auto,body.dark-theme .zfhu-preset-auto,body.night .zfhu-preset-auto,body.zib-dark .zfhu-preset-auto{--zfhu-card-bg:#111827;--zfhu-text:#e5e7eb;--zfhu-muted:#94a3b8;--zfhu-border:#263244;--zfhu-soft:#172033;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,0,0,.22)} html[data-theme="dark"] .zfhu-preset-auto .zfhu-post-title,body[data-theme="dark"] .zfhu-preset-auto .zfhu-post-title,body.dark .zfhu-preset-auto .zfhu-post-title,body.dark-theme .zfhu-preset-auto .zfhu-post-title,body.night .zfhu-preset-auto .zfhu-post-title,body.zib-dark .zfhu-preset-auto .zfhu-post-title,html[data-theme="dark"] .zfhu-preset-auto .zfhu-side-head strong,body[data-theme="dark"] .zfhu-preset-auto .zfhu-side-head strong,body.dark .zfhu-preset-auto .zfhu-side-head strong,body.dark-theme .zfhu-preset-auto .zfhu-side-head strong,body.night .zfhu-preset-auto .zfhu-side-head strong,body.zib-dark .zfhu-preset-auto .zfhu-side-head strong,html[data-theme="dark"] .zfhu-preset-auto .zfhu-cat-body strong,body[data-theme="dark"] .zfhu-preset-auto .zfhu-cat-body strong,body.dark .zfhu-preset-auto .zfhu-cat-body strong,body.dark-theme .zfhu-preset-auto .zfhu-cat-body strong,body.night .zfhu-preset-auto .zfhu-cat-body strong,body.zib-dark .zfhu-preset-auto .zfhu-cat-body strong,html[data-theme="dark"] .zfhu-preset-auto .zfhu-hot-title,body[data-theme="dark"] .zfhu-preset-auto .zfhu-hot-title,body.dark .zfhu-preset-auto .zfhu-hot-title,body.dark-theme .zfhu-preset-auto .zfhu-hot-title,body.night .zfhu-preset-auto .zfhu-hot-title,body.zib-dark .zfhu-preset-auto .zfhu-hot-title{color:#f8fafc} html[data-theme="dark"] .zfhu-preset-auto .zfhu-tags a,body[data-theme="dark"] .zfhu-preset-auto .zfhu-tags a,body.dark .zfhu-preset-auto .zfhu-tags a,body.dark-theme .zfhu-preset-auto .zfhu-tags a,body.night .zfhu-preset-auto .zfhu-tags a,body.zib-dark .zfhu-preset-auto .zfhu-tags a,html[data-theme="dark"] .zfhu-preset-auto .zfhu-empty-art,body[data-theme="dark"] .zfhu-preset-auto .zfhu-empty-art,body.dark .zfhu-preset-auto .zfhu-empty-art,body.dark-theme .zfhu-preset-auto .zfhu-empty-art,body.night .zfhu-preset-auto .zfhu-empty-art,body.zib-dark .zfhu-preset-auto .zfhu-empty-art,html[data-theme="dark"] .zfhu-preset-auto .zfhu-side-cats a,body[data-theme="dark"] .zfhu-preset-auto .zfhu-side-cats a,body.dark .zfhu-preset-auto .zfhu-side-cats a,body.dark-theme .zfhu-preset-auto .zfhu-side-cats a,body.night .zfhu-preset-auto .zfhu-side-cats a,body.zib-dark .zfhu-preset-auto .zfhu-side-cats a,html[data-theme="dark"] .zfhu-preset-auto .zfhu-page-btn,body[data-theme="dark"] .zfhu-preset-auto .zfhu-page-btn,body.dark .zfhu-preset-auto .zfhu-page-btn,body.dark-theme .zfhu-preset-auto .zfhu-page-btn,body.night .zfhu-preset-auto .zfhu-page-btn,body.zib-dark .zfhu-preset-auto .zfhu-page-btn{background:#172033;border-color:#263244;color:#cbd5e1} @media (max-width:900px){.zfhu-post-layout-grid2 .zfhu-post-list{grid-template-columns:1fr!important;padding:12px!important}.zfhu-post-layout-grid2 .zfhu-post-item{padding:12px!important}.zfhu-post-layout-grid2 .zfhu-post-stats{display:flex!important}.zfhu-pagination{gap:6px}.zfhu-page-btn{min-width:32px;height:32px;padding:0 9px}} /* v3.0.9: reliable two-column cards, visible tags, theme dark/light following, smoother tab swipe */ .zfhu-wrap .zfhu-post-title-row{overflow:visible!important;flex-wrap:nowrap;min-width:0} .zfhu-wrap .zfhu-post-title-row .zfhu-post-title{flex:1 1 auto!important;min-width:0!important;max-width:100%} .zfhu-wrap .zfhu-badge,.zfhu-wrap .zfhu-tag-badge{display:inline-flex!important;align-items:center;gap:2px;white-space:nowrap;text-decoration:none!important} .zfhu-wrap .zfhu-tag-badge:hover{background:var(--zfhu-accent)!important;color:#fff!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"],.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list,.zfhu-post-list-grid2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--zfhu-post-gap)!important;padding:14px 18px!important;align-items:stretch!important;list-style:none!important;margin:0!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item,.zfhu-post-list-grid2>.zfhu-post-item{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"icon body" "icon stats"!important;align-content:start!important;align-items:start!important;column-gap:12px!important;row-gap:5px!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:max(96px,var(--zfhu-post-height))!important;margin:0!important;padding:14px!important;border:1px solid var(--zfhu-border)!important;border-radius:calc(var(--zfhu-radius) - 4px)!important;background:var(--zfhu-card-bg)!important;box-shadow:0 8px 22px rgba(15,23,42,.035)!important;overflow:hidden!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item::before,.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item::after{display:none!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-avatar,.zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-icon,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-avatar,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-icon{grid-area:icon!important;margin:0!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-mid,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-mid{grid-area:body!important;min-width:0!important;width:100%!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-title-row,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-title-row{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-title,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-title{flex:1 1 100%!important;white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-height:1.42!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-meta,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-meta{white-space:normal!important;flex-wrap:wrap!important;line-height:1.45!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-stats,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-stats{grid-area:stats!important;display:flex!important;justify-content:flex-start!important;align-self:end!important;gap:10px!important;margin-top:2px!important;min-width:0!important;flex-wrap:wrap!important} .zfhu-wrap .zfhu-item-enter{animation:zfhuItemEnter .24s cubic-bezier(.2,.8,.2,1) both} .zfhu-wrap .zfhu-tabs{position:relative;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:0} .zfhu-wrap .zfhu-tab{scroll-snap-align:center;transition:color .18s ease,transform .18s ease} .zfhu-wrap .zfhu-tab:hover,.zfhu-wrap .zfhu-tab.is-active{transform:translateY(-1px)} .zfhu-wrap .zfhu-tabs.has-indicator .zfhu-tab.is-active:after{opacity:0!important} .zfhu-wrap .zfhu-tab-indicator{position:absolute;left:0;bottom:0;height:3px;width:24px;border-radius:999px;background:var(--zfhu-accent);transform:translate3d(0,0,0);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1);pointer-events:none;box-shadow:0 5px 14px color-mix(in srgb,var(--zfhu-accent) 38%,transparent)} .zfhu-wrap .zfhu-panels{position:relative;overflow:hidden;touch-action:pan-y} .zfhu-wrap .zfhu-panel.is-active{animation:zfhuPanelIn .26s cubic-bezier(.2,.8,.2,1) both;will-change:transform,opacity} .zfhu-wrap[data-zfhu-dir="1"] .zfhu-panel.is-active{--zfhu-panel-x:18px} .zfhu-wrap[data-zfhu-dir="-1"] .zfhu-panel.is-active{--zfhu-panel-x:-18px} .zfhu-wrap[data-zfhu-dir="0"] .zfhu-panel.is-active{--zfhu-panel-x:0px} .zfhu-wrap .zfhu-panel.is-dragging{transition:none!important;animation:none!important;will-change:transform,opacity} .zfhu-wrap .zfhu-card-head{position:relative} .zfhu-wrap .zfhu-card-head:before,.zfhu-wrap .zfhu-card-head:after{content:"";position:absolute;top:0;bottom:1px;width:22px;pointer-events:none;z-index:2} .zfhu-wrap .zfhu-card-head:before{left:0;background:linear-gradient(90deg,var(--zfhu-card-bg),transparent)} .zfhu-wrap .zfhu-card-head:after{right:48px;background:linear-gradient(270deg,var(--zfhu-card-bg),transparent)} .zfhu-mobile-float-post{display:none!important} .zfhu-wrap.zfhu-color-mode-dark,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark{--zfhu-card-bg:#111827;--zfhu-text:#e5e7eb;--zfhu-muted:#94a3b8;--zfhu-border:#263244;--zfhu-soft:#172033;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,0,0,.24);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark .zfhu-card,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-card,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-card{background:var(--zfhu-card-bg)!important;border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-dark .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-post-title,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-side-head strong,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark .zfhu-cat-body strong,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-cat-body strong,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-cat-body strong,.zfhu-wrap.zfhu-color-mode-dark .zfhu-hot-title,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-hot-title,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-hot-title{color:#f8fafc!important} .zfhu-wrap.zfhu-color-mode-dark .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-card-head,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-post-item,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark .zfhu-side-head,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-side-head,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-side-head{border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-dark .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item{background:#111827!important;border-color:#263244!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important} .zfhu-wrap.zfhu-color-mode-dark .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-badge-soft,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-tags a,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark .zfhu-page-btn,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-page-btn,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-page-btn{background:#172033!important;border-color:#263244!important;color:#cbd5e1!important} .zfhu-wrap.zfhu-color-mode-dark .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-post-meta,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark .zfhu-post-stats,.zfhu-wrap.zfhu-color-mode-theme.zfhu-theme-dark .zfhu-post-stats,.zfhu-wrap.zfhu-preset-auto.zfhu-theme-dark .zfhu-post-stats{color:#94a3b8!important} @keyframes zfhuPanelIn{from{opacity:.65;transform:translate3d(var(--zfhu-panel-x,14px),0,0)}to{opacity:1;transform:translate3d(0,0,0)}} @keyframes zfhuItemEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media (max-width:900px){.zfhu-wrap .zfhu-post-list[data-layout="grid2"],.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list,.zfhu-post-list-grid2{grid-template-columns:1fr!important;padding:12px!important}.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item{padding:12px!important}.zfhu-wrap .zfhu-card-head:after{right:44px}.zfhu-wrap .zfhu-post-stats{display:none}.zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-stats{display:flex!important}} @media (max-width:560px){.zfhu-wrap .zfhu-post-list[data-layout="grid2"],.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list,.zfhu-post-list-grid2{gap:max(10px,var(--zfhu-post-gap))!important;padding:10px!important}.zfhu-wrap .zfhu-tab-indicator{height:3px}.zfhu-wrap .zfhu-card-head:before{width:12px}.zfhu-wrap .zfhu-card-head:after{width:16px}} /* v3.0.10: grid2 keeps original list-row appearance, no small boxed cards */ .zfhu-wrap .zfhu-cats, .zfhu-wrap .zfhu-side-cats-card, .zfhu-preview-box .zfhu-p-cats{display:none!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"], .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list, .zfhu-post-list-grid2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;align-items:stretch!important;background:transparent!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item, .zfhu-post-list-grid2>.zfhu-post-item{display:flex!important;grid-template-columns:none!important;grid-template-areas:none!important;align-items:center!important;gap:12px!important;min-height:var(--zfhu-post-height)!important;height:auto!important;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid var(--zfhu-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:nth-child(odd), .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:nth-child(odd){border-right:1px solid var(--zfhu-border)!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:last-child, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:last-child{border-bottom:1px solid var(--zfhu-border)!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-avatar, .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-icon, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-avatar, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-icon{grid-area:auto!important;margin:0!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-mid, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-mid{grid-area:auto!important;min-width:0!important;flex:1 1 auto!important;width:auto!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-title-row, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-title-row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;overflow:hidden!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-title, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-title{flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;display:block!important;line-height:1.35!important;overflow:hidden!important;text-overflow:ellipsis!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-tag-badge, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-tag-badge{max-width:88px!important;overflow:hidden!important;text-overflow:ellipsis!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-meta, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-meta{white-space:nowrap!important;flex-wrap:nowrap!important;line-height:1.35!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-excerpt, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-excerpt{display:none!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"] .zfhu-post-stats, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-stats{grid-area:auto!important;display:flex!important;justify-content:flex-end!important;align-self:center!important;gap:10px!important;margin-top:0!important;min-width:auto!important;flex:0 0 auto!important;flex-wrap:nowrap!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:nth-last-child(-n+2){border-bottom:0!important} /* v3.0.10: more fixed light/dark styles */ .zfhu-wrap.zfhu-color-mode-sepia{--zfhu-card-bg:#fff9ef;--zfhu-text:#3d3427;--zfhu-muted:#9b8569;--zfhu-border:#eee1ca;--zfhu-soft:#fff2dc;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(93,66,38,.08);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-sepia .zfhu-card{background:var(--zfhu-card-bg)!important;border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-sepia .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-sepia .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-sepia .zfhu-side-head{border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-sepia .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-sepia .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-sepia .zfhu-hot-title{color:#3d3427!important} .zfhu-wrap.zfhu-color-mode-dark_soft{--zfhu-card-bg:#181b22;--zfhu-text:#e7eaf0;--zfhu-muted:#9aa8bc;--zfhu-border:#2a303b;--zfhu-soft:#202630;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,0,0,.22);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark_blue{--zfhu-card-bg:#0f172a;--zfhu-text:#eaf2ff;--zfhu-muted:#8ea2c6;--zfhu-border:#233454;--zfhu-soft:#111c33;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(2,6,23,.35);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark_black{--zfhu-card-bg:#07080b;--zfhu-text:#f1f5f9;--zfhu-muted:#8793a5;--zfhu-border:#20232a;--zfhu-soft:#0e1015;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,0,0,.45);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-oled{--zfhu-card-bg:#000;--zfhu-text:#f8fafc;--zfhu-muted:#8b97a8;--zfhu-border:#171717;--zfhu-soft:#050505;--zfhu-shadow:none;color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-card, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-card, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-card, .zfhu-wrap.zfhu-color-mode-oled .zfhu-card{background:var(--zfhu-card-bg)!important;border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-side-head, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-side-head, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-side-head, .zfhu-wrap.zfhu-color-mode-oled .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-oled .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-oled .zfhu-side-head{border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-hot-title, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-hot-title, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-hot-title, .zfhu-wrap.zfhu-color-mode-oled .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-oled .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-oled .zfhu-hot-title{color:var(--zfhu-text)!important} .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-page-btn, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-page-btn, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-page-btn, .zfhu-wrap.zfhu-color-mode-oled .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-oled .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-oled .zfhu-page-btn{background:var(--zfhu-soft)!important;border-color:var(--zfhu-border)!important;color:#cbd5e1!important} .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-post-stats, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-post-stats, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-post-stats, .zfhu-wrap.zfhu-color-mode-oled .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-oled .zfhu-post-stats{color:var(--zfhu-muted)!important} @media (max-width:900px){.zfhu-wrap .zfhu-post-list[data-layout="grid2"],.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list,.zfhu-post-list-grid2{grid-template-columns:1fr!important}.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:nth-child(odd),.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:nth-child(odd){border-right:0!important}.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:nth-last-child(-n+2){border-bottom:1px solid var(--zfhu-border)!important}.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:last-child{border-bottom:0!important}} /* v3.0.10: correct row divider on two-column list */ .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item{border-bottom:1px solid var(--zfhu-border)!important} .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:last-child, .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:last-child, .zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:nth-last-child(2):nth-child(odd), .zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd){border-bottom:0!important} @media (max-width:900px){.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item{border-bottom:1px solid var(--zfhu-border)!important}.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:last-child,.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:last-child{border-bottom:0!important}.zfhu-wrap .zfhu-post-list[data-layout="grid2"]>.zfhu-post-item:nth-last-child(2):nth-child(odd),.zfhu-wrap.zfhu-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--zfhu-border)!important}} /* v3.0.11: desktop/mobile independent post layouts + non-card two-column list */ .zfhu-wrap .zfhu-post-list{display:block!important;margin:0!important;padding:0!important;list-style:none!important;background:transparent!important} .zfhu-wrap .zfhu-post-list>.zfhu-post-item{display:flex!important;align-items:center!important;gap:12px!important;min-height:var(--zfhu-post-height)!important;height:auto!important;margin:0!important;padding:10px 18px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--zfhu-border)!important;overflow:hidden!important} .zfhu-wrap .zfhu-post-list>.zfhu-post-item:last-child{border-bottom:0!important} .zfhu-wrap .zfhu-post-title-row{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important;flex-wrap:nowrap!important} .zfhu-wrap .zfhu-post-title{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .zfhu-wrap .zfhu-tag-badge{max-width:96px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .zfhu-wrap.zfhu-desktop-post-layout-dense .zfhu-post-list>.zfhu-post-item{min-height:54px!important;padding:8px 16px!important} .zfhu-wrap.zfhu-desktop-post-layout-dense .zfhu-avatar,.zfhu-wrap.zfhu-desktop-post-layout-dense .zfhu-post-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important} .zfhu-wrap.zfhu-desktop-post-layout-dense .zfhu-post-meta{margin-top:2px!important} .zfhu-wrap.zfhu-desktop-post-layout-list2 .zfhu-post-list,.zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;align-items:stretch!important} .zfhu-wrap.zfhu-desktop-post-layout-list2 .zfhu-post-list>.zfhu-post-item,.zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list>.zfhu-post-item{border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--zfhu-border)!important;margin:0!important} .zfhu-wrap.zfhu-desktop-post-layout-list2 .zfhu-post-list>.zfhu-post-item:nth-child(odd),.zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list>.zfhu-post-item:nth-child(odd){border-right:1px solid var(--zfhu-border)!important} .zfhu-wrap.zfhu-desktop-post-layout-list2 .zfhu-post-list>.zfhu-post-item:last-child,.zfhu-wrap.zfhu-desktop-post-layout-list2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd),.zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list>.zfhu-post-item:last-child,.zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd){border-bottom:0!important} .zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list>.zfhu-post-item{min-height:54px!important;padding:8px 14px!important;gap:10px!important} .zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-avatar,.zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important} .zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:max(10px,var(--zfhu-post-gap))!important;padding:max(10px,var(--zfhu-post-gap))!important;background:var(--zfhu-soft)!important} .zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-list>.zfhu-post-item{border:1px solid var(--zfhu-border)!important;border-radius:calc(var(--zfhu-radius) - 4px)!important;background:var(--zfhu-card-bg)!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;min-height:calc(var(--zfhu-post-height) + 8px)!important} .zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:nth-child(odd){border-right:1px solid var(--zfhu-border)!important} .zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:last-child,.zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--zfhu-border)!important} .zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-excerpt{display:block;color:var(--zfhu-muted);font-size:12px;margin:5px 0 0;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .zfhu-wrap:not(.zfhu-desktop-post-layout-grid2) .zfhu-post-excerpt{display:none!important} .zfhu-wrap.zfhu-desktop-stats-off .zfhu-post-stats{display:none!important} .zfhu-wrap.zfhu-desktop-badges-off .zfhu-post-title-row .zfhu-badge{display:none!important} /* v3.0.11: extended dark color modes */ .zfhu-wrap.zfhu-color-mode-dark_gray{--zfhu-card-bg:#15171c;--zfhu-text:#edf2f7;--zfhu-muted:#9aa4b2;--zfhu-border:#2b3038;--zfhu-soft:#1d2128;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,0,0,.28);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark_purple{--zfhu-card-bg:#171221;--zfhu-text:#f4edff;--zfhu-muted:#a99cc4;--zfhu-border:#302342;--zfhu-soft:#21172f;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(12,6,23,.36);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark_green{--zfhu-card-bg:#0f1a17;--zfhu-text:#e8fff7;--zfhu-muted:#90b5a9;--zfhu-border:#203a34;--zfhu-soft:#14251f;--zfhu-shadow:0 calc(var(--zfhu-shadow-strength)*1px) calc(var(--zfhu-shadow-strength)*3px) rgba(0,18,13,.32);color:var(--zfhu-text)} .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-card,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-card,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-card{background:var(--zfhu-card-bg)!important;border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-side-head,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-side-head,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-card-head,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-post-item,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-side-head{border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-hot-title,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-hot-title,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-post-title,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-side-head strong,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-hot-title{color:var(--zfhu-text)!important} .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-post-stats,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-post-stats,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-post-meta,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-post-stats{color:var(--zfhu-muted)!important} .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-page-btn,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-page-btn,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-badge-soft,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-tags a,.zfhu-wrap.zfhu-color-mode-dark_green .zfhu-page-btn{background:var(--zfhu-soft)!important;border-color:var(--zfhu-border)!important;color:#cbd5e1!important} @media (max-width:900px){ .zfhu-wrap .zfhu-post-list{display:block!important;padding:0!important;background:transparent!important} .zfhu-wrap .zfhu-post-list>.zfhu-post-item{border-right:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border-bottom:1px solid var(--zfhu-border)!important;padding:10px 14px!important} .zfhu-wrap .zfhu-post-list>.zfhu-post-item:last-child{border-bottom:0!important} .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item{min-height:52px!important;padding:8px 12px!important;gap:9px!important} .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-avatar,.zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important} .zfhu-wrap.zfhu-mobile-post-layout-list2 .zfhu-post-list,.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;background:transparent!important} .zfhu-wrap.zfhu-mobile-post-layout-list2 .zfhu-post-list>.zfhu-post-item:nth-child(odd),.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-list>.zfhu-post-item:nth-child(odd){border-right:1px solid var(--zfhu-border)!important} .zfhu-wrap.zfhu-mobile-post-layout-list2 .zfhu-post-list>.zfhu-post-item:last-child,.zfhu-wrap.zfhu-mobile-post-layout-list2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd),.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-list>.zfhu-post-item:last-child,.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd){border-bottom:0!important} .zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-list>.zfhu-post-item{min-height:50px!important;padding:8px 10px!important;gap:8px!important} .zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-avatar,.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important} .zfhu-wrap.zfhu-mobile-post-layout-grid2 .zfhu-post-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;background:var(--zfhu-soft)!important} .zfhu-wrap.zfhu-mobile-post-layout-grid2 .zfhu-post-list>.zfhu-post-item{border:1px solid var(--zfhu-border)!important;border-radius:calc(var(--zfhu-radius) - 5px)!important;background:var(--zfhu-card-bg)!important;box-shadow:0 6px 14px rgba(15,23,42,.04)!important;align-items:flex-start!important;gap:8px!important;padding:10px!important} .zfhu-wrap.zfhu-mobile-post-layout-grid2 .zfhu-post-stats{display:flex!important} .zfhu-wrap.zfhu-mobile-post-layout-grid2 .zfhu-post-meta{font-size:11px!important} .zfhu-wrap.zfhu-mobile-stats-on .zfhu-post-stats{display:flex!important} .zfhu-wrap.zfhu-mobile-stats-off .zfhu-post-stats{display:none!important} .zfhu-wrap.zfhu-mobile-badges-on .zfhu-post-title-row .zfhu-badge{display:inline-flex!important} .zfhu-wrap.zfhu-mobile-badges-off .zfhu-post-title-row .zfhu-badge{display:none!important} } @media (max-width:560px){ .zfhu-wrap.zfhu-mobile-post-layout-list2 .zfhu-post-title,.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-title,.zfhu-wrap.zfhu-mobile-post-layout-grid2 .zfhu-post-title{font-size:12px!important} .zfhu-wrap.zfhu-mobile-post-layout-list2 .zfhu-post-meta,.zfhu-wrap.zfhu-mobile-post-layout-dense2 .zfhu-post-meta{font-size:11px!important} } /* v3.0.12: mobile single-column override, independent from desktop layout */ @media (max-width:900px){ .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list{display:block!important;grid-template-columns:none!important;gap:0!important;padding:0!important;background:transparent!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list>.zfhu-post-item, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item{display:flex!important;grid-template-columns:none!important;grid-template-areas:none!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border:0!important;border-right:0!important;border-bottom:1px solid var(--zfhu-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list>.zfhu-post-item{min-height:var(--zfhu-post-height)!important;padding:10px 14px!important;gap:12px!important} .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item{min-height:52px!important;padding:8px 12px!important;gap:9px!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list>.zfhu-post-item:nth-child(odd), .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item:nth-child(odd){border-right:0!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd), .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--zfhu-border)!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list>.zfhu-post-item:last-child, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item:last-child{border-bottom:0!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-avatar, .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-icon, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-avatar, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-icon{grid-area:auto!important;margin:0!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-mid, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-mid{grid-area:auto!important;min-width:0!important;flex:1 1 auto!important;width:auto!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-title-row, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-title-row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;overflow:hidden!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-title, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-title{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.35!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-meta, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-meta{white-space:nowrap!important;flex-wrap:nowrap!important;line-height:1.35!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-excerpt, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-excerpt{display:none!important} .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-stats, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-stats{grid-area:auto!important;justify-content:flex-end!important;align-self:center!important;gap:9px!important;margin-top:0!important;min-width:auto!important;flex:0 0 auto!important;flex-wrap:nowrap!important} } /* v3.0.13: content operation toolbar, tab counts, density, announcement, badges */ .zfhu-wrap .zfhu-tab{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important} .zfhu-wrap .zfhu-tab-label{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .zfhu-wrap .zfhu-tab-count{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:rgba(47,124,255,.1);color:var(--zfhu-accent);transform:translateY(-1px)} .zfhu-wrap .zfhu-tab-count-dot{width:7px;height:7px;min-width:7px;padding:0;color:transparent;background:#ef4444} .zfhu-wrap .zfhu-tab-count-plain{background:transparent;padding:0;min-width:auto;color:#94a3b8} .zfhu-wrap .zfhu-toolbar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--zfhu-border);background:linear-gradient(180deg,rgba(248,250,252,.78),rgba(255,255,255,.8))} .zfhu-wrap .zfhu-filter{display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:none}.zfhu-wrap .zfhu-filter::-webkit-scrollbar{display:none} .zfhu-wrap .zfhu-filter-btn{appearance:none;border:1px solid var(--zfhu-border);background:var(--zfhu-card-bg);color:#64748b;border-radius:999px;min-height:30px;padding:0 11px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.18s ease} .zfhu-wrap .zfhu-filter-btn:hover,.zfhu-wrap .zfhu-filter-btn.is-active{border-color:rgba(47,124,255,.35);background:rgba(47,124,255,.1);color:var(--zfhu-accent)} .zfhu-wrap .zfhu-sort-switch{display:inline-flex;align-items:center;gap:7px;color:#94a3b8;font-size:12px;font-weight:800;flex:0 0 auto}.zfhu-wrap .zfhu-sort-switch select{height:30px;border-radius:999px;border:1px solid var(--zfhu-border);background:var(--zfhu-card-bg);color:#475569;font-size:12px;font-weight:800;padding:0 28px 0 10px;max-width:110px} .zfhu-wrap .zfhu-badge-green{background:#ecfdf5;color:#059669}.zfhu-wrap .zfhu-badge-orange{background:#fff7ed;color:#f97316}.zfhu-wrap .zfhu-badge-purple{background:#f5f3ff;color:#7c3aed} .zfhu-wrap.zfhu-desktop-density-comfortable .zfhu-post-list>.zfhu-post-item{min-height:calc(var(--zfhu-post-height) + 14px)!important;padding-top:14px!important;padding-bottom:14px!important}.zfhu-wrap.zfhu-desktop-density-comfortable .zfhu-avatar,.zfhu-wrap.zfhu-desktop-density-comfortable .zfhu-post-icon{width:46px!important;height:46px!important;flex-basis:46px!important} .zfhu-wrap.zfhu-desktop-density-compact .zfhu-post-list>.zfhu-post-item{min-height:54px!important;padding-top:8px!important;padding-bottom:8px!important}.zfhu-wrap.zfhu-desktop-density-compact .zfhu-avatar,.zfhu-wrap.zfhu-desktop-density-compact .zfhu-post-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}.zfhu-wrap.zfhu-desktop-density-compact .zfhu-post-meta{font-size:11px!important;margin-top:2px!important} .zfhu-wrap.zfhu-desktop-density-mini .zfhu-post-list>.zfhu-post-item{min-height:42px!important;padding:6px 14px!important;gap:9px!important}.zfhu-wrap.zfhu-desktop-density-mini .zfhu-avatar,.zfhu-wrap.zfhu-desktop-density-mini .zfhu-post-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:9px!important}.zfhu-wrap.zfhu-desktop-density-mini .zfhu-post-meta,.zfhu-wrap.zfhu-desktop-density-mini .zfhu-tag-badge{display:none!important}.zfhu-wrap.zfhu-desktop-density-mini .zfhu-post-title{font-size:13px!important} .zfhu-wrap .zfhu-announcement{display:flex;align-items:center;gap:14px;margin-bottom:var(--zfhu-gap);border:1px solid var(--zfhu-border);border-radius:var(--zfhu-radius);background:var(--zfhu-card-bg);box-shadow:0 8px 22px rgba(15,23,42,.04);padding:14px 16px;color:var(--zfhu-text)} .zfhu-wrap .zfhu-announcement-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(47,124,255,.1);flex:0 0 38px}.zfhu-wrap .zfhu-announcement-body{padding:0!important;flex:1;min-width:0}.zfhu-wrap .zfhu-announcement-body strong{display:block;font-size:15px;color:var(--zfhu-text);margin-bottom:2px}.zfhu-wrap .zfhu-announcement-text{color:#64748b;font-size:13px}.zfhu-wrap .zfhu-announcement-text p{margin:.25em 0}.zfhu-wrap .zfhu-announcement-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--zfhu-accent);color:#fff!important;font-size:12px;font-weight:900;padding:8px 12px;flex:0 0 auto} .zfhu-wrap .zfhu-announcement-primary{background:linear-gradient(92deg,var(--zfhu-accent),#7c3aed);color:#fff;border-color:transparent}.zfhu-wrap .zfhu-announcement-primary .zfhu-announcement-body strong,.zfhu-wrap .zfhu-announcement-primary .zfhu-announcement-text{color:#fff}.zfhu-wrap .zfhu-announcement-primary .zfhu-announcement-icon{background:rgba(255,255,255,.18)}.zfhu-wrap .zfhu-announcement-primary .zfhu-announcement-btn{background:#fff;color:var(--zfhu-accent)!important} .zfhu-wrap .zfhu-announcement-warning{background:#fffbeb;border-color:#fde68a}.zfhu-wrap .zfhu-announcement-warning .zfhu-announcement-icon{background:#fef3c7}.zfhu-wrap .zfhu-announcement-glass{background:rgba(255,255,255,.66);backdrop-filter:blur(14px)} .zfhu-wrap.zfhu-theme-dark .zfhu-toolbar,.zfhu-wrap.zfhu-color-mode-dark .zfhu-toolbar,.zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-toolbar,.zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-toolbar,.zfhu-wrap.zfhu-color-mode-dark_black .zfhu-toolbar,.zfhu-wrap.zfhu-color-mode-oled .zfhu-toolbar{background:var(--zfhu-soft)!important;border-color:var(--zfhu-border)!important}.zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn,.zfhu-wrap.zfhu-theme-dark .zfhu-sort-switch select{background:var(--zfhu-card-bg)!important;border-color:var(--zfhu-border)!important;color:var(--zfhu-text)!important}.zfhu-wrap.zfhu-theme-dark .zfhu-announcement{background:var(--zfhu-card-bg)!important;border-color:var(--zfhu-border)!important}.zfhu-wrap.zfhu-theme-dark .zfhu-announcement-text{color:var(--zfhu-muted)!important} @media (min-width:641px){.zfhu-wrap .zfhu-toolbar.zfhu-desktop-time-off .zfhu-time-filter{display:none!important}.zfhu-wrap .zfhu-toolbar.zfhu-desktop-sort-off .zfhu-sort-switch{display:none!important}} @media (max-width:640px){.zfhu-wrap.zfhu-mobile-guide-off .zfhu-guide{display:none!important}.zfhu-wrap .zfhu-toolbar{min-height:42px;padding:7px 10px;gap:8px;overflow:hidden}.zfhu-wrap .zfhu-toolbar.zfhu-mobile-time-off .zfhu-time-filter{display:none!important}.zfhu-wrap .zfhu-toolbar.zfhu-mobile-sort-off .zfhu-sort-switch{display:none!important}.zfhu-wrap .zfhu-filter-btn{min-height:28px;padding:0 9px;font-size:11px}.zfhu-wrap .zfhu-sort-switch span{display:none}.zfhu-wrap .zfhu-sort-switch select{max-width:86px;height:28px;font-size:11px}.zfhu-wrap.zfhu-mobile-density-comfortable .zfhu-post-list>.zfhu-post-item{min-height:66px!important;padding-top:12px!important;padding-bottom:12px!important}.zfhu-wrap.zfhu-mobile-density-compact .zfhu-post-list>.zfhu-post-item{min-height:50px!important;padding-top:7px!important;padding-bottom:7px!important}.zfhu-wrap.zfhu-mobile-density-mini .zfhu-post-list>.zfhu-post-item{min-height:38px!important;padding:6px 10px!important;gap:7px!important}.zfhu-wrap.zfhu-mobile-density-mini .zfhu-avatar,.zfhu-wrap.zfhu-mobile-density-mini .zfhu-post-icon{width:26px!important;height:26px!important;flex-basis:26px!important;border-radius:8px!important}.zfhu-wrap.zfhu-mobile-density-mini .zfhu-post-meta,.zfhu-wrap.zfhu-mobile-density-mini .zfhu-tag-badge{display:none!important}.zfhu-wrap .zfhu-announcement{align-items:flex-start;margin-bottom:12px;padding:12px;gap:10px}.zfhu-wrap .zfhu-announcement-icon{width:32px;height:32px;flex-basis:32px;border-radius:11px}.zfhu-wrap .zfhu-announcement-btn{padding:7px 10px}.zfhu-wrap .zfhu-announcement-text{font-size:12px}.zfhu-wrap .zfhu-tab-label{max-width:110px}.zfhu-wrap .zfhu-tab-count{height:16px;min-width:16px;font-size:10px;padding:0 5px}} /* v3.0.15: 修复移动端关闭筛选后残留空工具条、更多按钮裁切、明暗切换残留 */ .zfhu-wrap .zfhu-card-head{overflow:visible!important;min-width:0} .zfhu-wrap .zfhu-tabs{min-width:0;flex:1 1 auto} .zfhu-wrap .zfhu-more{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:58px;max-width:none;height:30px;padding:0 10px;margin-left:auto;white-space:nowrap;line-height:1!important;overflow:visible!important;position:relative;z-index:3} .zfhu-wrap.zfhu-theme-light{--zfhu-card-bg:#fff;--zfhu-text:#1f2937;--zfhu-muted:#94a3b8;--zfhu-soft:#f7f9fd} .zfhu-wrap.zfhu-theme-light .zfhu-card,.zfhu-wrap.zfhu-theme-light .zfhu-post-item,.zfhu-wrap.zfhu-theme-light .zfhu-toolbar{background-color:var(--zfhu-card-bg)!important;color:var(--zfhu-text)!important} .zfhu-wrap.zfhu-theme-light .zfhu-card-head,.zfhu-wrap.zfhu-theme-light .zfhu-post-item,.zfhu-wrap.zfhu-theme-light .zfhu-toolbar{border-color:var(--zfhu-border)!important} .zfhu-wrap.zfhu-theme-light .zfhu-post-title,.zfhu-wrap.zfhu-theme-light .zfhu-side-head strong,.zfhu-wrap.zfhu-theme-light .zfhu-hot-title{color:#1e293b!important} .zfhu-wrap.zfhu-theme-light .zfhu-post-meta,.zfhu-wrap.zfhu-theme-light .zfhu-post-stats{color:#94a3b8!important} @media (min-width:641px){.zfhu-wrap .zfhu-toolbar.zfhu-desktop-time-off.zfhu-desktop-sort-off{display:none!important}} @media (max-width:640px){.zfhu-wrap .zfhu-toolbar.zfhu-mobile-time-off.zfhu-mobile-sort-off{display:none!important}.zfhu-wrap .zfhu-card-head{padding-left:12px!important;padding-right:12px!important}.zfhu-wrap .zfhu-more{min-width:52px;height:28px;padding:0 8px;font-size:12px}} /* v3.0.16: sticky tabs, post info modes, custom post icon, auto refresh prompt */ .zfhu-wrap .zfhu-post-icon{font-size:16px;letter-spacing:.02em;text-align:center;box-shadow:0 8px 18px color-mix(in srgb,var(--zfhu-term-color) 24%,transparent)} .zfhu-wrap .zfhu-refresh-tip{display:none;align-items:center;justify-content:center;gap:10px;margin:10px 14px 0;padding:9px 12px;border:1px solid color-mix(in srgb,var(--zfhu-accent) 24%,var(--zfhu-border));border-radius:999px;background:color-mix(in srgb,var(--zfhu-accent) 9%,var(--zfhu-card-bg));color:var(--zfhu-accent);font-size:12px;font-weight:900;cursor:pointer;transition:.18s ease}.zfhu-wrap .zfhu-refresh-tip.is-show{display:flex}.zfhu-wrap .zfhu-refresh-tip:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.zfhu-wrap.zfhu-theme-dark .zfhu-refresh-tip{background:var(--zfhu-soft);border-color:var(--zfhu-border)} @media (min-width:641px){.zfhu-wrap.zfhu-desktop-tab-sticky .zfhu-main-card{overflow:visible!important}.zfhu-wrap.zfhu-desktop-tab-sticky .zfhu-card-head{position:sticky!important;top:var(--zfhu-tab-sticky-offset)!important;z-index:40;background:var(--zfhu-card-bg)!important;box-shadow:0 8px 20px rgba(15,23,42,.06)}.zfhu-wrap.zfhu-desktop-info-data .zfhu-post-stats{background:rgba(47,124,255,.08);border:1px solid rgba(47,124,255,.15);border-radius:999px;padding:5px 9px;color:var(--zfhu-accent)!important;font-weight:900}.zfhu-wrap.zfhu-desktop-info-data .zfhu-post-stats svg{opacity:1}.zfhu-wrap.zfhu-desktop-info-author .zfhu-post-meta a:first-child{color:var(--zfhu-accent)!important;font-weight:900}.zfhu-wrap.zfhu-desktop-info-author .zfhu-avatar,.zfhu-wrap.zfhu-desktop-info-author .zfhu-post-icon{width:46px;height:46px;flex-basis:46px}.zfhu-wrap.zfhu-desktop-info-minimal .zfhu-post-meta,.zfhu-wrap.zfhu-desktop-info-minimal .zfhu-post-excerpt,.zfhu-wrap.zfhu-desktop-info-minimal .zfhu-badge{display:none!important}.zfhu-wrap.zfhu-desktop-info-minimal .zfhu-post-item{min-height:50px!important}.zfhu-wrap.zfhu-desktop-info-minimal .zfhu-post-title-row{gap:0}.zfhu-wrap.zfhu-desktop-info-operation .zfhu-post-title-row{flex-wrap:wrap;row-gap:5px}.zfhu-wrap.zfhu-desktop-info-operation .zfhu-badge{border:1px solid currentColor;background:transparent}.zfhu-wrap.zfhu-desktop-info-operation .zfhu-tag-badge{border-color:var(--zfhu-border);background:var(--zfhu-soft)}} @media (max-width:640px){.zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card{overflow:visible!important}.zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-card-head{position:sticky!important;top:var(--zfhu-tab-sticky-offset)!important;z-index:50;background:var(--zfhu-card-bg)!important;box-shadow:0 8px 20px rgba(15,23,42,.08)}.zfhu-wrap.zfhu-mobile-info-data .zfhu-post-stats{background:rgba(47,124,255,.08);border-radius:999px;padding:4px 7px;color:var(--zfhu-accent)!important;font-weight:900;gap:7px!important}.zfhu-wrap.zfhu-mobile-info-author .zfhu-post-meta a:first-child{color:var(--zfhu-accent)!important;font-weight:900}.zfhu-wrap.zfhu-mobile-info-minimal .zfhu-post-meta,.zfhu-wrap.zfhu-mobile-info-minimal .zfhu-post-excerpt,.zfhu-wrap.zfhu-mobile-info-minimal .zfhu-badge,.zfhu-wrap.zfhu-mobile-info-minimal .zfhu-post-stats{display:none!important}.zfhu-wrap.zfhu-mobile-info-minimal .zfhu-post-item{min-height:42px!important}.zfhu-wrap.zfhu-mobile-info-operation .zfhu-post-title-row{flex-wrap:wrap;row-gap:4px}.zfhu-wrap.zfhu-mobile-info-operation .zfhu-badge{font-size:10px;padding:1px 5px}.zfhu-wrap .zfhu-refresh-tip{margin:8px 10px 0;font-size:11px;padding:8px 10px}} /* v3.0.17: stronger avatar/icon rendering */ .zfhu-wrap .zfhu-avatar{display:grid!important;place-items:center!important;overflow:hidden!important;background:var(--zfhu-soft)!important} .zfhu-wrap .zfhu-avatar img,.zfhu-wrap .zfhu-avatar .avatar,.zfhu-wrap .zfhu-author-avatar-img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:inherit!important;margin:0!important;float:none!important} .zfhu-wrap .zfhu-user-list .zfhu-user-row,.zfhu-wrap .zfhu-user-list a.zfhu-user-row{display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;width:100%!important;text-align:left!important} .zfhu-wrap .zfhu-user-list .avatar,.zfhu-wrap .zfhu-user-list img,.zfhu-wrap .zfhu-user-avatar-img{display:block!important;visibility:visible!important;opacity:1!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;max-height:34px!important;border-radius:999px!important;object-fit:cover!important;margin:0!important;float:none!important;background:var(--zfhu-soft)!important} .zfhu-wrap .zfhu-fallback-avatar{display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--zfhu-accent),#8ab4ff)!important;color:#fff!important;font-weight:900!important;line-height:1!important} .zfhu-wrap .zfhu-post-icon{font-size:15px;letter-spacing:.02em} /* v3.0.18: mobile width isolation, radius/border reliability */ .zfhu-wrap{ min-width:0!important; } .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card, .zfhu-wrap .zfhu-guide, .zfhu-wrap .zfhu-ad, .zfhu-wrap .zfhu-toolbar, .zfhu-wrap .zfhu-pagination{ border-color:var(--zfhu-border)!important; border-radius:var(--zfhu-radius)!important; background-clip:padding-box!important; } .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card{ border:1px solid var(--zfhu-border)!important; overflow:hidden!important; } .zfhu-wrap .zfhu-card-head{ border-color:var(--zfhu-border)!important; } .zfhu-wrap .zfhu-post-item, .zfhu-wrap .zfhu-side-head, .zfhu-wrap .zfhu-toolbar{ border-color:var(--zfhu-border)!important; } .zfhu-wrap .zfhu-main-card.zfhu-card, .zfhu-wrap .zfhu-side-card.zfhu-card, .zfhu-wrap .zfhu-tags-card.zfhu-card{ box-shadow:var(--zfhu-shadow), inset 0 0 0 0 var(--zfhu-border)!important; } @media (max-width:900px){ html,body{max-width:100%;overflow-x:hidden;} .zfhu-wrap, .zfhu-wrap.zfhu-mode-normal, .zfhu-wrap.zfhu-mode-breakout, .zfhu-wrap.zfhu-mode-full{ position:relative!important; left:auto!important; right:auto!important; transform:none!important; width:min(var(--zfhu-mobile-max,100%),calc(100vw - 20px))!important; max-width:calc(100vw - 20px)!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; } .zfhu-wrap *, .zfhu-wrap *::before, .zfhu-wrap *::after{ max-width:100%; } .zfhu-wrap .zfhu-layout, .zfhu-wrap .zfhu-main, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-sidebar, .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-panels, .zfhu-wrap .zfhu-panel{ width:100%!important; max-width:100%!important; min-width:0!important; } .zfhu-wrap .zfhu-layout{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:var(--zfhu-gap)!important; overflow:visible!important; } .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card{ border-radius:var(--zfhu-radius)!important; border:1px solid var(--zfhu-border)!important; overflow:hidden!important; } .zfhu-wrap .zfhu-card-head{ width:100%!important; min-width:0!important; overflow:hidden!important; } .zfhu-wrap .zfhu-tabs{ flex:1 1 auto!important; min-width:0!important; max-width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; } .zfhu-wrap .zfhu-more{ flex:0 0 auto!important; min-width:auto!important; max-width:70px!important; } .zfhu-wrap .zfhu-post-list, .zfhu-wrap.zfhu-desktop-post-layout-list2 .zfhu-post-list, .zfhu-wrap.zfhu-desktop-post-layout-dense2 .zfhu-post-list, .zfhu-wrap.zfhu-desktop-post-layout-grid2 .zfhu-post-list{ grid-template-columns:minmax(0,1fr)!important; } .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list{ display:block!important; padding:0!important; gap:0!important; background:transparent!important; } .zfhu-wrap.zfhu-mobile-post-layout-list .zfhu-post-list>.zfhu-post-item, .zfhu-wrap.zfhu-mobile-post-layout-dense .zfhu-post-list>.zfhu-post-item{ display:flex!important; grid-template-columns:none!important; grid-template-areas:none!important; width:100%!important; min-width:0!important; max-width:100%!important; border-right:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } .zfhu-wrap .zfhu-post-mid, .zfhu-wrap .zfhu-post-title-row, .zfhu-wrap .zfhu-post-title, .zfhu-wrap .zfhu-post-meta{ min-width:0!important; } .zfhu-wrap .zfhu-post-stats{ flex-shrink:0!important; } } @media (max-width:640px){ .zfhu-wrap, .zfhu-wrap.zfhu-mode-breakout, .zfhu-wrap.zfhu-mode-full{ width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; } .zfhu-wrap .zfhu-card-head{ border-top-left-radius:calc(var(--zfhu-radius) - 1px)!important; border-top-right-radius:calc(var(--zfhu-radius) - 1px)!important; } .zfhu-wrap .zfhu-panel, .zfhu-wrap .zfhu-post-list, .zfhu-wrap .zfhu-sidebar, .zfhu-wrap .zfhu-side-card{ overflow-x:hidden!important; } } /* v3.0.19: independent desktop/mobile appearance variables + avatar hardening */ .zfhu-wrap .zfhu-avatar, .zfhu-wrap .zfhu-user-row .zfhu-real-avatar, .zfhu-wrap .zfhu-author-avatar-img, .zfhu-wrap .zfhu-user-avatar-img{ display:grid!important; visibility:visible!important; opacity:1!important; } .zfhu-wrap .zfhu-avatar{background:var(--zfhu-soft)!important;border:0!important;line-height:0!important} .zfhu-wrap .zfhu-avatar img, .zfhu-wrap img.zfhu-real-avatar, .zfhu-wrap img.zfhu-author-avatar-img, .zfhu-wrap img.zfhu-user-avatar-img{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; border:0!important; margin:0!important; padding:0!important; float:none!important; position:static!important; transform:none!important; } .zfhu-wrap .zfhu-user-row{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important} .zfhu-wrap .zfhu-user-row img.zfhu-user-avatar-img, .zfhu-wrap .zfhu-user-row .zfhu-fallback-avatar{ width:32px!important; height:32px!important; flex:0 0 32px!important; border-radius:50%!important; } .zfhu-wrap .zfhu-fallback-avatar{display:grid!important;place-items:center!important;background:var(--zfhu-accent)!important;color:#fff!important;font-weight:900!important;line-height:1!important} @media (max-width:900px){ .zfhu-wrap{ --zfhu-accent:var(--zfhu-mobile-accent)!important; --zfhu-border:var(--zfhu-mobile-border)!important; --zfhu-radius:var(--zfhu-mobile-radius)!important; --zfhu-shadow-strength:var(--zfhu-mobile-shadow-strength)!important; --zfhu-font-size:var(--zfhu-mobile-font-size)!important; --zfhu-title-font-size:var(--zfhu-mobile-title-font-size)!important; --zfhu-tab-height:var(--zfhu-mobile-tab-height)!important; --zfhu-tab-sticky-offset:var(--zfhu-mobile-tab-sticky-offset)!important; } .zfhu-wrap.zfhu-mobile-preset-blue{--zfhu-card-bg:#fbfdff!important;--zfhu-soft:#eff6ff!important} .zfhu-wrap.zfhu-mobile-preset-promo{--zfhu-accent:#ff4d4f!important;--zfhu-soft:#fff7ed!important} .zfhu-wrap.zfhu-mobile-preset-dark{--zfhu-card-bg:#111827!important;--zfhu-text:#e5e7eb!important;--zfhu-muted:#94a3b8!important;--zfhu-border:#263244!important;--zfhu-soft:#172033!important} .zfhu-wrap.zfhu-mobile-preset-glass{--zfhu-card-bg:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px)!important} .zfhu-wrap.zfhu-mobile-preset-large{--zfhu-radius:24px!important} .zfhu-wrap.zfhu-mobile-preset-compact{--zfhu-post-height:52px!important;--zfhu-tab-height:48px!important;--zfhu-gap:12px!important} } /* v3.0.20: 可升级替换版本的圆角/直角裁切修复 解决主题背景或吸顶 Tab 导致的左上角直角印记；电脑端/手机端手动圆角最终优先生效。 */ @media (min-width:901px){ .zfhu-wrap{--zfhu-radius:var(--zfhu-desktop-radius)!important;} } @media (max-width:900px){ .zfhu-wrap{--zfhu-radius:var(--zfhu-mobile-radius)!important;} } .zfhu-wrap, .zfhu-wrap *{box-sizing:border-box!important;} .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card, .zfhu-wrap .zfhu-guide, .zfhu-wrap .zfhu-ad, .zfhu-wrap .zfhu-toolbar, .zfhu-wrap .zfhu-pagination, .zfhu-wrap .zfhu-announcement{ border-radius:max(0px,var(--zfhu-radius))!important; border-color:var(--zfhu-border)!important; background-clip:border-box!important; } .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card{ position:relative!important; overflow:hidden!important; isolation:isolate!important; background-color:var(--zfhu-card-bg)!important; } .zfhu-wrap .zfhu-card::before, .zfhu-wrap .zfhu-main-card::before, .zfhu-wrap .zfhu-side-card::before, .zfhu-wrap .zfhu-tags-card::before{ content:""!important; position:absolute!important; inset:0!important; border:1px solid var(--zfhu-border)!important; border-radius:inherit!important; pointer-events:none!important; z-index:3!important; } .zfhu-wrap .zfhu-card-head{ position:relative!important; z-index:2!important; background-color:var(--zfhu-card-bg)!important; border-color:var(--zfhu-border)!important; border-top-left-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; border-top-right-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; overflow:hidden!important; background-clip:padding-box!important; } .zfhu-wrap .zfhu-panels{ position:relative!important; z-index:1!important; background-color:var(--zfhu-card-bg)!important; border-bottom-left-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; border-bottom-right-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; overflow:hidden!important; background-clip:padding-box!important; } .zfhu-wrap .zfhu-panel.is-active, .zfhu-wrap .zfhu-post-list{ background:transparent!important; } .zfhu-wrap .zfhu-main-card > *:first-child, .zfhu-wrap .zfhu-side-card > *:first-child, .zfhu-wrap .zfhu-tags-card > *:first-child{ border-top-left-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; border-top-right-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; } .zfhu-wrap .zfhu-main-card > *:last-child, .zfhu-wrap .zfhu-side-card > *:last-child, .zfhu-wrap .zfhu-tags-card > *:last-child{ border-bottom-left-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; border-bottom-right-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; } .zfhu-wrap.zfhu-desktop-tab-sticky .zfhu-main-card, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card{ overflow:hidden!important; } .zfhu-wrap.zfhu-desktop-tab-sticky .zfhu-card-head, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-card-head{ top:var(--zfhu-tab-sticky-offset)!important; clip-path:inset(0 round max(0px,var(--zfhu-radius)) max(0px,var(--zfhu-radius)) 0 0)!important; } @media (max-width:640px){ .zfhu-wrap .zfhu-card-head{ border-top-left-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; border-top-right-radius:max(0px,calc(var(--zfhu-radius) - 1px))!important; } } /* v3.0.22: 手机端边框色、Tab 吸顶、子比头像兼容修复 */ .zfhu-wrap .zfhu-avatar-box{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; display:block!important; position:relative!important; overflow:hidden!important; border-radius:inherit!important; line-height:0!important; background:var(--zfhu-soft)!important; } .zfhu-wrap .zfhu-avatar-box .avatar-img, .zfhu-wrap .zfhu-avatar-box .zfhu-theme-avatar-img, .zfhu-wrap .zfhu-avatar-box .avatar, .zfhu-wrap .zfhu-avatar-box img, .zfhu-wrap img.zfhu-wp-avatar-img{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:cover!important; border-radius:inherit!important; border:0!important; margin:0!important; padding:0!important; float:none!important; position:static!important; transform:none!important; } .zfhu-wrap .zfhu-avatar-box .avatar-img{overflow:hidden!important;border-radius:inherit!important;background:var(--zfhu-soft)!important;} .zfhu-wrap .zfhu-avatar-box .avatar-badge{position:absolute!important;right:-1px!important;bottom:-1px!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;border-radius:999px!important;z-index:3!important;} .zfhu-wrap .zfhu-avatar-box .zfhu-avatar-fallback{display:none!important;position:absolute!important;inset:0!important;place-items:center!important;background:linear-gradient(135deg,var(--zfhu-accent),#8ab4ff)!important;color:#fff!important;font-weight:900!important;font-style:normal!important;line-height:1!important;border-radius:inherit!important;} .zfhu-wrap .zfhu-avatar-box.is-fallback .zfhu-avatar-fallback{display:grid!important;} .zfhu-wrap .zfhu-user-row .zfhu-avatar-box{ width:34px!important; height:34px!important; flex:0 0 34px!important; border-radius:999px!important; } .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .avatar-img, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box img{ border-radius:999px!important; } .zfhu-wrap .zfhu-avatar .zfhu-avatar-box{ width:100%!important; height:100%!important; border-radius:inherit!important; } @media (max-width:900px){ .zfhu-wrap{ --zfhu-border:var(--zfhu-mobile-border)!important; --zfhu-radius:var(--zfhu-mobile-radius)!important; overflow-x:clip!important; } .zfhu-wrap.zfhu-mobile-tab-sticky{overflow:visible!important;} .zfhu-wrap .zfhu-card, .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card{ border:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; box-shadow:var(--zfhu-shadow), inset 0 0 0 1px var(--zfhu-mobile-border,var(--zfhu-border))!important; background-clip:padding-box!important; } .zfhu-wrap .zfhu-card::before, .zfhu-wrap .zfhu-main-card::before, .zfhu-wrap .zfhu-side-card::before, .zfhu-wrap .zfhu-tags-card::before{ border-color:var(--zfhu-mobile-border,var(--zfhu-border))!important; border-radius:inherit!important; } .zfhu-wrap .zfhu-card-head, .zfhu-wrap .zfhu-side-head, .zfhu-wrap .zfhu-post-item, .zfhu-wrap .zfhu-toolbar{ border-color:var(--zfhu-mobile-border,var(--zfhu-border))!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card{ overflow:visible!important; contain:none!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-card-head{ position:-webkit-sticky!important; position:sticky!important; top:var(--zfhu-mobile-tab-sticky-offset,var(--zfhu-tab-sticky-offset,0px))!important; z-index:999!important; border:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-bottom:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-radius:max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) 0 0!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; clip-path:none!important; } } @media (max-width:640px){ .zfhu-wrap .zfhu-main-card, .zfhu-wrap .zfhu-side-card, .zfhu-wrap .zfhu-tags-card{ border-color:var(--zfhu-mobile-border,var(--zfhu-border))!important; outline:1px solid transparent!important; } } /* v3.0.24: 修复夜间模式圆角双层边框 */ .zfhu-wrap .zfhu-card::before, .zfhu-wrap .zfhu-main-card::before, .zfhu-wrap .zfhu-side-card::before, .zfhu-wrap .zfhu-tags-card::before{ display:none!important; } .zfhu-wrap .zfhu-card-head{ background-clip:padding-box!important; } @media (max-width:640px){ .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-card-head{ width:calc(100% + 2px)!important; margin:-1px -1px 0!important; border-top:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-left:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-right:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-bottom:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-radius:max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) 0 0!important; box-sizing:border-box!important; } } /* v3.0.25: 广告 Tab + 手机端吸顶边框彻底整理 */ .zfhu-toolbar.zfhu-toolbar-hidden{display:none!important} .zfhu-wrap .zfhu-tab-ad .zfhu-tab-label{font-weight:900} .zfhu-wrap .zfhu-tab-count-ad{background:rgba(239,68,68,.1)!important;color:#ef4444!important} .zfhu-wrap .zfhu-panel-adtab{background:var(--zfhu-card-bg)!important} .zfhu-adtab-panel{display:grid;gap:12px;padding:14px;background:var(--zfhu-soft)} .zfhu-adtab-item{position:relative;display:flex;align-items:center;gap:12px;min-height:70px;padding:14px 16px;border:1px solid var(--zfhu-border);border-radius:calc(var(--zfhu-radius) - 4px);background:var(--zfhu-card-bg);color:var(--zfhu-text);overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:.18s ease} .zfhu-adtab-item:hover{transform:translateY(-1px);border-color:var(--zfhu-accent);box-shadow:var(--zfhu-shadow)} .zfhu-adtab-banner{min-height:104px;padding:18px 20px;background:linear-gradient(135deg,var(--zfhu-accent),#7c3aed);color:#fff;border-color:transparent} .zfhu-adtab-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.26;z-index:0} .zfhu-adtab-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.04));z-index:0;pointer-events:none} .zfhu-adtab-content,.zfhu-adtab-btn,.zfhu-adtab-icon{position:relative;z-index:1} .zfhu-adtab-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1} .zfhu-adtab-title-row{display:flex;align-items:center;gap:8px;min-width:0} .zfhu-adtab-title-row strong{font-size:16px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit} .zfhu-adtab-title-row em{font-style:normal;font-size:11px;line-height:1;border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.18);color:inherit;font-weight:900;flex:0 0 auto} .zfhu-adtab-text .zfhu-adtab-title-row em{background:rgba(47,124,255,.1);color:var(--zfhu-accent)} .zfhu-adtab-content small{font-size:12px;line-height:1.45;color:inherit;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .zfhu-adtab-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:0 0 38px;background:linear-gradient(135deg,var(--zfhu-accent),#7c3aed);color:#fff;font-weight:900} .zfhu-adtab-btn{flex:0 0 auto;border-radius:999px;padding:8px 13px;background:#fff;color:var(--zfhu-accent);font-size:12px;font-weight:900;box-shadow:0 10px 18px rgba(0,0,0,.1)} .zfhu-adtab-text .zfhu-adtab-btn{background:var(--zfhu-soft);box-shadow:none;border:1px solid var(--zfhu-border)} .zfhu-theme-dark .zfhu-adtab-text .zfhu-adtab-btn,.zfhu-color-mode-dark .zfhu-adtab-text .zfhu-adtab-btn,.zfhu-color-mode-oled .zfhu-adtab-text .zfhu-adtab-btn{background:var(--zfhu-soft);color:var(--zfhu-text)} @media (max-width:640px){ .zfhu-adtab-panel{padding:10px;gap:9px} .zfhu-adtab-item{min-height:62px;padding:11px 12px;border-radius:calc(var(--zfhu-radius) - 5px)} .zfhu-adtab-banner{min-height:82px;padding:14px} .zfhu-adtab-title-row strong{font-size:14px} .zfhu-adtab-content small{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .zfhu-adtab-btn{padding:7px 10px;font-size:11px} .zfhu-adtab-icon{width:32px;height:32px;flex-basis:32px;border-radius:11px} .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card.zfhu-card{overflow:visible!important;border-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;box-shadow:var(--zfhu-shadow)!important;background:transparent!important} .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card::before{display:none!important} .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-card-head{margin:0!important;width:100%!important;background:var(--zfhu-card-bg)!important;background-clip:padding-box!important;border:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-bottom:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-radius:max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) 0 0!important;clip-path:none!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;overflow:hidden!important} .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-toolbar{border-left:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-right:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-radius:0!important;margin:0!important} .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-panels{background:var(--zfhu-card-bg)!important;border-left:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-right:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-bottom:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important;border-top:0!important;border-radius:0 0 max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius)))!important;overflow:hidden!important;background-clip:padding-box!important} .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-post-list, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-panel{background:transparent!important;overflow:hidden!important} } /* v3.0.27: 广告 Tab 图片/双排/暗黑圆角综合优化 */ .zfhu-wrap .zfhu-adtab-panel{ background:transparent!important; padding:12px!important; gap:12px!important; grid-template-columns:minmax(0,1fr)!important; } @media (min-width:641px){ .zfhu-wrap.zfhu-adtab-desktop-double .zfhu-adtab-panel{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:640px){ .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-panel{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; padding:8px!important; } } .zfhu-wrap .zfhu-adtab-item{ isolation:isolate!important; background:var(--zfhu-card-bg)!important; color:var(--zfhu-text)!important; border-color:var(--zfhu-border)!important; box-shadow:0 8px 18px rgba(15,23,42,.04)!important; } .zfhu-wrap .zfhu-adtab-banner{ min-height:96px!important; padding:12px!important; background:var(--zfhu-card-bg)!important; color:var(--zfhu-text)!important; border-color:var(--zfhu-border)!important; } .zfhu-wrap .zfhu-adtab-banner:after, .zfhu-wrap .zfhu-adtab-bg{ display:none!important; content:none!important; opacity:0!important; background:none!important; } .zfhu-wrap .zfhu-adtab-media{ position:relative!important; z-index:1!important; flex:0 0 38%!important; align-self:stretch!important; min-width:96px!important; max-width:220px!important; min-height:72px!important; border-radius:max(8px,calc(var(--zfhu-radius) - 10px))!important; overflow:hidden!important; background:var(--zfhu-soft)!important; border:1px solid var(--zfhu-border)!important; } .zfhu-wrap .zfhu-adtab-text .zfhu-adtab-media{ flex:0 0 54px!important; width:54px!important; max-width:54px!important; min-width:54px!important; min-height:54px!important; align-self:center!important; border-radius:14px!important; } .zfhu-wrap .zfhu-adtab-media img{ display:block!important; width:100%!important; height:100%!important; min-height:inherit!important; object-fit:cover!important; border:0!important; opacity:1!important; filter:none!important; transform:none!important; } .zfhu-wrap .zfhu-adtab-content, .zfhu-wrap .zfhu-adtab-btn, .zfhu-wrap .zfhu-adtab-icon{ z-index:2!important; } .zfhu-wrap .zfhu-adtab-title-row em{ background:rgba(47,124,255,.10)!important; color:var(--zfhu-accent)!important; } .zfhu-wrap .zfhu-adtab-banner .zfhu-adtab-title-row em{ background:rgba(47,124,255,.12)!important; color:var(--zfhu-accent)!important; } .zfhu-wrap .zfhu-adtab-btn{ background:var(--zfhu-soft)!important; color:var(--zfhu-accent)!important; border:1px solid var(--zfhu-border)!important; box-shadow:none!important; } .zfhu-wrap.zfhu-theme-dark .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-adtab-item, .zfhu-wrap.zfhu-color-mode-oled .zfhu-adtab-item{ background:var(--zfhu-card-bg)!important; border-color:var(--zfhu-border)!important; color:var(--zfhu-text)!important; } .zfhu-wrap.zfhu-theme-dark .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-adtab-media, .zfhu-wrap.zfhu-color-mode-oled .zfhu-adtab-media{ background:var(--zfhu-soft)!important; border-color:var(--zfhu-border)!important; } @media (max-width:640px){ .zfhu-wrap .zfhu-adtab-banner{min-height:76px!important;padding:9px!important;gap:8px!important} .zfhu-wrap .zfhu-adtab-media{flex-basis:42%!important;min-width:68px!important;max-width:120px!important;min-height:58px!important;border-radius:max(8px,calc(var(--zfhu-mobile-radius,var(--zfhu-radius)) - 8px))!important} .zfhu-wrap .zfhu-adtab-text .zfhu-adtab-media{flex-basis:40px!important;width:40px!important;max-width:40px!important;min-width:40px!important;min-height:40px!important;border-radius:11px!important} .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-item{flex-direction:column!important;align-items:stretch!important;min-height:0!important;padding:8px!important} .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-media{width:100%!important;max-width:none!important;min-height:72px!important;flex:0 0 auto!important} .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-btn{align-self:flex-start!important;padding:5px 8px!important;font-size:10px!important} .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-title-row{gap:5px!important;flex-wrap:wrap!important} .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-title-row strong{font-size:12px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important} .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-content small{font-size:10px!important;-webkit-line-clamp:2!important} } @media (max-width:640px){ .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card.zfhu-card{ border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card::before, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-main-card::after{ display:none!important; content:none!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-card-head{ margin:0!important; width:100%!important; border:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-bottom:0!important; border-radius:max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) 0 0!important; background:var(--zfhu-card-bg)!important; box-shadow:none!important; overflow:hidden!important; clip-path:none!important; transform:translateZ(0)!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-toolbar{ border-left:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-right:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-top:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-bottom:0!important; border-radius:0!important; margin:0!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-panels{ border:1px solid var(--zfhu-mobile-border,var(--zfhu-border))!important; border-top:0!important; border-radius:0 0 max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius))) max(0px,var(--zfhu-mobile-radius,var(--zfhu-radius)))!important; background:var(--zfhu-card-bg)!important; overflow:hidden!important; box-shadow:var(--zfhu-shadow)!important; } .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-panel.is-active, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-post-list, .zfhu-wrap.zfhu-mobile-tab-sticky .zfhu-panel-adtab{ border-radius:inherit!important; background:transparent!important; } } /* v3.0.28: 广告 Tab 图片布局、可选遮罩与渲染性能优化 */ .zfhu-wrap .zfhu-adtab-media::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:var(--zfhu-adtab-overlay-color,#000); opacity:0; transition:opacity .18s ease; } .zfhu-wrap .zfhu-adtab-overlay-on .zfhu-adtab-media::after{ opacity:var(--zfhu-adtab-overlay-opacity,.38); } .zfhu-wrap .zfhu-adtab-media img{ position:relative!important; z-index:1!important; } .zfhu-wrap .zfhu-adtab-layout-wide{ flex-wrap:wrap!important; align-items:center!important; align-content:flex-start!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-media{ flex:1 0 100%!important; width:100%!important; max-width:none!important; min-width:0!important; min-height:118px!important; aspect-ratio:16/5!important; align-self:stretch!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-content{ flex:1 1 240px!important; padding:2px 4px!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-btn{ align-self:center!important; } .zfhu-wrap .zfhu-adtab-layout-background{ min-height:180px!important; padding:20px!important; color:#fff!important; border-color:transparent!important; background:#111827!important; } .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-media{ position:absolute!important; inset:0!important; z-index:0!important; width:100%!important; height:100%!important; max-width:none!important; min-width:0!important; min-height:0!important; border:0!important; border-radius:inherit!important; background:#111827!important; } .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-media img{ width:100%!important; height:100%!important; min-height:0!important; object-fit:cover!important; } .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-content, .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-btn{ position:relative!important; z-index:3!important; } .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-title-row strong, .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-content small{ color:#fff!important; text-shadow:0 1px 3px rgba(0,0,0,.45)!important; } .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-title-row em{ color:#fff!important; background:rgba(255,255,255,.18)!important; border:1px solid rgba(255,255,255,.24)!important; } .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-btn{ color:#111827!important; background:rgba(255,255,255,.94)!important; border-color:rgba(255,255,255,.55)!important; } .zfhu-wrap .zfhu-adtab-panel, .zfhu-wrap .zfhu-panel:not(.is-active), .zfhu-wrap .zfhu-side-card{ contain:layout paint style; } @media (max-width:640px){ .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-media{ width:100%!important; max-width:none!important; min-width:0!important; min-height:82px!important; aspect-ratio:16/6!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-content{ flex-basis:100%!important; padding:0 2px!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-btn{ align-self:flex-start!important; } .zfhu-wrap .zfhu-adtab-layout-background{ min-height:138px!important; padding:14px!important; } .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-layout-wide .zfhu-adtab-media, .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-layout-background .zfhu-adtab-media{ width:100%!important; max-width:none!important; } } /* v3.0.29: 图片全宽/尺寸可调、完整显示、整块遮罩 */ .zfhu-wrap .zfhu-adtab-media::after{ display:none!important; content:none!important; } .zfhu-wrap .zfhu-adtab-item::before{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit; background:var(--zfhu-adtab-overlay-color,#000); opacity:0; transition:opacity .18s ease; } .zfhu-wrap .zfhu-adtab-item.zfhu-adtab-overlay-on::before{ opacity:var(--zfhu-adtab-overlay-opacity,.38); } .zfhu-wrap .zfhu-adtab-content, .zfhu-wrap .zfhu-adtab-btn, .zfhu-wrap .zfhu-adtab-icon{ position:relative!important; z-index:3!important; } .zfhu-wrap .zfhu-adtab-overlay-on .zfhu-adtab-title-row strong, .zfhu-wrap .zfhu-adtab-overlay-on .zfhu-adtab-content small{ color:#fff!important; text-shadow:0 1px 3px rgba(0,0,0,.42)!important; } .zfhu-wrap .zfhu-adtab-overlay-on .zfhu-adtab-title-row em{ color:#fff!important; background:rgba(255,255,255,.18)!important; border:1px solid rgba(255,255,255,.24)!important; } .zfhu-wrap .zfhu-adtab-overlay-on .zfhu-adtab-btn{ color:#111827!important; background:rgba(255,255,255,.94)!important; border-color:rgba(255,255,255,.55)!important; } .zfhu-wrap .zfhu-adtab-media img{ object-fit:var(--zfhu-adtab-image-fit,cover)!important; object-position:center center!important; } .zfhu-wrap .zfhu-adtab-fit-contain .zfhu-adtab-media{ background:var(--zfhu-soft)!important; } .zfhu-wrap .zfhu-adtab-fit-contain .zfhu-adtab-media img{ object-fit:contain!important; } /* 全宽横幅：图片默认贴合广告条目边缘，不再保留内层左右空隙 */ .zfhu-wrap .zfhu-adtab-layout-wide{ padding:0!important; gap:0!important; align-content:flex-start!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-media{ flex:0 0 var(--zfhu-adtab-image-width,100%)!important; width:var(--zfhu-adtab-image-width,100%)!important; max-width:100%!important; min-width:0!important; margin:0 auto!important; border-width:0 0 1px!important; border-radius:inherit!important; aspect-ratio:16/5!important; } .zfhu-wrap .zfhu-adtab-layout-wide:not(.zfhu-adtab-image-only) .zfhu-adtab-media{ border-radius:inherit inherit 0 0!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-content{ padding:14px 16px!important; margin:0!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-btn{ margin:14px 16px 14px 0!important; } .zfhu-wrap .zfhu-adtab-layout-wide.zfhu-adtab-image-only .zfhu-adtab-media{ border:0!important; } /* 左图右文：宽度使用后台百分比，最高 75% 以保留文字区域 */ .zfhu-wrap .zfhu-adtab-layout-side .zfhu-adtab-media, .zfhu-wrap .zfhu-adtab-text.zfhu-adtab-layout-side .zfhu-adtab-media{ flex:0 0 var(--zfhu-adtab-image-width,38%)!important; width:var(--zfhu-adtab-image-width,38%)!important; max-width:75%!important; min-width:60px!important; align-self:stretch!important; } /* 固定高度：0 继续使用自适应比例，非 0 使用后台高度 */ .zfhu-wrap .zfhu-adtab-image-height-fixed.zfhu-adtab-layout-wide .zfhu-adtab-media, .zfhu-wrap .zfhu-adtab-image-height-fixed.zfhu-adtab-layout-side .zfhu-adtab-media{ height:var(--zfhu-adtab-image-height)!important; min-height:var(--zfhu-adtab-image-height)!important; aspect-ratio:auto!important; } .zfhu-wrap .zfhu-adtab-image-height-fixed.zfhu-adtab-layout-background{ min-height:var(--zfhu-adtab-image-height)!important; } /* 背景图模式始终覆盖整块；contain 时完整图片居中显示 */ .zfhu-wrap .zfhu-adtab-layout-background .zfhu-adtab-media{ width:100%!important; max-width:none!important; } .zfhu-wrap .zfhu-adtab-layout-background.zfhu-adtab-fit-contain .zfhu-adtab-media img{ object-fit:contain!important; } @media (max-width:640px){ .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-media{ flex-basis:var(--zfhu-adtab-image-width,100%)!important; width:var(--zfhu-adtab-image-width,100%)!important; max-width:100%!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-content{ padding:11px 12px!important; } .zfhu-wrap .zfhu-adtab-layout-wide .zfhu-adtab-btn{ margin:0 12px 11px!important; } .zfhu-wrap .zfhu-adtab-layout-side .zfhu-adtab-media, .zfhu-wrap .zfhu-adtab-text.zfhu-adtab-layout-side .zfhu-adtab-media{ flex-basis:var(--zfhu-adtab-image-width,38%)!important; width:var(--zfhu-adtab-image-width,38%)!important; max-width:70%!important; min-width:54px!important; } .zfhu-wrap.zfhu-adtab-mobile-double .zfhu-adtab-layout-wide .zfhu-adtab-media{ width:100%!important; flex-basis:100%!important; } } /* v3.0.30: 广告 Tab 条目按设备显示 */ .zfhu-wrap .zfhu-adtab-device-empty{ grid-column:1/-1; margin:0; } @media (min-width:901px){ .zfhu-wrap .zfhu-adtab-item.zfhu-adtab-device-mobile, .zfhu-wrap .zfhu-adtab-device-mobile-only{ display:none!important; } } @media (max-width:900px){ .zfhu-wrap .zfhu-adtab-item.zfhu-adtab-device-desktop, .zfhu-wrap .zfhu-adtab-device-desktop-only{ display:none!important; } } /* v3.0.31: 广告 Tab 总设备显示控制 */ @media (min-width:901px){ .zfhu-wrap .zfhu-tab.zfhu-tab-device-mobile, .zfhu-wrap .zfhu-panel.zfhu-panel-device-mobile{ display:none!important; } } @media (max-width:900px){ .zfhu-wrap .zfhu-tab.zfhu-tab-device-desktop, .zfhu-wrap .zfhu-panel.zfhu-panel-device-desktop{ display:none!important; } } /* v3.0.32: 文字广告紧凑列表 */ .zfhu-wrap .zfhu-textads{ margin:var(--zfhu-gap) 0; background:var(--zfhu-textads-bg,#fff); border:1px solid var(--zfhu-textads-border,#eef2f7); border-radius:var(--zfhu-radius); box-shadow:0 8px 22px rgba(15,23,42,.035); padding:12px 14px; overflow:hidden; } .zfhu-wrap .zfhu-textads-head{ display:flex; align-items:center; justify-content:space-between; margin:0 0 8px; color:var(--zfhu-text); font-size:14px; } .zfhu-wrap .zfhu-textads-list{ list-style:none!important; padding:0!important; margin:0!important; display:grid; grid-template-columns:repeat(var(--zfhu-textads-columns,1),minmax(0,1fr)); gap:var(--zfhu-textads-gap,6px) 14px; } .zfhu-wrap .zfhu-textads-item{ list-style:none!important; min-width:0; margin:0!important; padding:0!important; } .zfhu-wrap .zfhu-textads-link{ display:grid; grid-template-columns:16px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:32px; text-decoration:none!important; border-radius:8px; color:var(--zfhu-textad-color,#1d4ed8)!important; font-size:var(--zfhu-textads-font-size,18px); line-height:1.22; font-weight:600; padding:3px 2px; } .zfhu-wrap .zfhu-textads-link:hover{ background:rgba(37,99,235,.055); } .zfhu-wrap .zfhu-textads-dot{ width:7px; height:7px; border-radius:999px; background:var(--zfhu-textads-dot,#d9dee7); display:inline-block; justify-self:center; } .zfhu-wrap .zfhu-textads-title{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .zfhu-wrap .zfhu-textads-tag{ font-style:normal; color:var(--zfhu-textads-tag-color,#8a8f98); background:var(--zfhu-textads-tag-bg,#fff); border:1px solid var(--zfhu-textads-tag-border,#d9d9d9); border-radius:2px; padding:2px 8px; line-height:1.25; font-size:.82em; font-weight:500; white-space:nowrap; } .zfhu-wrap .zfhu-textads-compact{ padding:9px 12px; } .zfhu-wrap .zfhu-textads-compact .zfhu-textads-link{ min-height:28px; padding:1px 2px; } .zfhu-wrap.zfhu-color-mode-dark .zfhu-textads, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-textads, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-textads, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-textads, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-textads, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-textads, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-textads, .zfhu-wrap.zfhu-color-mode-oled .zfhu-textads{ box-shadow:none; } @media (min-width:901px){ .zfhu-wrap .zfhu-textads.zfhu-textads-device-mobile, .zfhu-wrap .zfhu-textads-item.zfhu-textad-device-mobile{display:none!important;} } @media (max-width:900px){ .zfhu-wrap .zfhu-textads.zfhu-textads-device-desktop, .zfhu-wrap .zfhu-textads-item.zfhu-textad-device-desktop{display:none!important;} .zfhu-wrap .zfhu-textads{ border-radius:var(--zfhu-mobile-radius,var(--zfhu-radius)); padding:8px 9px; } .zfhu-wrap .zfhu-textads-list{ grid-template-columns:repeat(var(--zfhu-textads-mobile-columns,1),minmax(0,1fr)); gap:max(2px,calc(var(--zfhu-textads-gap,6px) - 2px)) 8px; } .zfhu-wrap .zfhu-textads-link{ grid-template-columns:13px minmax(0,1fr) auto; gap:6px; min-height:25px; font-size:var(--zfhu-textads-mobile-font-size,15px); } .zfhu-wrap .zfhu-textads-dot{width:6px;height:6px;} .zfhu-wrap .zfhu-textads-tag{padding:1px 6px;} } /* v3.0.33: 文字广告加入前台 Tab，支持跟随黑天/白天主题 */ .zfhu-wrap .zfhu-tab-textads{color:#64748b;} .zfhu-wrap .zfhu-panel-textads .zfhu-textads-in-tab{ margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:var(--zfhu-textads-bg,var(--zfhu-card-bg))!important; min-height:var(--zfhu-panel-min); padding:14px 18px!important; } .zfhu-wrap .zfhu-textads-color-theme{ background:var(--zfhu-card-bg)!important; border-color:var(--zfhu-border)!important; color:var(--zfhu-text)!important; } .zfhu-wrap .zfhu-textads-color-theme .zfhu-textads-head{color:var(--zfhu-text)!important;} .zfhu-wrap .zfhu-textads-color-theme .zfhu-textads-dot{background:var(--zfhu-muted)!important;opacity:.45;} .zfhu-wrap .zfhu-textads-color-theme .zfhu-textads-tag{ color:var(--zfhu-muted)!important; background:var(--zfhu-soft)!important; border-color:var(--zfhu-border)!important; } .zfhu-wrap .zfhu-textads-color-theme .zfhu-textads-link:hover{background:var(--zfhu-soft)!important;} @media (max-width:900px){ .zfhu-wrap .zfhu-panel-textads .zfhu-textads-in-tab{ padding:10px 12px!important; border-radius:0!important; } } /* v3.0.34: 文字广告面板提示文字居中显示 */ .zfhu-wrap .zfhu-textads-head.zfhu-textads-panel-title{ justify-content:center!important; text-align:center!important; margin:0 0 10px!important; color:var(--zfhu-text)!important; } .zfhu-wrap .zfhu-textads-head.zfhu-textads-panel-title strong{ display:block; width:100%; font-weight:800; } /* v3.0.35: 文字广告面板提示文字颜色可设置 */ .zfhu-wrap .zfhu-textads-head.zfhu-textads-panel-title{ color:var(--zfhu-textads-panel-title-color,var(--zfhu-text))!important; } .zfhu-wrap .zfhu-textads-head.zfhu-textads-panel-title strong{ color:inherit!important; } /* v3.0.37: device limits + fixed image-height blank fix */ .zfhu-wrap .zfhu-adtab-image-height-fixed.zfhu-adtab-image-only{ min-height:var(--zfhu-adtab-image-height)!important; height:var(--zfhu-adtab-image-height)!important; padding:0!important; line-height:0!important; } .zfhu-wrap .zfhu-adtab-image-height-fixed.zfhu-adtab-image-only .zfhu-adtab-media{ height:var(--zfhu-adtab-image-height)!important; min-height:var(--zfhu-adtab-image-height)!important; border:0!important; } .zfhu-wrap .zfhu-adtab-image-height-fixed.zfhu-adtab-image-only .zfhu-adtab-media img{ display:block!important; width:100%!important; height:100%!important; } @media (min-width:901px){ .zfhu-wrap .zfhu-limit-hide-desktop, .zfhu-wrap .zfhu-adtab-item.zfhu-adtab-device-mobile, .zfhu-wrap .zfhu-adtab-device-mobile-only{display:none!important;} } @media (max-width:900px){ .zfhu-wrap .zfhu-limit-hide-mobile, .zfhu-wrap .zfhu-adtab-item.zfhu-adtab-device-desktop, .zfhu-wrap .zfhu-adtab-device-desktop-only{display:none!important;} } /* v3.0.41: Tab AJAX reliability */ .zfhu-wrap .zfhu-panel[aria-busy="true"]{cursor:progress} .zfhu-wrap .zfhu-ajax-error .zfhu-retry{margin-top:10px;border:0;border-radius:999px;background:var(--zfhu-accent);color:#fff;font-weight:900;padding:8px 16px;cursor:pointer;box-shadow:0 10px 22px rgba(47,124,255,.18)} .zfhu-wrap .zfhu-ajax-error .zfhu-retry:hover{filter:brightness(.96);transform:translateY(-1px)} /* v3.0.48: AJAX 时间筛选非破坏式加载，避免 24小时/7天切换时内容突然消失 */ .zfhu-panel.zfhu-soft-loading{position:relative;min-height:120px;} .zfhu-panel.zfhu-soft-loading:after{content:"加载中...";position:absolute;right:14px;top:14px;z-index:4;padding:6px 12px;border-radius:999px;background:var(--zfhu-card-bg,#fff);box-shadow:0 8px 24px rgba(0,0,0,.10);font-size:12px;color:var(--zfhu-muted,#667085);pointer-events:none;} .zfhu-inline-error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(255,143,31,.12);color:#b45309;font-size:13px;line-height:1.5;} /* v3.0.49: 时间筛选 AJAX 防空白辅助样式 */ .zfhu-panel.zfhu-soft-loading{position:relative;min-height:120px;} .zfhu-panel.zfhu-soft-loading:after{content:"加载中...";position:absolute;right:14px;top:14px;z-index:4;padding:6px 12px;border-radius:999px;background:var(--zfhu-card-bg,#fff);box-shadow:0 8px 24px rgba(0,0,0,.10);font-size:12px;color:var(--zfhu-muted,#667085);pointer-events:none;} .zfhu-inline-error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(255,143,31,.12);color:#b45309;font-size:13px;line-height:1.5;} /* v3.0.54: avatar VIP badge protrudes outside like Zib theme */ .zfhu-wrap .zfhu-avatar{ overflow:visible!important; position:relative!important; background:transparent!important; } .zfhu-wrap .zfhu-avatar-box{ overflow:visible!important; background:transparent!important; } .zfhu-wrap .zfhu-avatar-box .avatar-img, .zfhu-wrap .zfhu-avatar-box .zfhu-theme-avatar-img, .zfhu-wrap .zfhu-avatar-box .avatar, .zfhu-wrap .zfhu-avatar-box img, .zfhu-wrap img.zfhu-wp-avatar-img{ overflow:hidden!important; } .zfhu-wrap .zfhu-avatar-box .avatar-badge, .zfhu-wrap .zfhu-avatar-box .vip-icon, .zfhu-wrap .zfhu-avatar-box .avatar-vip, .zfhu-wrap .zfhu-avatar-box .user-vip-icon, .zfhu-wrap .zfhu-avatar-box .badg, .zfhu-wrap .zfhu-avatar-box .badge{ position:absolute!important; right:-6px!important; bottom:-6px!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; max-width:45%!important; max-height:45%!important; border-radius:999px!important; z-index:5!important; overflow:visible!important; } .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .avatar-badge, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .vip-icon, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .avatar-vip, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .user-vip-icon, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .badg, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .badge{ right:-4px!important; bottom:-4px!important; width:14px!important; height:14px!important; min-width:14px!important; min-height:14px!important; } /* v3.0.55: configurable loading label and avatar VIP badge size */ .zfhu-wrap[data-loading-text-show="0"] .zfhu-panel.zfhu-soft-loading:after{display:none!important;content:""!important;} .zfhu-wrap[data-loading-text-show="1"] .zfhu-panel.zfhu-soft-loading:after{content:attr(data-zfhu-loading-text)!important;} .zfhu-wrap .zfhu-avatar-box .avatar-badge, .zfhu-wrap .zfhu-avatar-box .vip-icon, .zfhu-wrap .zfhu-avatar-box .avatar-vip, .zfhu-wrap .zfhu-avatar-box .user-vip-icon, .zfhu-wrap .zfhu-avatar-box .badg, .zfhu-wrap .zfhu-avatar-box .badge{ right:calc(var(--zfhu-avatar-badge-size,18px) / -3)!important; bottom:calc(var(--zfhu-avatar-badge-size,18px) / -3)!important; width:var(--zfhu-avatar-badge-size,18px)!important; height:var(--zfhu-avatar-badge-size,18px)!important; min-width:var(--zfhu-avatar-badge-size,18px)!important; min-height:var(--zfhu-avatar-badge-size,18px)!important; } .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .avatar-badge, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .vip-icon, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .avatar-vip, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .user-vip-icon, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .badg, .zfhu-wrap .zfhu-user-row .zfhu-avatar-box .badge{ right:calc(var(--zfhu-user-avatar-badge-size,14px) / -3)!important; bottom:calc(var(--zfhu-user-avatar-badge-size,14px) / -3)!important; width:var(--zfhu-user-avatar-badge-size,14px)!important; height:var(--zfhu-user-avatar-badge-size,14px)!important; min-width:var(--zfhu-user-avatar-badge-size,14px)!important; min-height:var(--zfhu-user-avatar-badge-size,14px)!important; } /* v3.0.56: operation badges, tab icons, post templates and enhanced user info */ .zfhu-wrap .zfhu-tab{display:inline-flex;align-items:center;gap:6px;} .zfhu-wrap .zfhu-tab-icon{font-size:1.05em;line-height:1;display:inline-grid;place-items:center;} .zfhu-wrap .zfhu-user-extra{border-radius:999px;background:rgba(100,116,139,.08);padding:1px 6px;color:#64748b;font-weight:700;} .zfhu-wrap .zfhu-badge-pin{background:#fff7ed;color:#f97316;} .zfhu-wrap .zfhu-badge-recommend{background:#fef2f2;color:#ef4444;} .zfhu-wrap .zfhu-badge-official{background:#eef2ff;color:#4f46e5;} .zfhu-wrap .zfhu-badge-activity{background:#ecfdf5;color:#059669;} .zfhu-wrap .zfhu-badge-solved{background:#f0fdf4;color:#16a34a;} .zfhu-wrap .zfhu-badge-attachment{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;} .zfhu-wrap.zfhu-post-template-magazine .zfhu-post-list>.zfhu-post-item{align-items:flex-start;padding-top:16px;padding-bottom:16px;} .zfhu-wrap.zfhu-post-template-magazine .zfhu-avatar,.zfhu-wrap.zfhu-post-template-magazine .zfhu-post-icon{width:56px;height:56px;flex-basis:56px;border-radius:18px;} .zfhu-wrap.zfhu-post-template-magazine .zfhu-post-title-row{flex-wrap:wrap;row-gap:6px;} .zfhu-wrap.zfhu-post-template-magazine .zfhu-post-title{font-size:calc(var(--zfhu-title-font-size) + 1px);} .zfhu-wrap.zfhu-post-template-rank .zfhu-post-list{counter-reset:zfhu-rank-counter;} .zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item{counter-increment:zfhu-rank-counter;position:relative;padding-left:56px;} .zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item:before{content:counter(zfhu-rank-counter);position:absolute;left:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:900;font-size:13px;} .zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(1):before{background:#ef4444;color:#fff;} .zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(2):before{background:#f97316;color:#fff;} .zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(3):before{background:#facc15;color:#78350f;} .zfhu-wrap.zfhu-post-template-compact_card .zfhu-post-list{padding:12px;display:grid;gap:10px;background:var(--zfhu-soft);} .zfhu-wrap.zfhu-post-template-compact_card .zfhu-post-list>.zfhu-post-item{border:1px solid var(--zfhu-border);border-radius:16px;background:var(--zfhu-card-bg);padding:12px 14px;min-height:58px;box-shadow:0 8px 20px rgba(15,23,42,.04);} @media (max-width:640px){.zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item{padding-left:44px}.zfhu-wrap.zfhu-post-template-rank .zfhu-post-list>.zfhu-post-item:before{left:10px;width:22px;height:22px;font-size:11px}.zfhu-wrap.zfhu-post-template-magazine .zfhu-avatar,.zfhu-wrap.zfhu-post-template-magazine .zfhu-post-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}} /* v3.0.57: optional avatar external VIP/member badge visibility */ .zfhu-wrap[data-avatar-badge-show="0"] .zfhu-avatar-box .avatar-badge, .zfhu-wrap[data-avatar-badge-show="0"] .zfhu-avatar-box .vip-icon, .zfhu-wrap[data-avatar-badge-show="0"] .zfhu-avatar-box .avatar-vip, .zfhu-wrap[data-avatar-badge-show="0"] .zfhu-avatar-box .user-vip-icon, .zfhu-wrap[data-avatar-badge-show="0"] .zfhu-avatar-box .badg, .zfhu-wrap[data-avatar-badge-show="0"] .zfhu-avatar-box .badge{display:none!important;} /* v4.0.2: configurable post covers and local read marker */ .zfhu-wrap .zfhu-cover{display:block;overflow:hidden;border-radius:12px;flex-shrink:0;background:var(--zfhu-soft,#f5f7fb);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;} .zfhu-wrap .zfhu-cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:1!important;visibility:visible!important;} .zfhu-wrap .zfhu-cover img[src=""],.zfhu-wrap .zfhu-cover img:not([src]){display:none!important;} .zfhu-wrap .zfhu-cover-ph{background:linear-gradient(135deg,#eef2f7,#f8fafc);border:1px dashed var(--zfhu-border,#e5e7eb);} .zfhu-wrap .zfhu-cover-side{width:64px;height:64px;flex:0 0 64px;} .zfhu-wrap .zfhu-cover-top{width:100%;aspect-ratio:16/9;margin:0 0 9px;border-radius:14px;} .zfhu-wrap .zfhu-thumb-top .zfhu-post-title-row{margin-top:1px;} .zfhu-wrap .zfhu-thumb-enabled.zfhu-cover-fallback-hide .zfhu-post-mid{padding-left:0;} .zfhu-wrap .zfhu-post-title.zfhu-read{color:var(--zfhu-muted,#94a3b8)!important;} .zfhu-wrap .zfhu-post-title.zfhu-read:hover{color:var(--zfhu-accent,#2f7cff)!important;} .zfhu-wrap.zfhu-color-mode-dark .zfhu-cover, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-cover, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-cover, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-cover, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-cover, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-cover, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-cover, .zfhu-wrap.zfhu-color-mode-oled .zfhu-cover{background:rgba(148,163,184,.12);} @media (max-width:640px){.zfhu-wrap .zfhu-cover-side{width:52px;height:52px;flex-basis:52px;border-radius:11px}.zfhu-wrap .zfhu-cover-top{border-radius:12px;margin-bottom:7px}} /* v4.0.6: 电脑端/手机端历史帖子模板样式与 Tab 数量角标兼容 */ @media (min-width:901px){ .zfhu-wrap .zfhu-tab-count-device-mobile{display:none!important} .zfhu-wrap.zfhu-desktop-post-template-magazine .zfhu-post-list>.zfhu-post-item{align-items:flex-start;padding-top:16px;padding-bottom:16px;} .zfhu-wrap.zfhu-desktop-post-template-magazine .zfhu-avatar,.zfhu-wrap.zfhu-desktop-post-template-magazine .zfhu-post-icon{width:56px;height:56px;flex-basis:56px;border-radius:18px;} .zfhu-wrap.zfhu-desktop-post-template-magazine .zfhu-post-title-row{flex-wrap:wrap;row-gap:6px;} .zfhu-wrap.zfhu-desktop-post-template-magazine .zfhu-post-title{font-size:calc(var(--zfhu-title-font-size) + 1px);} .zfhu-wrap.zfhu-desktop-post-template-rank .zfhu-post-list{counter-reset:zfhu-rank-counter;} .zfhu-wrap.zfhu-desktop-post-template-rank .zfhu-post-list>.zfhu-post-item{counter-increment:zfhu-rank-counter;position:relative;padding-left:56px;} .zfhu-wrap.zfhu-desktop-post-template-rank .zfhu-post-list>.zfhu-post-item:before{content:counter(zfhu-rank-counter);position:absolute;left:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:900;font-size:13px;} .zfhu-wrap.zfhu-desktop-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(1):before{background:#ef4444;color:#fff;} .zfhu-wrap.zfhu-desktop-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(2):before{background:#f97316;color:#fff;} .zfhu-wrap.zfhu-desktop-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(3):before{background:#facc15;color:#78350f;} .zfhu-wrap.zfhu-desktop-post-template-compact_card .zfhu-post-list{padding:12px;display:grid;gap:10px;background:var(--zfhu-soft);} .zfhu-wrap.zfhu-desktop-post-template-compact_card .zfhu-post-list>.zfhu-post-item{border:1px solid var(--zfhu-border);border-radius:16px;background:var(--zfhu-card-bg);padding:12px 14px;min-height:58px;box-shadow:0 8px 20px rgba(15,23,42,.04);} } @media (max-width:900px){ .zfhu-wrap .zfhu-tab-count-device-desktop{display:none!important} .zfhu-wrap.zfhu-mobile-post-template-magazine .zfhu-post-list>.zfhu-post-item{align-items:flex-start;padding-top:16px;padding-bottom:16px;} .zfhu-wrap.zfhu-mobile-post-template-magazine .zfhu-avatar,.zfhu-wrap.zfhu-mobile-post-template-magazine .zfhu-post-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px;} .zfhu-wrap.zfhu-mobile-post-template-magazine .zfhu-post-title-row{flex-wrap:wrap;row-gap:6px;} .zfhu-wrap.zfhu-mobile-post-template-magazine .zfhu-post-title{font-size:calc(var(--zfhu-title-font-size) + 1px);} .zfhu-wrap.zfhu-mobile-post-template-rank .zfhu-post-list{counter-reset:zfhu-rank-counter;} .zfhu-wrap.zfhu-mobile-post-template-rank .zfhu-post-list>.zfhu-post-item{counter-increment:zfhu-rank-counter;position:relative;padding-left:44px;} .zfhu-wrap.zfhu-mobile-post-template-rank .zfhu-post-list>.zfhu-post-item:before{content:counter(zfhu-rank-counter);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:900;font-size:11px;} .zfhu-wrap.zfhu-mobile-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(1):before{background:#ef4444;color:#fff;} .zfhu-wrap.zfhu-mobile-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(2):before{background:#f97316;color:#fff;} .zfhu-wrap.zfhu-mobile-post-template-rank .zfhu-post-list>.zfhu-post-item:nth-child(3):before{background:#facc15;color:#78350f;} .zfhu-wrap.zfhu-mobile-post-template-compact_card .zfhu-post-list{padding:8px;display:grid;gap:8px;background:var(--zfhu-soft);} .zfhu-wrap.zfhu-mobile-post-template-compact_card .zfhu-post-list>.zfhu-post-item{border:1px solid var(--zfhu-border);border-radius:14px;background:var(--zfhu-card-bg);padding:10px 12px;min-height:52px;box-shadow:0 6px 14px rgba(15,23,42,.04);} } @media (min-width:901px){ .zfhu-wrap{ --zfhu-avatar-badge-size:var(--zfhu-desktop-avatar-badge-size,18px); --zfhu-user-avatar-badge-size:var(--zfhu-desktop-user-avatar-badge-size,14px); } } @media (max-width:900px){ .zfhu-wrap{ --zfhu-avatar-badge-size:var(--zfhu-mobile-avatar-badge-size,18px); --zfhu-user-avatar-badge-size:var(--zfhu-mobile-user-avatar-badge-size,14px); } } /* v4.0.8: 广告 Tab 图片间距与横向到头开关 - 电脑端/手机端独立 */ .zfhu-wrap .zfhu-adtab-panel{ gap:var(--zfhu-adtab-desktop-gap,var(--zfhu-adtab-gap,12px))!important; } @media (max-width:900px){ .zfhu-wrap .zfhu-adtab-panel{ gap:var(--zfhu-adtab-mobile-gap,var(--zfhu-adtab-gap,12px))!important; } } @media (min-width:901px){ .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-panel{ padding-left:0!important; padding-right:0!important; } .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-layout-wide, .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-layout-background, .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-image-only{ border-left-width:0!important; border-right-width:0!important; border-left-color:transparent!important; border-right-color:transparent!important; border-radius:0!important; } .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-layout-wide .zfhu-adtab-media, .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-layout-background .zfhu-adtab-media, .zfhu-wrap.zfhu-adtab-desktop-full-bleed .zfhu-adtab-image-only .zfhu-adtab-media{ border-radius:0!important; } } @media (max-width:900px){ .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-panel{ padding-left:0!important; padding-right:0!important; } .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-layout-wide, .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-layout-background, .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-image-only{ border-left-width:0!important; border-right-width:0!important; border-left-color:transparent!important; border-right-color:transparent!important; border-radius:0!important; } .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-layout-wide .zfhu-adtab-media, .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-layout-background .zfhu-adtab-media, .zfhu-wrap.zfhu-adtab-mobile-full-bleed .zfhu-adtab-image-only .zfhu-adtab-media{ border-radius:0!important; } } /* v4.0.9: 夜晚模式下强化时间筛选选中态，避免 24小时/7天/30天 与未选状态难以区分 */ .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn:hover, .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn:hover{ background:linear-gradient(135deg,var(--zfhu-accent),color-mix(in srgb,var(--zfhu-accent) 72%,#7c3aed))!important; border-color:color-mix(in srgb,var(--zfhu-accent) 72%,#fff)!important; color:#fff!important; box-shadow:0 8px 18px color-mix(in srgb,var(--zfhu-accent) 30%,transparent)!important; } .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn.is-active{ transform:translateY(-1px); } /* v4.0.10: 夜晚模式下修正时间筛选按钮选中态边缘/焦点残留，避免首个按钮出现外溢弧线 */ .zfhu-wrap .zfhu-filter-btn{ outline:0!important; -webkit-tap-highlight-color:transparent; } .zfhu-wrap .zfhu-filter-btn:focus{ outline:0!important; } .zfhu-wrap .zfhu-filter-btn:focus-visible{ outline:0!important; box-shadow:inset 0 0 0 1px rgba(47,124,255,.35)!important; } .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn:hover:not(.is-active), .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn:hover:not(.is-active){ background:rgba(47,124,255,.14)!important; border-color:rgba(147,197,253,.42)!important; color:#dbeafe!important; box-shadow:none!important; transform:none!important; } .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn.is-active, .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn.is-active{ background:var(--zfhu-accent)!important; border-color:rgba(255,255,255,.22)!important; color:#fff!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important; transform:none!important; } .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-theme-dark .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark_soft .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark_gray .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark_blue .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark_purple .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark_green .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-dark_black .zfhu-filter-btn.is-active:focus-visible, .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn.is-active:focus, .zfhu-wrap.zfhu-color-mode-oled .zfhu-filter-btn.is-active:focus-visible{ outline:0!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important; }