.toc-item:hover .toc-name{color:var(--brand-dark)}.btn-icon-light{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0;font-weight:600}.btn-icon-dark{width:22px;height:22px;border-radius:50%;background:rgba(27,38,49,.2);display:flex;align-items:center;justify-content:center;font-size:14px;color:#1b2631;flex-shrink:0;font-weight:600}.related-item{display:flex;gap:10px;padding:7px 0;border-bottom:.5px solid var(--border)}.related-item:last-child{border-bottom:none;padding-bottom:0}.related-thumb{width:42px;height:42px;border-radius:8px;background:var(--brand-light);flex-shrink:0;border:.5px solid var(--border);object-fit:cover}.related-name{font-size:12px;color:var(--text-primary);line-height:1.3;margin-bottom:3px}.related-date{font-size:11px;color:var(--brand-dark);font-weight:500}.h1-title .accent{color:var(--brand)}.infographic-slot{width:100%;min-height:90px;border-radius:12px;margin-bottom:16px;background:#fffbeb;border:2px dashed #f8b400;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:16px;text-align:center}.infographic-slot .slot-label{font-size:12px;font-weight:600;color:#854f0b}.infographic-slot .slot-sub{font-size:11px;color:var(--text-light)}.h1-title .accent{color:#6717e2}.toc-item:hover .toc-name{color:#6717e2!important;font-weight:600}.toc-item:hover .toc-dot{background:#6717e2}.related-item{transition:padding-left .18s ease;border-radius:6px;cursor:pointer}.related-item:hover{padding-left:4px;background:rgba(165,107,220,.05)}.infographic-slot{border:2px dashed rgba(248,180,0,.5)!important;border-radius:12px!important;background:#fffbeb!important}