body{background:var(--ff-bg) !important;color:var(--ff-text) !important}.container{max-width:var(--ff-container) !important;margin:0 auto !important;padding:0 20px !important}.home-bento{display:grid !important;grid-template-columns:1fr !important;grid-auto-rows:auto !important;gap:22px 18px !important;align-items:start !important;margin:0 !important}.home-bento>.ad-before-cat-wrap,.home-bento>.quick-post-section,.home-bento>.quickpost-block{grid-column:1 / -1 !important}.home-bento>.ad-before-cat-wrap:empty,.home-bento>.ad-after-rank-wrap:empty{display:none !important}.home-bento>section.cat-section{grid-column:1 / -1 !important}.home-split{display:grid !important;grid-template-columns:minmax(0,1fr) 320px !important;gap:0 24px !important;align-items:start !important;margin:24px auto 40px !important}.home-bento{display:grid !important;grid-template-columns:1fr !important;gap:22px 18px !important;align-items:start !important;margin:0 !important}.home-bento>section.cat-section{grid-column:1 / -1 !important}.home-bento-side{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:18px !important;align-self:start !important;position:sticky !important;top:92px !important}.home-bento-side .side-inner{display:flex !important;flex-direction:column !important;gap:18px !important}.home-bento-side .block,.home-bento-side .side-ad{grid-column:auto !important}.cat-section{position:relative !important;border-radius:var(--ff-radius-lg) !important;overflow:hidden !important;background:var(--ff-glass) !important;backdrop-filter:var(--ff-blur) !important;-webkit-backdrop-filter:var(--ff-blur) !important;border:1px solid var(--ff-glass-brd) !important;box-shadow:var(--ff-shadow-sm) !important;padding:0 0 16px 0 !important;width:100% !important;box-sizing:border-box !important;margin-bottom:18px !important}.cat-header{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:16px 20px 14px !important;border-bottom:1px solid var(--ff-border-soft) !important;width:100% !important;box-sizing:border-box !important}.cat-title{display:flex !important;align-items:center !important;gap:9px !important;margin:0 !important;font-size:19px !important;font-weight:700 !important;color:var(--ff-text) !important;letter-spacing:0.01em !important}.cat-title-bar{display:inline-block !important;width:4px !important;height:19px !important;background:var(--ff-gradient) !important;border-radius:3px !important;box-shadow:0 0 10px rgba(0,149,255,0.5) !important}.cat-sub-tags{display:flex !important;flex-wrap:wrap !important;gap:6px !important}.cat-sub-tag{display:inline-block !important;padding:3px 12px !important;font-size:12px !important;font-weight:500 !important;background:var(--ff-accent-soft) !important;color:var(--ff-accent) !important;border-radius:var(--ff-radius-pill) !important;text-decoration:none !important;border:1px solid transparent !important;transition:all 0.25s ease !important}.cat-sub-tag:hover{background:var(--ff-accent) !important;color:#fff !important;box-shadow:0 0 14px rgba(0,149,255,0.5) !important}.cat-more{font-size:13px !important;color:var(--ff-text-soft) !important;text-decoration:none !important;white-space:nowrap !important;transition:color 0.2s ease !important}.cat-more:hover{color:var(--ff-accent) !important}.article-list.article-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;padding:16px 20px !important;list-style:none !important;margin:0 !important}.article-card{position:relative !important;display:block !important;border-radius:var(--ff-radius) !important;overflow:hidden !important;background:var(--ff-glass-2) !important;border:1px solid var(--ff-glass-brd) !important;box-shadow:var(--ff-shadow-sm) !important;transition:transform 0.3s var(--ff-ease),box-shadow 0.3s var(--ff-ease),border-color 0.3s var(--ff-ease) !important;text-decoration:none !important}.article-card:hover{transform:translateY(-3px) !important;background:var(--ff-glass-hover) !important;box-shadow:var(--ff-glow) !important;border-color:var(--ff-glass-brd-2) !important}.article-card-thumb{display:block !important;width:100% !important;aspect-ratio:16 / 9 !important;overflow:hidden !important;background:var(--ff-dark-3) !important;position:relative !important}.article-card-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:transform 0.55s var(--ff-ease) !important}.article-card:hover .article-card-thumb img{transform:scale(1.06) !important}.article-card-thumb::after{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(180deg,transparent 55%,var(--ff-img-scrim) 100%) !important;pointer-events:none !important}.article-card-no-thumb .article-card-thumb{display:none !important}.article-card-body{padding:13px 15px 15px !important;display:flex !important;flex-direction:column !important;gap:8px !important;min-width:0 !important}.article-card-title{font-size:15px !important;font-weight:600 !important;line-height:1.45 !important;color:var(--ff-text) !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;transition:color 0.2s ease !important}.article-card:hover .article-card-title{color:var(--ff-accent-hover) !important}.article-card-meta{display:flex !important;align-items:center !important;gap:10px !important;font-size:12px !important;color:var(--ff-text-muted) !important}.article-card-cat{color:var(--ff-accent) !important;font-weight:500 !important}.article-row{display:flex !important;align-items:stretch !important;gap:14px !important;padding:14px !important;width:100% !important;box-sizing:border-box !important;border-radius:var(--ff-radius) !important;background:var(--ff-glass-2) !important;border:1px solid var(--ff-glass-brd) !important;text-decoration:none !important;color:var(--ff-text) !important;transition:transform 0.25s var(--ff-ease),box-shadow 0.25s var(--ff-ease),background 0.25s var(--ff-ease) !important}.article-row:hover{transform:translateY(-2px) !important;background:var(--ff-glass-hover) !important;box-shadow:var(--ff-glow) !important;border-color:var(--ff-glass-brd-2) !important}.article-row-thumb{flex:0 0 132px !important;height:92px !important;border-radius:var(--ff-radius-sm) !important;overflow:hidden !important;background:var(--ff-dark-3) !important}.article-row-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.article-row-thumb-text{background:var(--ff-accent-soft) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--ff-accent) !important;font-size:22px !important;font-weight:700 !important;width:100% !important;height:100% !important}.article-row-body{flex:1 1 auto !important;display:flex !important;flex-direction:column !important;justify-content:center !important;min-width:0 !important;gap:6px !important}.article-row-title{font-size:15.5px !important;font-weight:600 !important;line-height:1.45 !important;color:var(--ff-text) !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.article-row-meta{font-size:12px !important;color:var(--ff-text-muted) !important}.cat-rows,.cat-pagination{transition:opacity 0.25s ease !important}.cat-loading{position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;background:var(--ff-img-scrim) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;font-size:13px !important;color:var(--ff-text-soft) !important;opacity:0 !important;visibility:hidden !important;transition:opacity 0.25s ease,visibility 0.25s ease !important;z-index:5 !important;border-radius:inherit !important}.cat-section.cat-loading-show .cat-loading{opacity:1 !important;visibility:visible !important}.cat-spinner{width:16px !important;height:16px !important;border:2px solid var(--ff-glass-brd) !important;border-top-color:var(--ff-accent) !important;border-radius:50% !important;animation:ffSpin 0.7s linear infinite !important}@keyframes ffSpin{to{transform:rotate(360deg)}}.channel-block{border-radius:var(--ff-radius-lg) !important;padding:20px !important;margin-bottom:18px !important;box-shadow:var(--ff-shadow-sm) !important}.channel-head{display:flex !important;align-items:center !important;gap:9px !important;margin-bottom:16px !important}.channel-head h2{margin:0 !important;font-size:18px !important;font-weight:700 !important;color:var(--ff-text) !important}.channel-head-sub{font-size:12px !important;color:var(--ff-text-muted) !important;margin-left:auto !important}.channel-cloud{display:flex !important;flex-wrap:wrap !important;gap:10px !important}.channel-chip{display:inline-flex !important;align-items:center !important;gap:6px !important;font-size:12.5px !important;font-weight:500 !important;color:var(--ff-text-soft) !important;text-decoration:none !important;background:var(--ff-glass) !important;border:1px solid var(--ff-glass-brd) !important;padding:5px 13px !important;border-radius:var(--ff-radius-pill) !important;transition:all 0.25s ease !important}.channel-chip:hover{color:#fff !important;background:var(--ff-accent) !important;border-color:var(--ff-accent) !important;box-shadow:0 0 18px rgba(0,149,255,0.5) !important;transform:translateY(-1px) !important}.channel-chip-major{color:var(--ff-accent) !important;font-weight:600 !important;border-color:var(--ff-glass-brd-2) !important}.channel-chip-count{font-size:11px !important;color:var(--ff-text-muted) !important;background:rgba(255,255,255,0.08) !important;padding:1px 8px !important;border-radius:var(--ff-radius-pill) !important;font-variant-numeric:tabular-nums !important}.channel-chip:hover .channel-chip-count{color:rgba(255,255,255,0.85) !important;background:rgba(255,255,255,0.22) !important}.home-bento-side .block{position:relative !important;border-radius:var(--ff-radius-lg) !important;overflow:hidden !important;background:var(--ff-glass) !important;backdrop-filter:var(--ff-blur) !important;-webkit-backdrop-filter:var(--ff-blur) !important;border:1px solid var(--ff-glass-brd) !important;box-shadow:var(--ff-shadow-sm) !important}.home-bento-side .block-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:9px !important;padding:0 0 10px !important;margin:0 0 12px !important;border-bottom:1px solid var(--ff-border-soft) !important}.home-bento-side .block-title{margin:0 !important;font-size:16px !important;font-weight:700 !important;color:var(--ff-text) !important;display:flex !important;align-items:center !important}.home-bento-side .block-more{font-size:13px !important;color:var(--ff-text-muted) !important;text-decoration:none !important;white-space:nowrap !important;transition:color 0.2s ease !important}.home-bento-side .block-more:hover{color:var(--ff-cyan) !important}.article-card-excerpt{margin-top:8px !important;font-size:13.5px !important;line-height:1.7 !important;color:var(--ff-text) !important;display:-webkit-box !important;-webkit-line-clamp:6 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.article-card-no-thumb .article-card-body{justify-content:center !important;gap:10px !important}.sidebar-carousel-wrap{padding:14px !important}.sidebar-carousel-head{margin-bottom:10px !important}.sidebar-carousel-wrap .sidebar-carousel{position:relative !important;max-width:560px !important}.sidebar-carousel-wrap .carousel-slide{aspect-ratio:16 / 9 !important}.sidebar-carousel-wrap .carousel-title{font-size:14px !important}.carousel-viewer{position:relative !important;overflow:hidden !important;border-radius:12px !important}.carousel-track{position:relative !important}.carousel-slide{display:none !important;position:relative !important;overflow:hidden !important;border-radius:12px !important;aspect-ratio:16 / 10 !important;background:var(--ff-surface-2) !important}.carousel-slide.is-active{display:block !important;animation:ffFadeSlide 0.5s var(--ff-ease) !important}@keyframes ffFadeSlide{from{opacity:0 !important;transform:scale(1.02) !important}to{opacity:1 !important;transform:scale(1) !important}}.carousel-img{position:absolute !important;inset:0 !important}.carousel-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.carousel-first-char{position:absolute !important;top:10px !important;left:10px !important;width:28px !important;height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:15px !important;font-weight:700 !important;color:#fff !important;background:var(--ff-img-scrim) !important;backdrop-filter:blur(6px) !important;border-radius:8px !important;z-index:2 !important}.carousel-title{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;padding:18px 12px 10px !important;font-size:13px !important;font-weight:600 !important;color:#fff !important;background:linear-gradient(180deg,transparent 0%,var(--ff-img-scrim-strong) 100%) !important;z-index:2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-decoration:none !important}.carousel-arrow{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:22px !important;color:#fff !important;background:var(--ff-img-scrim) !important;backdrop-filter:blur(6px) !important;border:1px solid var(--ff-glass-brd) !important;border-radius:50% !important;cursor:pointer !important;z-index:5 !important;opacity:0 !important;transition:all 0.2s var(--ff-ease) !important}.carousel-viewer:hover .carousel-arrow{opacity:1 !important}.carousel-arrow:hover{background:rgba(0,149,255,0.7) !important;box-shadow:var(--ff-glow) !important}.carousel-arrow-prev{left:10px !important}.carousel-arrow-next{right:10px !important}.carousel-dots{position:absolute !important;bottom:8px !important;right:12px !important;display:flex !important;gap:5px !important;z-index:5 !important}.carousel-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:rgba(255,255,255,0.4) !important;border:none !important;padding:0 !important;cursor:pointer !important;transition:all 0.2s var(--ff-ease) !important}.carousel-dot.is-active{width:16px !important;height:6px !important;border-radius:3px !important;background:var(--ff-cyan) !important;box-shadow:0 0 8px rgba(0,229,255,0.6) !important}.rank-block{padding:16px !important}.rank-list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:8px !important}.rank-item{display:flex !important;align-items:center !important;gap:12px !important;padding:8px 10px !important;text-decoration:none !important;border-radius:var(--ff-radius-sm) !important;transition:background 0.25s ease !important}.rank-item:hover{background:var(--ff-glass-2) !important}.rank-no{flex:0 0 24px !important;min-width:24px !important;height:24px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;font-weight:800 !important;font-variant-numeric:tabular-nums !important;color:var(--ff-text-muted) !important;background:var(--ff-surface-2) !important;border:1px solid var(--ff-border-soft) !important;border-radius:8px !important}.rank-item.rank-top .rank-no{background:linear-gradient(135deg,var(--ff-magenta),var(--ff-violet)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 0 12px rgba(255,61,129,0.45) !important}.rank-title{flex:1 1 auto !important;min-width:0 !important;font-size:14px !important;color:var(--ff-text-soft) !important;line-height:1.4 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-decoration:none !important;transition:color 0.2s ease !important}.rank-item:hover .rank-title{color:var(--ff-cyan) !important}.rank-views{flex:0 0 auto !important;font-size:11px !important;color:var(--ff-text-muted) !important;font-variant-numeric:tabular-nums !important}.side-ad{overflow:hidden !important}.side-ad-inner,.side-ad-wrap{width:100% !important}.side-ad iframe,.side-ad img,.side-ad *{max-width:100% !important}.quickpost-block{border-radius:var(--ff-radius-lg) !important;overflow:hidden !important}.qp-head{display:flex !important;align-items:center !important;gap:9px !important;padding:15px 18px 13px !important;border-bottom:1px solid var(--ff-border-soft) !important}.qp-head h2{margin:0 !important;font-size:16px !important;font-weight:700 !important;color:var(--ff-text) !important}.qp-head-sub{font-size:12px !important;color:var(--ff-text-muted) !important}.qp-body{padding:14px 18px 16px !important}.qp-input,.qp-select{width:100% !important;padding:10px 14px !important;margin-bottom:10px !important;font-size:14px !important;color:var(--ff-text) !important;background:var(--ff-glass-2) !important;border:1px solid var(--ff-glass-brd) !important;border-radius:var(--ff-radius-sm) !important;outline:none !important;transition:border-color 0.25s ease,box-shadow 0.25s ease !important;box-sizing:border-box !important}.qp-input::placeholder{color:var(--ff-text-muted) !important}.qp-input:focus,.qp-select:focus{border-color:var(--ff-accent) !important;box-shadow:0 0 0 3px var(--ff-accent-soft) !important}.qp-select{appearance:none !important;-webkit-appearance:none !important;background-image:linear-gradient(45deg,transparent 50%,var(--ff-text-soft) 50%),linear-gradient(135deg,var(--ff-text-soft) 50%,transparent 50%) !important;background-position:calc(100% - 18px) 50%,calc(100% - 14px) 50% !important;background-size:4px 8px,4px 8px !important;background-repeat:no-repeat !important;cursor:pointer !important}.qp-select option{color:var(--ff-text) !important;background:var(--ff-dark-2) !important}.qp-toolbar{display:flex !important;flex-wrap:wrap !important;gap:4px !important;padding:8px !important;margin-bottom:8px !important;background:var(--ff-dark-2) !important;border:1px solid var(--ff-border-soft) !important;border-radius:var(--ff-radius-sm) !important}.qp-tool{min-width:30px !important;height:30px !important;padding:0 8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;color:var(--ff-text-soft) !important;background:transparent !important;border:none !important;border-radius:6px !important;cursor:pointer !important;transition:all 0.2s ease !important}.qp-tool:hover{background:var(--ff-glass-2) !important;color:var(--ff-text) !important}.qp-tool.qp-tool-active{background:var(--ff-accent-soft) !important;color:var(--ff-accent) !important}.qp-editor{min-height:140px !important;max-height:320px !important;overflow-y:auto !important;padding:12px 14px !important;font-size:14px !important;line-height:1.7 !important;color:var(--ff-text) !important;background:var(--ff-dark-2) !important;border:1px solid var(--ff-border-soft) !important;border-radius:var(--ff-radius-sm) !important;margin-bottom:10px !important}.qp-editor:empty::before{content:attr(data-placeholder) !important;color:var(--ff-text-muted) !important}.qp-editor img{max-width:100% !important}.qp-media{display:none !important;gap:8px !important;flex-wrap:wrap !important;margin-bottom:10px !important}.qp-media-item{position:relative !important;width:64px !important;height:64px !important;border-radius:8px !important;overflow:hidden !important;border:1px solid var(--ff-glass-brd) !important}.qp-media-item img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.qp-media-remove{position:absolute !important;top:2px !important;right:2px !important;width:18px !important;height:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:11px !important;color:#fff !important;background:rgba(248,113,113,0.85) !important;border:none !important;border-radius:50% !important;cursor:pointer !important}.qp-submit{width:100% !important;padding:11px 18px !important;font-size:14.5px !important;font-weight:600 !important;color:#fff !important;background:var(--ff-gradient) !important;border:none !important;border-radius:var(--ff-radius-sm) !important;cursor:pointer !important;transition:transform 0.25s ease,box-shadow 0.25s ease,filter 0.25s ease !important;box-shadow:0 0 18px rgba(0,149,255,0.35) !important}.qp-submit:hover{transform:translateY(-1px) !important;filter:brightness(1.08) !important;box-shadow:0 4px 24px rgba(0,149,255,0.5) !important}.qp-submit:disabled{opacity:0.55 !important;cursor:not-allowed !important;transform:none !important}.qp-msg{display:none !important;padding:9px 14px !important;margin-top:10px !important;font-size:13px !important;border-radius:var(--ff-radius-sm) !important}.qp-msg.is-show{display:block !important}.qp-msg.qp-msg-ok{color:#34d399 !important;background:rgba(52,211,153,0.12) !important;border:1px solid rgba(52,211,153,0.3) !important}.qp-msg.qp-msg-err{color:var(--ff-danger,#f87171) !important;background:rgba(248,113,113,0.10) !important;border:1px solid rgba(248,113,113,0.28) !important}.ad-slot{margin:16px auto !important;text-align:center !important;overflow:hidden !important}.ad-slot iframe,.ad-slot img{max-width:100% !important}.ad-slot-300,.ad-slot-728{margin:14px auto !important}.skeleton{position:relative !important;overflow:hidden !important;background:var(--ff-glass-2) !important;border-radius:var(--ff-radius-sm) !important}.skeleton::after{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.06) 50%,transparent 100%) !important;animation:ffShimmer 1.4s linear infinite !important}@keyframes ffShimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1080px){.home-split{grid-template-columns:minmax(0,1fr) 280px !important;gap:0 18px !important}.home-bento{gap:16px !important}.home-bento>section.cat-section{grid-column:1 / -1 !important}}@media (max-width:920px){.home-split{grid-template-columns:1fr !important;gap:16px !important}.home-bento{grid-template-columns:1fr !important;gap:16px !important}.home-bento>.cat-section{grid-column:1 / -1 !important}.home-bento-side{position:static !important;order:1 !important}.home-bento-side .side-inner{gap:14px !important}.channel-block{padding:16px !important}}@media (max-width:680px){.article-list.article-grid{grid-template-columns:1fr !important;padding:14px !important}.home-split{grid-template-columns:1fr !important;gap:14px !important;margin:18px auto 28px !important}.home-bento{grid-template-columns:1fr !important;gap:14px !important;margin:0 !important}.home-bento-side{position:static !important;order:1 !important}}@media (max-width:420px){.container{padding:0 12px !important}.home-bento{gap:12px !important;margin:14px auto 22px !important}}@media (prefers-reduced-motion:reduce){.live-dot,.carousel-slide,.article-card,.channel-chip,.qp-submit{transition:none !important;animation:none !important}.skeleton::after{animation:none !important}}html.theme-light .home-bento-side .block-title,html.theme-light .home-bento-side .block-more{color:var(--ff-text) !important}html.theme-light .qp-submit{box-shadow:0 0 18px rgba(11,109,199,0.3) !important}html.theme-light .cat-loading{color:var(--ff-text-soft) !important}html.theme-light .theme-toggle{color:var(--ff-text-soft);background:var(--ff-surface-2)}