/* 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; } }

เครื่องมือ AI ออกแบบ

Framer AI

กด / เพื่อค้นหา

ออกแบบ สร้าง และเผยแพร่เว็บไซต์ด้วย AI จาก Framer

เครื่องมือ AI ออกแบบ เครื่องมือออกแบบ AI framer.com

ไปที่เว็บไซต์

สำรวจต่อว่า AI ทำอะไรได้อีกดูเครื่องมือทั้งหมด