.dp-mv-related,
.dp-mv-related *{box-sizing:border-box}
.dp-mv-related{
    width:100%;margin:10px 0 0;padding:10px;
    border:1px solid var(--dp-card-border,rgba(15,23,42,.10));
    border-radius:6px;background:var(--dp-card-bg,#fff);color:var(--dp-text,#111827)
}
.dp-mode-dark .dp-mv-related,[data-theme="dark"] .dp-mv-related,.dark .dp-mv-related{
    background:var(--dp-card-bg-dark,#101827);border-color:var(--dp-card-border-dark,rgba(148,163,184,.18));color:var(--dp-text-dark,#e5edf7)
}
.dp-mv-related-head{display:flex;align-items:center;margin:0 0 8px}
.dp-mv-related-title{margin:0;font-size:14px;line-height:1.35;font-weight:800}
.dp-mv-related-slider{position:relative;width:100%;padding:0 24px}
.dp-mv-related-scroll{
    display:flex;gap:10px;width:100%;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth;
    scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;cursor:grab;user-select:none
}
.dp-mv-related-arrow{
    position:absolute;z-index:5;top:34px;width:22px;height:34px;padding:0;border:1px solid rgba(148,163,184,.28);
    border-radius:4px;background:var(--dp-card-bg,#fff);color:inherit;font-size:25px;line-height:30px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(15,23,42,.12)
}
.dp-mv-related-arrow.is-prev{left:0}.dp-mv-related-arrow.is-next{right:0}
.dp-mv-related-arrow:disabled{opacity:.25;cursor:default}
.dp-mode-dark .dp-mv-related-arrow,[data-theme="dark"] .dp-mv-related-arrow,.dark .dp-mv-related-arrow{background:#101827;border-color:rgba(148,163,184,.24)}
.dp-mv-related-card{
    flex:0 0 94px;width:94px;min-width:94px;scroll-snap-align:start;display:block;
    color:inherit!important;text-decoration:none!important
}
.dp-mv-related-thumb{
    position:relative;display:block;width:84px;height:84px;overflow:hidden;
    border:1px solid rgba(148,163,184,.20);border-radius:4px;background:rgba(148,163,184,.14)
}
.dp-mv-related-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.dp-mv-related-thumb img.is-rating-blurred{filter:blur(7px);transform:scale(1.12)}
.dp-mv-related-card:hover .dp-mv-related-thumb img{transform:scale(1.03)}
.dp-mv-related-card:hover .dp-mv-related-thumb img.is-rating-blurred{filter:blur(7px);transform:scale(1.12)}
.dp-mv-related-thumb-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:rgba(100,116,139,.72)}
.dp-mv-related-thumb-fallback svg{display:block;width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.dp-mv-related-card-title{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;
    width:94px;min-height:34px;margin-top:5px;font-size:12px;line-height:1.4;font-weight:700;word-break:break-word
}
.dp-mv-related-rating{
    position:absolute;z-index:2;top:5px;left:5px;display:inline-flex;align-items:center;justify-content:center;
    color:#fff;font-size:10px;line-height:1;font-weight:900;letter-spacing:.1px;box-shadow:0 1px 3px rgba(0,0,0,.28)
}
.dp-mv-related-rating.is-child{min-width:31px;height:18px;padding:0 5px;border-radius:3px;background:#2563eb}
.dp-mv-related-rating.is-teen{min-width:29px;height:18px;padding:0 5px;border-radius:3px;background:#f59e0b}
.dp-mv-related-restricted-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(148,163,184,.12);color:#dc2626}
.dp-mv-related-restricted-mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:3px solid currentColor;border-radius:50%;font-size:13px;line-height:1;font-weight:900;position:relative}
.dp-mv-related-restricted-mark:after{content:"";position:absolute;width:48px;height:3px;background:currentColor;transform:rotate(-45deg);border-radius:99px}
.dp-mv-related-restricted-text{font-size:9px;line-height:1;font-weight:800;color:rgba(100,116,139,.88)}
.dp-mv-related-empty{padding:8px;text-align:center;font-size:12px;color:var(--dp-muted,#64748b)}
@media(max-width:680px){
    .dp-mv-related{padding:9px;margin-top:9px}
    .dp-mv-related-title{font-size:13px}
    .dp-mv-related-scroll{gap:8px}
    .dp-mv-related-slider{padding:0 22px}
    .dp-mv-related-arrow{top:32px;width:20px;height:32px;font-size:22px}
    .dp-mv-related-card{flex-basis:90px;width:90px;min-width:90px}
    .dp-mv-related-thumb{width:82px;height:82px}
    .dp-mv-related-card-title{width:90px;font-size:12px;min-height:34px}
}

.dp-mv-related-scroll::-webkit-scrollbar{display:none}
.dp-mv-related-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.dp-mv-related-card{
    position:relative;
    z-index:1;
    pointer-events:auto;
}
.dp-mv-related-card *{pointer-events:none}
.dp-mv-related-scroll.is-dragging .dp-mv-related-card{pointer-events:auto}

/* v2.0 backend-adjustable frame/card variables */
.dp-mv-related{
    padding:var(--dp-rp-frame-padding,12px);
    border-radius:var(--dp-rp-frame-radius,6px);
    background:var(--dp-rp-frame-bg,var(--dp-card-bg,#fff));
    border-color:var(--dp-rp-frame-border,var(--dp-card-border,rgba(15,23,42,.10)));
    color:var(--dp-rp-text,var(--dp-text,#111827));
}
.dp-mv-related-title{font-size:var(--dp-rp-heading-size,16px)}
.dp-mv-related-scroll{gap:var(--dp-rp-gap,12px)}
.dp-mv-related-arrow{display:var(--dp-rp-arrow-display,flex)}
.dp-mv-related-card{flex-basis:var(--dp-rp-card-width,118px);width:var(--dp-rp-card-width,118px);min-width:var(--dp-rp-card-width,118px)}
.dp-mv-related-thumb{width:100%;height:var(--dp-rp-image-height,96px);border-radius:var(--dp-rp-card-radius,4px)}
.dp-mv-related-card-title{width:100%;font-size:var(--dp-rp-title-size,13px);-webkit-line-clamp:var(--dp-rp-title-lines,2)}
@media(max-width:680px){
    .dp-mv-related-card{flex-basis:var(--dp-rp-card-width,118px);width:var(--dp-rp-card-width,118px);min-width:var(--dp-rp-card-width,118px)}
    .dp-mv-related-thumb{width:100%;height:var(--dp-rp-image-height,96px)}
    .dp-mv-related-card-title{width:100%;font-size:var(--dp-rp-title-size,13px)}
}

/* v2.0.2｜會員樣板嵌入模式
 * 會員頁的外層框架由 Template Builder 的 .dp-block 統一負責。
 * 相關文章只輸出內容，不再建立第二個獨立卡框，避免視覺上脫離功能群組。
 */
#dp-root .dp-c-main_member-view > .dp-block,
#dp-root .dp-main_member-view > .dp-block{
    min-width:0;
}
#dp-root .dp-c-main_member-view .dp-mv-related.is-member-embed,
#dp-root .dp-main_member-view .dp-mv-related.is-member-embed{
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
    padding:var(--dp-rp-frame-padding,12px);
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
#dp-root .dp-c-main_member-view .dp-mv-related.is-member-embed .dp-mv-related-slider,
#dp-root .dp-main_member-view .dp-mv-related.is-member-embed .dp-mv-related-slider,
#dp-root .dp-c-main_member-view .dp-mv-related.is-member-embed .dp-mv-related-scroll,
#dp-root .dp-main_member-view .dp-mv-related.is-member-embed .dp-mv-related-scroll{
    width:100%;
    max-width:100%;
    min-width:0;
}


/* v2.1.0｜可獨立放入側邊欄的列表資訊樣式 */
.dp-mv-related.is-list-style .dp-mv-related-list{display:flex;flex-direction:column;gap:var(--dp-rp-list-gap,10px)}
.dp-mv-related-list-item{display:flex;gap:10px;align-items:flex-start;color:inherit!important;text-decoration:none!important;min-width:0;padding-bottom:var(--dp-rp-list-gap,10px);border-bottom:1px solid rgba(148,163,184,.18)}
.dp-mv-related-list-item:last-child{padding-bottom:0;border-bottom:0}
.dp-mv-related-list-thumb{position:relative;flex:0 0 var(--dp-rp-list-image-width,92px);width:var(--dp-rp-list-image-width,92px);height:var(--dp-rp-list-image-height,64px);overflow:hidden;border-radius:var(--dp-rp-card-radius,4px);background:rgba(148,163,184,.14)}
.dp-mv-related-list-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.dp-mv-related-list-thumb img.is-rating-blurred{filter:blur(7px);transform:scale(1.12)}
.dp-mv-related-list-item:hover .dp-mv-related-list-thumb img{transform:scale(1.04)}
.dp-mv-related-list-body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:6px}
.dp-mv-related-list-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--dp-rp-list-title-size,14px);line-height:1.45;font-weight:var(--dp-rp-list-title-weight,700);word-break:break-word}
.dp-mv-related-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--dp-muted,#64748b);font-size:var(--dp-rp-list-meta-size,11px);font-weight:var(--dp-rp-list-meta-weight,400);line-height:1.25}
.dp-mv-related-list-meta>span{display:inline-flex;align-items:center;gap:3px}
.dp-mv-related-list-meta .dp-mv-related-svg{width:14px;height:14px}
.dp-mv-related-list-restricted{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#dc2626;background:rgba(148,163,184,.12)}
@media(max-width:680px){.dp-mv-related-list-thumb{flex-basis:82px;width:82px;height:58px}.dp-mv-related-list-title{font-size:max(12px,var(--dp-rp-list-title-size,14px))}}