.design-body{background-color:#fff;color:#595959;font:16px/1.5 crimson pro,serif;font-weight:400;margin:0;padding:0;min-height:100vh}@media(prefers-color-scheme:dark){.design-body{background-color:#404040;color:#eee6f3}}.design-page{max-width:1200px;margin:0 auto;padding:6rem 2rem 2rem}.design-page .design-header{margin-bottom:3rem}.design-page .design-header h1{font-size:2.5rem;font-weight:300;color:#333;margin-bottom:2rem}.design-page .design-content .design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-bottom:2rem}.design-page .design-content .design-item-link{text-decoration:none;color:inherit;display:block}.design-page .design-content .design-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.design-page .design-content .design-item:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.design-page .design-content .design-item .design-info{padding:1.5rem}.design-page .design-content .design-item .design-info .design-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.design-page .design-content .design-item .design-info .design-meta .design-category{color:#333;font-weight:600;font-size:1rem}.design-page .design-content .design-item .design-info .design-meta .design-year{color:#666;font-weight:400;font-size:1rem}.design-page .design-content .design-item .design-info .design-description{font-size:1rem;font-weight:400;margin-bottom:1rem;color:#666;line-height:1.4}.design-page .design-content .design-item .design-info .design-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.design-page .design-content .design-item .design-info .design-tags .tag{color:#666;font-size:.9rem;font-weight:400}.design-page .design-content .design-item .design-info .design-tags .tag:not(:last-child)::after{content:' #';color:#999;margin-left:.25rem}.design-page .design-content .design-item .design-info .design-tags .tag::before{content:'#';color:#999}.design-page .design-content .design-item .design-image{width:100%;height:300px;object-fit:cover;display:block}@media(prefers-color-scheme:dark){.design-page .design-header h1{color:#eee6f3}.design-page .design-content .design-item-link{color:inherit}.design-page .design-content .design-item{background:#4a4a4a;box-shadow:0 2px 8px rgba(0,0,0,.3)}.design-page .design-content .design-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.4)}.design-page .design-content .design-item .design-info .design-meta .design-category{color:#eee6f3}.design-page .design-content .design-item .design-info .design-meta .design-year{color:#ccc}.design-page .design-content .design-item .design-info .design-description{color:#ccc}.design-page .design-content .design-item .design-info .design-tags .tag{color:#ccc}.design-page .design-content .design-item .design-info .design-tags .tag:not(:last-child)::after{color:#999}.design-page .design-content .design-item .design-info .design-tags .tag::before{color:#999}}.design-detail-page{max-width:800px;margin:0 auto;padding:6rem 2rem 2rem}.design-detail-page .design-detail-header{margin-bottom:3rem}.design-detail-page .design-detail-header .design-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.design-detail-page .design-detail-header .design-meta .design-title{font-size:2.5rem;font-weight:600;color:#333;margin:0;flex:1}.design-detail-page .design-detail-header .design-meta .design-year{color:#666;font-size:1.5rem;font-weight:400;margin-left:2rem;flex-shrink:0}.design-detail-page .design-detail-header .design-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:1.5rem}.design-detail-page .design-detail-header .design-tags{display:flex;flex-wrap:wrap;gap:.5rem}.design-detail-page .design-detail-header .design-tags .tag{color:#666;font-size:.9rem;font-weight:400}.design-detail-page .design-detail-header .design-tags .tag:not(:last-child)::after{content:' ';color:#999;margin-left:.25rem}.design-detail-page .design-detail-content .design-image-section{margin-bottom:3rem}.design-detail-page .design-detail-content .design-image-section .design-featured-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.design-detail-page .design-detail-content .design-image-section .image-caption{text-align:center;color:#666;font-size:.9rem;margin-top:1rem;font-style:italic}.design-detail-page .design-detail-content .design-content-body{font-size:1rem;line-height:1.7;color:#333;margin-bottom:3rem}.design-detail-page .design-detail-content .design-content-body h1,.design-detail-page .design-detail-content .design-content-body h2,.design-detail-page .design-detail-content .design-content-body h3,.design-detail-page .design-detail-content .design-content-body h4,.design-detail-page .design-detail-content .design-content-body h5,.design-detail-page .design-detail-content .design-content-body h6{color:#333;margin-top:2rem;margin-bottom:1rem}.design-detail-page .design-detail-content .design-content-body p{margin-bottom:1rem}.design-detail-page .design-detail-content .design-content-body ul,.design-detail-page .design-detail-content .design-content-body ol{margin-bottom:1rem;padding-left:2rem}.design-detail-page .design-detail-content .design-content-body blockquote{border-left:4px solid #e0e0e0;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic}@media(prefers-color-scheme:dark){.design-detail-page .design-detail-header .design-meta .design-title{color:#eee6f3}.design-detail-page .design-detail-header .design-meta .design-year{color:#ccc}.design-detail-page .design-detail-header .design-description{color:#ccc}.design-detail-page .design-detail-header .design-tags .tag{color:#ccc}.design-detail-page .design-detail-header .design-tags .tag:not(:last-child)::after{color:#999}.design-detail-page .design-detail-content .design-image-section .design-featured-image{box-shadow:0 4px 16px rgba(0,0,0,.3)}.design-detail-page .design-detail-content .design-image-section .image-caption{color:#ccc}.design-detail-page .design-detail-content .design-content-body{color:#eee6f3}.design-detail-page .design-detail-content .design-content-body h1,.design-detail-page .design-detail-content .design-content-body h2,.design-detail-page .design-detail-content .design-content-body h3,.design-detail-page .design-detail-content .design-content-body h4,.design-detail-page .design-detail-content .design-content-body h5,.design-detail-page .design-detail-content .design-content-body h6{color:#eee6f3}.design-detail-page .design-detail-content .design-content-body blockquote{border-left-color:#666;color:#ccc}}@media(max-width:768px){.design-page{padding:5rem 1rem 2rem}.design-page .design-header h1{font-size:2rem}.design-page .design-content .design-grid{grid-template-columns:1fr;gap:1.5rem}.design-page .design-content .design-item .design-image{height:200px}.design-page .design-content .design-item .design-info{padding:1rem}.design-page .design-content .design-item .design-info .design-meta .design-category{font-size:.9rem}.design-page .design-content .design-item .design-info .design-meta .design-year{font-size:.9rem}.design-page .design-content .design-item .design-info .design-description{font-size:.9rem}.design-page .design-content .design-item .design-info .design-tags .tag{font-size:.8rem}.design-detail-page{padding:5rem 1rem 2rem}.design-detail-page .design-detail-header .design-meta{flex-direction:column;align-items:flex-start}.design-detail-page .design-detail-header .design-meta .design-title{font-size:2rem;margin-bottom:.5rem}.design-detail-page .design-detail-header .design-meta .design-year{font-size:1.2rem;margin-left:0}.design-detail-page .design-detail-header .design-description{font-size:1rem}}@media(max-width:480px){.design-page .design-content .design-grid{grid-template-columns:1fr}.design-page .design-content .design-item .design-image{height:180px}.design-page .design-content .design-item .design-info .design-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}.dark-light-image-container{position:relative;margin:2rem 0}.dark-light-image-container .dark-light-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);display:block}.dark-light-image-container .dark-light-image-light{display:block}.dark-light-image-container .dark-light-image-dark{display:none}.dark-light-image-container .image-caption{text-align:center;color:#666;font-size:.9rem;margin-top:1rem;font-style:italic}@media(prefers-color-scheme:dark){.dark-light-image-container .dark-light-image{box-shadow:0 4px 16px rgba(0,0,0,.3)}.dark-light-image-container .dark-light-image-light{display:none}.dark-light-image-container .dark-light-image-dark{display:block}.dark-light-image-container .image-caption{color:#ccc}}