#related-design-container{background:linear-gradient(135deg,#b0c4de,#fff);padding:16px;margin:20px auto;max-width:900px;width:100%;box-sizing:border-box;text-align:center;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.2);background:#fff;opacity:0.9}#related-list-title,#related-style-title{font-size:15px;font-weight:600;margin-bottom:12px;padding:8px 14px;background:linear-gradient(135deg,rgb(44,62,80),rgb(52,73,94));color:white;border-radius:8px;letter-spacing:0.5px;margin-top:10px}#related-list-content,#related-style-content,#related-links-content{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 0}#related-list-content a,#related-style-content a,#related-links-content a{flex:1 1 calc(33.333% - 16px);max-width:260px;background:transparent;padding:5px;border-radius:8px;text-decoration:none;font-size:14px;color:transparent;background-image:linear-gradient(to right,#888,#fff);background-clip:text;-webkit-background-clip:text;border:1px dotted transparent;border-image:linear-gradient(to right,#fff,#feb47b);border-image-slice:1;transition:all 0.3sease-in-out;text-align:center;font-weight:500;align-items:center;justify-content:center;display:block;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#related-list-content a:hover,#related-style-content a:hover #related-links-content a:hover,#related-links-content a:hover{background-color:#1e90ff;color:white;transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,0.15)}@media screen and (max-width:768px){#related-design-container{padding:12px}#related-list-title,#related-style-title{font-size:15px;padding:6px 12px}#related-list-content,#related-style-content{flex-direction:column;align-items:center}#related-list-content a,#related-style-content a{flex:1 1 100%;max-width:100%;padding:10px;font-size:14px}}#related-list-category{font-size:15px;font-weight:500;color:rgba(255,255,255,0.9);text-decoration:none;transition:all 0.3s ease-in-out;padding:2px 6px;border-radius:4px}#related-list-category:hover{text-decoration:underline;color:rgba(255,255,255,0.75)}code.code,code.code-block{line-height:30px}body{display:flex;flex-direction:column}#related-design-content{order:1}#related-design-nav{order:2}#related-links-content{order:3}#related-style-title{order:4}#related-style-content{order:5}.related-categories{display:flex;width:85%;margin:5px auto}.related-categories a{text-decoration:none;color:transparent;background-image:linear-gradient(to right,#999,#fff);-webkit-background-clip:text}.related-categories li{flex:1;list-style:none}footer{display:none}