/* Keep the same complete content accessible when scripts do not execute. */ .g .g-grid > .g-cell.extra, .g:not(.is-open) .g-grid > .g-cell:nth-child(n + 7) { display: block !important; } .tool-grid > .tool-extra { display: flex !important; } /* .group-expand 不再隐藏：它现在是指向分类页的普通链接，不依赖 JS。首页每组只渲染前 6 条，没有脚本时这条链接是访客看到剩余工具的唯一入口 —— 隐藏它等于把内容锁死。其余几个都是纯 JS 控件，没有脚本时点了没反应，所以仍然隐藏。 */ [data-expand], [data-view-toggle], [data-nav-toggle], [data-theme-toggle], [data-shuffle], .density-toggle, .mobile-menu, .close-menu, .mobile-category-select, .search-area, .tabs, .bs, .engines, .nr-tabs, .resource-tabs { display: none !important; } .nr-track[hidden], .resource-links[hidden] { display: flex !important; flex-wrap: wrap; margin-top: 16px; } @media (max-width: 960px) { .site-body, [data-design='console'] .site-body, [data-design='garden'] .site-body { display: flex; flex-direction: column; align-items: stretch; } .category-nav, [data-design='console'] .category-nav, [data-design='garden'] .category-nav { position: static; display: block; grid-area: auto; grid-column: 1 / -1; max-height: none; width: 100%; overflow: visible; } .category-nav .category-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { #aside.side { position: static; width: auto; transform: none; visibility: visible; box-shadow: none; } #aside .s-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } #aside .s-subs { display: none; } }

Alat AI untuk reka bentuk

Framer AI

Tekan / untuk mencari

Reka bentuk, jana dan terbitkan laman web dengan AI, daripada Framer

Alat AI untuk reka bentuk Alat reka bentuk AI framer.com

Lawati laman web

Terus terokai apa yang AI boleh lakukanSemak lalu semua alat