@layer components{.dhb-main,.diffhub-main{width:100%}.dhb-shell,.diffhub-shell{gap:22px;width:min(1360px,100% - 40px);margin:0 auto;padding:16px 6px 18px;display:grid}.dhb-search{background:#061028e0;border:1px solid #677cc494;border-radius:16px;grid-template-columns:18px 1fr;align-items:center;gap:8px;width:min(980px,100%);min-height:50px;margin:6px auto 0;padding:0 12px;display:grid}.dhb-search svg{color:#99aedf;width:16px;height:16px}.dhb-search input{color:#edf4ff;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:clamp(12px,.9vw,14px);font-weight:500}.dhb-search input::placeholder{color:#7f93c0}.dhb-filters{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.dhb-filter-btn{color:#d2def8;background:#060f26b3;border:1px solid #576dab73;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-size:14px;font-weight:700;display:inline-flex}.dhb-filter-btn svg{width:18px;height:18px}.dhb-filter-btn .dhb-filter-chevron{width:16px;height:16px}.dhb-filter-btn.is-active{color:#edf4ff;background:linear-gradient(120deg,#4663cd61,#5b41b757);border-color:#768cdcbf}.dhb-filter-more{position:relative}.dhb-filter-more .dhb-filter-btn{width:100%}.dhb-filter-more-menu{z-index:20;background:#060f26f5;border:1px solid #576dab73;border-radius:12px;gap:5px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 14px 28px #02081e73}.dhb-filter-more-item{color:#d2def8;text-align:left;background:#0d1930bd;border:1px solid #576dab61;border-radius:9px;align-items:center;gap:8px;min-height:52px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.dhb-filter-more-item svg{width:18px;height:18px}.dhb-filter-more-item:hover{color:#edf4ff;background:linear-gradient(120deg,#4663cd42,#5b41b738);border-color:#768cdcb8}.dhb-filter-more-item.is-active{color:#edf4ff;background:linear-gradient(120deg,#4663cd57,#5b41b74d);border-color:#768cdcb8}.dhb-section-head{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.dhb-section-head h2{margin:0;font-size:clamp(15px,1.1vw,20px);font-weight:800;line-height:1.12}.dhb-section-head a{color:#82a7ff;align-items:center;gap:6px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.dhb-section-head a svg{width:18px;height:18px}.dhb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dhb-more-wrap{justify-content:center;display:flex}.dhb-more-btn{color:#d7e4ff;background:#09122ad1;border:1px solid #546aaa80;border-radius:10px;min-width:220px;min-height:38px;font-size:12px;font-weight:700}.dhb-card{background:linear-gradient(#0a132cd9,#070e1edb);border:1px solid #5268a775;border-radius:16px;gap:10px;padding:15px 14px 13px;text-decoration:none;display:grid;box-shadow:inset 0 1px #ffffff0a}.dhb-card:hover{border-color:#7388d4b3}.dhb-card-top{justify-content:center;display:flex}.dhb-card-vs{color:#c8d7f8;grid-template-columns:84px auto 84px;place-items:center;gap:12px;font-size:11px;font-weight:800;display:grid}.dhb-card-vs>span{text-transform:uppercase;letter-spacing:.03em;background:#1e29458c;border:1px solid #7b8fc773;border-radius:999px;padding:2px 8px;font-weight:900}.crp-brand-mark{border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.crp-brand-mark.is-site-icon{background:#101c36d1;border:1px solid #6c7eb773;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.crp-brand-mark.is-site-icon img{object-fit:contain;z-index:1;width:78%;height:78%;position:relative}.dhb-card-vs .crp-brand-mark{width:84px;height:84px}.dhb-card h3{color:#eff4ff;margin:0;font-size:18px;font-weight:850;line-height:1.15}.dhb-card p{color:#b9c8eb;min-height:34px;margin:0;font-size:12px;line-height:1.45}.dhb-card-meta{color:#9fb2dd;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:11px;font-weight:650;display:inline-flex}.dhb-card-meta span{align-items:center;gap:5px;display:inline-flex}.dhb-meta-views,.dhb-meta-readtime{background:#18264959;border:1px solid #5e74b359;border-radius:999px;min-height:24px;padding:0 8px}.dhb-card-meta svg{width:14px;height:14px}.dhb-chip{color:#cbe0ff;background:#2743844d;border:1px solid #607bbd73;border-radius:999px;min-height:25px;padding:0 10px;font-size:10px;font-weight:700}.dhb-card.is-cat-software{background:radial-gradient(circle at 12% 0,#4f81ff38,#4f81ff00 52%),linear-gradient(#0a132cd9,#070e1edb)}.dhb-card.is-cat-ai-tools{background:radial-gradient(circle at 12% 0,#8b5cf638,#8b5cf600 52%),linear-gradient(#0a132cd9,#070e1edb)}.dhb-card.is-cat-devices{background:radial-gradient(circle at 12% 0,#10b98133,#10b98100 52%),linear-gradient(#0a132cd9,#070e1edb)}.dhb-card.is-cat-gaming{background:radial-gradient(circle at 12% 0,#f59e0b33,#f59e0b00 52%),linear-gradient(#0a132cd9,#070e1edb)}.dhb-chip.is-cat-software,.alc-pill.is-cat-software{color:#d4e3ff;background:#3252a759;border-color:#568aff8c}.dhb-chip.is-cat-ai-tools,.alc-pill.is-cat-ai-tools{color:#e6ddff;background:#553aa157;border-color:#a275ff8c}.dhb-chip.is-cat-devices,.alc-pill.is-cat-devices{color:#d9fff0;background:#17725657;border-color:#4acba58c}.dhb-chip.is-cat-gaming,.alc-pill.is-cat-gaming{color:#ffeacc;background:#8c5a1659;border-color:#f7b6538c}.dhb-chip.is-cat-cars,.alc-pill.is-cat-cars{color:#ffd6d6;background:#7f1d1d57;border-color:#f871718c}.dhb-chip.is-cat-finance,.alc-pill.is-cat-finance{color:#fff0b3;background:#713f1259;border-color:#facc158c}.dhb-chip.is-cat-home,.alc-pill.is-cat-home{color:#d4f1ff;background:#0c4a6e57;border-color:#38bdf88c}.dhb-chip.is-cat-more,.alc-pill.is-cat-more{color:#e2e8f0;background:#33415559;border-color:#94a3b88c}@media (width<=1200px){.dhb-shell{width:min(1200px,100% - 24px)}.dhb-search{border-radius:14px;min-height:38px;padding:0 10px}.dhb-search input{font-size:13px}.dhb-filter-btn{min-height:44px;font-size:14px}.dhb-section-head h2{font-size:clamp(15px,1.1vw,20px)}.dhb-section-head a{font-size:16px}.dhb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dhb-card h3{font-size:18px}.dhb-card p{font-size:12px}.dhb-card-meta{font-size:11px}}@media (width<=760px){.dhb-shell{gap:12px;width:calc(100% - 12px);padding-top:12px}.dhb-search{border-radius:12px;grid-template-columns:16px 1fr;gap:6px;min-height:32px;padding:0 8px}.dhb-search input{font-size:12px}.dhb-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.dhb-grid{grid-template-columns:1fr}.dhb-card{padding:12px}.dhb-filter-more-item{min-height:44px;font-size:12px}}:root[data-theme=light] .shared-nav-dropdown{background:#fff;border-color:#47556959;box-shadow:0 14px 28px #0f172a1f}:root[data-theme=light] .shared-nav-dropdown-item{color:#0f172a}:root[data-theme=light] .shared-nav-dropdown-item:hover{color:#1e3a8a;background:#2563eb1f}:root[data-theme=light] .mobile-popover-subitem{color:#334155}:root[data-theme=light] .dhb-search,:root[data-theme=light] .alc-search,:root[data-theme=light] .dhb-filter-btn,:root[data-theme=light] .dhb-more-btn,:root[data-theme=light] .alc-tab-btn,:root[data-theme=light] .alc-page-btn{color:#0f172a;background:#fff;border-color:#47556957}:root[data-theme=light] .dhb-search svg,:root[data-theme=light] .alc-search svg{color:#64748b}:root[data-theme=light] .dhb-search input,:root[data-theme=light] .alc-search input{color:#0f172a}:root[data-theme=light] .dhb-search input::placeholder,:root[data-theme=light] .alc-search input::placeholder{color:#64748b}:root[data-theme=light] .dhb-filter-btn.is-active,:root[data-theme=light] .alc-tab-btn.is-active,:root[data-theme=light] .alc-page-btn.is-active{color:#1e3a8a;background:#2563eb24;border-color:#1d4ed894}:root[data-theme=light] .dhb-filter-more-menu{background:#fff;border-color:#47556957;box-shadow:0 14px 28px #0f172a24}:root[data-theme=light] .dhb-filter-more-item{color:#0f172a;background:#f8fafc;border-color:#4755694d}:root[data-theme=light] .dhb-filter-more-item:hover{color:#1e3a8a;background:#2563eb1a;border-color:#1d4ed870}:root[data-theme=light] .dhb-filter-more-item.is-active{color:#1e3a8a;background:#2563eb24;border-color:#1d4ed87a}:root[data-theme=light] .dhb-section-head a{color:#1d4ed8}:root[data-theme=light] .dhb-card,:root[data-theme=light] .alc-list,:root[data-theme=light] .alc-row{background:radial-gradient(circle at 14% 0,#2563eb1a,#2563eb00 45%),linear-gradient(#fff,#f8fafc);border-color:#47556947}:root[data-theme=light] .dhb-card:hover,:root[data-theme=light] .alc-row:hover{background:#2563eb14;border-color:#1d4ed86b}:root[data-theme=light] .dhb-card h3,:root[data-theme=light] .alc-row strong{color:#0f172a}:root[data-theme=light] .dhb-card p,:root[data-theme=light] .dhb-card-meta,:root[data-theme=light] .alc-row p,:root[data-theme=light] .alc-updated,:root[data-theme=light] .alc-page-dots{color:#334155}:root[data-theme=light] .dhb-chip,:root[data-theme=light] .alc-pill{color:#0f172a;background:#94a3b82e;border-color:#47556957}:root[data-theme=light] .alc-arrow{color:#1e3a8a}:root[data-theme=light] .dhb-card-vs>span,:root[data-theme=light] .alc-vs-text{color:#1e293b;background:#e2e8f0e6;border-color:#64748b6b}:root[data-theme=light] .dhb-meta-views,:root[data-theme=light] .dhb-meta-readtime{color:#1e293b;background:#f1f5f9;border-color:#64748b57}:root[data-theme=light] .dhb-meta-views svg,:root[data-theme=light] .dhb-meta-readtime svg{color:#2563eb}:root[data-theme=light] .dhb-card-vs .crp-brand-mark.is-site-icon,:root[data-theme=light] .alc-row-vs .crp-brand-mark.is-site-icon{background:#e2e8f0d9;border-color:#64748b57}:root[data-theme=light] .dhb-card-vs .crp-brand-mark-fallback,:root[data-theme=light] .alc-row-vs .crp-brand-mark-fallback{color:#334155}:root[data-theme=light] .dhb-chip.is-cat-software,:root[data-theme=light] .alc-pill.is-cat-software{color:#1e3a8a;background:#2563eb24;border-color:#2563eb7a}:root[data-theme=light] .dhb-chip.is-cat-ai-tools,:root[data-theme=light] .alc-pill.is-cat-ai-tools{color:#5b21b6;background:#7c3aed21;border-color:#7c3aed75}:root[data-theme=light] .dhb-chip.is-cat-devices,:root[data-theme=light] .alc-pill.is-cat-devices{color:#0f766e;background:#0d948821;border-color:#0d948875}:root[data-theme=light] .dhb-chip.is-cat-gaming,:root[data-theme=light] .alc-pill.is-cat-gaming{color:#92400e;background:#d9770624;border-color:#d9770675}:root[data-theme=light] .dhb-chip.is-cat-cars,:root[data-theme=light] .alc-pill.is-cat-cars{color:#991b1b;background:#dc26261f;border-color:#dc262673}:root[data-theme=light] .dhb-chip.is-cat-finance,:root[data-theme=light] .alc-pill.is-cat-finance{color:#92400e;background:#f59e0b29;border-color:#b453097a}:root[data-theme=light] .dhb-chip.is-cat-home,:root[data-theme=light] .alc-pill.is-cat-home{color:#155e75;background:#06b6d424;border-color:#0e749075}:root[data-theme=light] .dhb-chip.is-cat-more,:root[data-theme=light] .alc-pill.is-cat-more{color:#334155;background:#94a3b82e;border-color:#47556970}}