.nafnav-seo-collections{--nc-card: var(--main-bg-color);--nc-ink: var(--main-color);--nc-muted: var(--muted-color);--nc-line: var(--border-color);--nc-accent: var(--naf-accent);--nc-accent-soft: var(--naf-accent-soft);--nc-theme: var(--theme-color);--nc-shell-bg: var(--naf-surface-2, #eef1f1)}.nafnav-seo-collections{box-sizing:border-box;width:var(--nafnav-home-col-w, 1200px);max-width:calc(100% - 30px);margin-top:24px;margin-bottom:0;margin-right:auto;margin-left:var(--nafnav-home-col-x, auto);padding:20px 22px 22px;border:1px solid var(--naf-border, var(--nc-line));border-radius:var(--naf-radius-lg, var(--main-radius));background:var(--nc-shell-bg)}.nafnav-seo-collections+.nafnav-savings{margin-top:24px}.io-black-mode .nafnav-seo-collections{--nc-shell-bg: #131f20;--nc-accent: #8ab5b5;--nc-accent-soft: rgba(138, 181, 181, .14);--nc-theme: #a3c7c7}.nafnav-seo-col-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.nafnav-seo-col-title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--nc-ink)}.nafnav-seo-col-sub{margin:5px 0 0;color:var(--nc-muted);font-size:.8125rem}.nafnav-seo-col-more{display:inline-flex;align-items:center;gap:4px;color:var(--nc-theme);font-size:.8125rem;font-weight:500;white-space:nowrap}.nafnav-seo-col-more:hover{color:var(--nc-theme);opacity:.85}.nafnav-seo-col-more .iconfont{font-size:.75rem}.nafnav-seo-col-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.nafnav-seo-col-tab{appearance:none;border:1px solid transparent;background:transparent;color:var(--nc-muted);font-size:.8125rem;font-weight:500;line-height:1;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.nafnav-seo-col-tab:hover{color:var(--nc-ink)}.nafnav-seo-col-tab.is-active{background:var(--nc-accent-soft);color:var(--nc-accent);border-color:var(--nc-line);font-weight:600}.nafnav-seo-col-tab:focus-visible{outline:2px solid var(--nc-accent);outline-offset:2px}.nafnav-seo-col-panel[hidden]{display:none}.nafnav-seo-col-ico{flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.nafnav-seo-col-ico img{width:100%;height:100%;object-fit:cover}.nafnav-seo-col-ico--lg{width:52px;height:52px;border-radius:13px}.nafnav-seo-col-ico--sm{width:30px;height:30px;border-radius:8px}.nafnav-seo-col-name{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:.875rem;font-weight:600;color:var(--nc-ink)}.nafnav-seo-col-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.nafnav-seo-col-pick{flex:none;font-size:.6875rem;font-weight:600;letter-spacing:.03em;color:var(--nc-accent);background:var(--nc-accent-soft);border-radius:999px;padding:2px 7px}.nafnav-seo-col-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--nc-muted);font-size:.8125rem;line-height:1.5}.nafnav-seo-col-meta{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:var(--nc-muted);font-size:.7188rem;font-variant-numeric:tabular-nums}.nafnav-seo-col-meta .iconfont{font-size:.75rem}.nafnav-seo-col-meta--hot .iconfont,.nafnav-seo-col-meta--editor .iconfont{color:#e8734a}.nafnav-seo-col-meta .num-unit{font-size:.9em}.nafnav-seo-col-feature{display:flex;align-items:flex-start;gap:14px;background:var(--nc-card);border:1px solid var(--nc-line);border-radius:var(--main-radius);padding:16px 18px;color:var(--nc-ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.nafnav-seo-col-feature:hover{border-color:var(--nc-theme);box-shadow:0 10px 26px -12px var(--main-shadow);transform:translateY(-2px);color:var(--nc-ink)}.nafnav-seo-col-feature-main{flex:1;min-width:0}.nafnav-seo-col-go{flex:none;align-self:center;color:var(--nc-muted);transition:color .16s ease}.nafnav-seo-col-go .iconfont{font-size:1rem}.nafnav-seo-col-feature:hover .nafnav-seo-col-go{color:var(--nc-theme)}.nafnav-seo-col-minis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.nafnav-seo-col-mini{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;background:var(--nc-card);border:1px solid var(--nc-line);border-radius:12px;padding:12px;color:var(--nc-ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.nafnav-seo-col-mini:hover{border-color:var(--nc-theme);box-shadow:0 10px 26px -12px var(--main-shadow);transform:translateY(-2px);color:var(--nc-ink)}.nafnav-seo-col-mini-main{min-width:0;max-width:100%}.nafnav-seo-col-mini .nafnav-seo-col-name{font-size:.8125rem;max-width:100%}.nafnav-seo-col-mini .nafnav-seo-col-meta{margin-top:0}.nafnav-seo-col-empty{border:1px dashed var(--nc-line);border-radius:var(--main-radius);padding:22px;text-align:center;color:var(--nc-muted);font-size:.8125rem}@media (max-width: 991.98px){.nafnav-seo-col-minis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 719.98px){.nafnav-seo-collections{padding:14px 14px 16px}}@media (max-width: 575.98px){.nafnav-seo-col-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.nafnav-seo-col-feature,.nafnav-seo-col-mini,.nafnav-seo-col-go,.nafnav-seo-col-tab{transition:none}.nafnav-seo-col-feature:hover,.nafnav-seo-col-mini:hover{transform:none}}