:root{--ink:#111827;--accent:#f97316;--blue:#2563eb}.neo17-design{background:#f4f6f8;color:#111827;font-family:Arial,'Microsoft YaHei',sans-serif}.neo17-design .main-nav{background:#111827}.design-home,.design-list,.design-story{padding:34px 0 78px}.design-home>header{border-bottom:6px solid #f97316;padding-bottom:18px}.design-home h1{font-size:50px}.design-feature{background:#fff;display:grid;grid-template-columns:1.1fr .9fr}.design-feature img{width:100%;height:360px;object-fit:cover}.design-feature div{padding:28px}.design-feature h2{font-size:32px}.design-index{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.design-index a{background:#dbeafe;padding:9px 15px;border-radius:99px}.design-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.design-notes article,.design-list article{background:#fff;padding:20px;border:1px solid #e5e7eb}.design-notes article h2{font-size:20px}.design-notes time{color:#f97316;font-size:12px}.design-list{max-width:900px}.design-list>header,.design-story>header{border-bottom:4px solid #111827;padding-bottom:18px}.design-list article{display:grid;grid-template-columns:150px 1fr;gap:20px;margin:15px 0}.design-list img{width:150px;height:100px;object-fit:cover}.design-list time{color:#6b7280;font-size:12px}.design-story{max-width:850px}.design-story .article-body{font-size:17px;line-height:2;padding:34px 0}.design-story section{border-top:1px solid #d1d5db;padding-top:15px}.design-story section a{display:inline-block;margin:8px 20px 8px 0;color:#2563eb}@media(max-width:700px){.design-feature{display:block}.design-notes{grid-template-columns:1fr}.design-list article{grid-template-columns:100px 1fr}.design-list img{width:100px;height:75px}.design-home h1,.design-story h1{font-size:35px}}