.cn-tools-nav-root .tools-grid.list-view .tool-card-link{display:contents}.cn-tools-nav-root .tools-grid{align-items:stretch}.cn-tools-nav-root .tool-card{flex-direction:column;display:flex}.cn-tools-nav-root .tool-card-link{color:inherit;flex-direction:column;flex:1;min-height:0;text-decoration:none;display:flex}.cn-tools-nav-root .tool-card--enhanced .tool-card-header{flex-shrink:0;align-items:flex-start}.cn-tools-nav-root .tool-card--enhanced .tool-card-header .tool-type-badge{display:none}.cn-tools-nav-root .tool-card--enhanced .tool-desc{-webkit-line-clamp:2;height:3.3em;min-height:3.3em;margin-bottom:var(--space-3);transition:color var(--duration-fast);flex-shrink:0}.cn-tools-nav-root .tool-card--enhanced{height:100%;min-height:0;max-height:none;padding-bottom:var(--space-5);box-sizing:border-box;align-self:stretch}.cn-tools-nav-root .tool-card--enhanced .tool-brand,.cn-tools-nav-root .tool-card--enhanced .tool-names{flex:1;min-width:0}.cn-tools-nav-root .tool-card--enhanced .tool-tags-row{flex-wrap:nowrap;height:22px;overflow:hidden}.cn-tools-nav-root .tool-card.tool-card--top-pick{overflow:visible}.cn-tools-nav-root .tool-card-top-badge{z-index:2;letter-spacing:.08em;color:#fff;pointer-events:none;background:linear-gradient(135deg,#ff6b35,#f7931a);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #ff6b3559}.cn-tools-nav-root .tool-card-top-badge svg{flex-shrink:0;width:11px;height:11px}.cn-tools-nav-root .tool-scene-tabs{flex-wrap:wrap;flex-shrink:0;align-content:flex-start;gap:6px;height:auto;min-height:30px;max-height:none;margin-top:auto;margin-bottom:0;display:flex;overflow:visible}.cn-tools-nav-root .tool-scene-tab{border-radius:var(--radius-full);border:1.5px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-size:11px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast);white-space:nowrap;padding:5px 12px}.cn-tools-nav-root .tool-scene-tab:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-light)}.cn-tools-nav-root .tool-scene-tab.active{border-color:var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary);box-shadow:none;font-weight:700}.cn-tools-nav-root .tool-card--enhanced .tool-name{letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;overflow:hidden}.cn-tools-nav-root .tool-card--enhanced .tool-logo{border-radius:var(--radius-md);color:#fff;border:none;width:44px;height:44px;font-size:0;box-shadow:0 2px 8px #2832641f}.cn-tools-nav-root .tool-card--enhanced .tool-logo svg{color:#fff;stroke:#fff;flex-shrink:0;width:22px;height:22px}.cn-tools-nav-root .tool-card--enhanced .logo-daily-office{background:linear-gradient(135deg,#2bb8a8,#1a9e90)}.cn-tools-nav-root .tool-card--enhanced .logo-deep-office{background:linear-gradient(135deg,#7c6aeb,#6856d4)}.cn-tools-nav-root .tool-card--enhanced .logo-dev-coding{background:linear-gradient(135deg,#5b72f0,#4560e0)}.cn-tools-nav-root .tool-card--enhanced .logo-side-income{background:linear-gradient(135deg,#e8914a,#d47835)}.cn-tools-nav-root .tool-card--enhanced .logo-creator-media{background:linear-gradient(135deg,#d96ba8,#c25590)}.cn-tools-nav-root .tool-card--enhanced .logo-learning{background:linear-gradient(135deg,#c9a24a,#b58d38)}.cn-tools-nav-root .tool-card--enhanced .logo-daily-life{background:linear-gradient(135deg,#3bbf6e,#2aa85c)}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-logo{width:44px;height:44px}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-logo svg{width:22px;height:22px}.cn-tools-nav-root .tool-card--enhanced .tool-card-link{flex:0 auto}.cn-tools-nav-root .tool-card-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-base);border-radius:0 0 var(--radius-lg)var(--radius-lg);display:flex}.cn-tools-nav-root .tool-card--enhanced .tool-card-bottom{margin-top:var(--space-3);width:100%;padding:var(--space-3)0 0;background:0 0;border-radius:0;flex-shrink:0;margin-left:0;margin-right:0}.cn-tools-nav-root .tool-card--enhanced .tool-card-bottom .view-tool-btn{padding:0}.cn-tools-nav-root .tool-card-bottom .view-tool-btn{flex-shrink:0}.cn-tools-nav-root .tool-card-bottom .tool-card-social{background:0 0;border-top:none;border-radius:0;flex:1;justify-content:flex-end;padding:0}.cn-tools-nav-root .tool-card--enhanced .tool-footer{margin-top:auto}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced{grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;height:auto;min-height:0;max-height:none;display:grid}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-card-link{display:contents}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-card-header{grid-area:1/1}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-desc{-webkit-line-clamp:2;grid-area:2/1/auto/-1;height:auto;min-height:0}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-scene-tabs{grid-area:3/2/auto/-1;height:auto;min-height:0;max-height:none;margin-top:0;margin-bottom:0}.cn-tools-nav-root .tools-grid.list-view .tool-card--enhanced .tool-card-bottom{grid-area:4/1/auto/-1;width:100%;margin-left:0;margin-right:0}
.cn-tools-nav-root .tool-card-social{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5)var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg)var(--radius-lg);display:flex}.cn-tools-nav-root .tool-card-social-item{min-width:44px;min-height:44px;color:var(--text-tertiary);font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:-.01em;justify-content:center;align-items:center;gap:5px;padding:0 6px;display:inline-flex}.cn-tools-nav-root .tool-card-social-item svg{opacity:.65;width:16px;height:16px}.cn-tools-nav-root .tool-card--enhanced:hover .tool-card-social-item{color:var(--text-secondary)}.cn-tools-nav-root .tool-card-social{position:relative}.cn-tools-nav-root .tool-card-social-item{cursor:pointer;background:0 0;border:0;transition:color .15s,transform .12s}.cn-tools-nav-root .tool-card-social-item:hover{color:var(--text-primary)}.cn-tools-nav-root .tool-card-social-item:active{transform:scale(.94)}.cn-tools-nav-root .tool-card-social-item.is-active{color:var(--accent,#2563eb)}.cn-tools-nav-root .tool-card-social-item.is-active svg{opacity:1}.cn-tools-nav-root .tool-card-social-toast{color:#fff;white-space:nowrap;z-index:5;pointer-events:none;background:#0f172a;border-radius:8px;padding:6px 10px;font-size:11px;position:absolute;bottom:calc(100% + 6px);right:8px}