.related-box{background:var(--saned-gradient);color:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 15px rgba(0,0,0,.15);border-top:5px solid #b79e6f;width:80%;margin:0 auto}@media (max-width:768px){.related-box{width:100%}}.related-title{text-align:center;font-size:1.1rem;font-weight:bold;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative}.related-title::after{content:"";position:absolute;bottom:0;left:30%;width:40%;height:3px;background-color:#b79e6f;border-radius:2px}.related-item{display:flex;align-items:center;background:var(--box-background-color);color:#333;border-radius:6px;margin-bottom:10px;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.related-item:hover{transform:scale(1.02);box-shadow:0 2px 8px rgba(0,0,0,.2)}.related-item img{width:56px;height:56px;margin:8px;border-radius:6px;object-fit:cover}.related-text{padding:8px;flex:1}.related-item-title{font-size:.95rem;font-weight:bold;margin:0}.related-item-desc{font-size:.8rem;color:#666;margin:0}.sticky-top{z-index:100;top:80px}@media (max-width:767.98px){.article-scroll{max-height:none}.sticky-top{position:static!important}}