.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; } }