/* DAO-AN-KET-DAN-BADGES-20261017: 10 huy hiệu động Kết Đan (mã kd:*) */
.dao-kd{display:inline-block;width:1.45em;height:1.45em;vertical-align:-.36em;background:center/contain no-repeat;flex:0 0 auto}
.dao-badge.dao-badge-kd{display:inline-flex;align-items:center;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;margin-right:.18em}
.dao-an-badge .dao-kd{width:30px;height:30px;vertical-align:middle}
.dao-an-badge.dao-an-badge-kd{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important}
.dao-an-badges-kd-title{grid-column:1/-1;width:100%;margin:8px 0 2px;font:800 12px/1.2 "Noto Serif",Georgia,serif;color:#f4d27a;letter-spacing:.4px}
@media (prefers-reduced-motion:reduce){.dao-kd{animation:none}}

/* NA-PLATE-20261017: nền ảnh động phía sau tên (Nguyên Anh) */
.dao-plate{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.22em 1.7em;margin:0 .1em;min-width:6.2em;border-radius:.3em;background:center/100% 100% no-repeat;overflow:hidden;isolation:isolate;vertical-align:middle;line-height:1.3;animation:daoPlatePan 9s ease-in-out infinite alternate}
/* DAO-NHE-20261026: vệt sáng chạy bằng transform (card đồ họa lo) thay cho background-position (vẽ lại mỗi khung); cùng quỹ đạo -225%W → +150%W */
.dao-plate::after{content:"";position:absolute;top:0;bottom:0;left:0;width:250%;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);mix-blend-mode:screen;animation:daoPlateShine 3.6s linear infinite;pointer-events:none;will-change:transform}
.dao-plate::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(0,0,0,.28),transparent 72%);pointer-events:none}
.dao-plate .dao-name{position:relative;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.55)!important}
.dao-plate-anhdao{background-image:url(/modules/dao-an/plates/anhdao.webp)}
.dao-plate-hoadiem{background-image:url(/modules/dao-an/plates/hoadiem.webp)}
.dao-plate-huyetnguyet{background-image:url(/modules/dao-an/plates/huyetnguyet.webp)}
.dao-plate-thanhtruc{background-image:url(/modules/dao-an/plates/thanhtruc.webp)}
.dao-plate-tulien{background-image:url(/modules/dao-an/plates/tulien.webp)}
.dao-plate-tunguyet{background-image:url(/modules/dao-an/plates/tunguyet.webp)}
@keyframes daoPlateShine{0%{transform:translateX(-90%)}100%{transform:translateX(60%)}}
@keyframes daoPlatePan{0%{filter:saturate(1) brightness(1)}100%{filter:saturate(1.3) brightness(1.18)}}
.dao-plate-options{display:flex;flex-wrap:wrap;gap:8px}
.dao-plate-opt{padding:4px!important;border-radius:8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.dao-plate-opt .dao-plate{font-size:14px;min-width:8em;padding:.4em 1.8em}
.dao-plate-opt.active{outline:2px solid #fbbf24;outline-offset:1px}
@media (prefers-reduced-motion:reduce){.dao-plate,.dao-plate::after{animation:none}}
/* DAO-NHE-20261026: hiệu ứng filter chạy trên lớp riêng, không kéo cả dòng chat vẽ lại */
.dao-plate{contain:paint;will-change:filter}
.chat-realm-img{will-change:filter}

/* NA-BOLD-20261017: Nguyên Anh trở lên in đậm tên */
.dao-name.dao-name-nguyen-anh:not(#_na1):not(#_na2):not(#_na3),.dao-name.dao-name-luyen-hu:not(#_na1):not(#_na2):not(#_na3),.dao-name.dao-name-dai-thua:not(#_na1):not(#_na2):not(#_na3),.dao-name.dao-name-do-kiep:not(#_na1):not(#_na2):not(#_na3){font-weight:900!important;letter-spacing:.02em;-webkit-text-stroke:.55px currentColor;paint-order:stroke fill}

/* HT-REALM-20261017: ảnh cảnh giới Hóa Thần trong Luận Đạo */
.chat-realm-img{display:inline-block;height:34px!important;width:auto!important;max-width:none!important;vertical-align:middle;margin:-6px 4px -6px -2px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,90,20,.45));animation:htRealmGlow 2.4s ease-in-out infinite}
@keyframes htRealmGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(255,90,20,.35))}50%{filter:drop-shadow(0 0 8px rgba(255,140,40,.75))}}
@media (prefers-reduced-motion:reduce){.chat-realm-img{animation:none}}

.chat-realm-img.chat-realm-img-luyenhu{animation-name:lhRealmGlow}
@keyframes lhRealmGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(190,90,255,.4))}50%{filter:drop-shadow(0 0 8px rgba(220,130,255,.8))}}

/* AV-FRAMES-20261017: khung avatar theo cảnh giới */
.dao-framed{position:relative!important;overflow:visible!important}
.dao-framed>img{border-radius:50%!important}
.dao-frame{position:absolute;left:50%;top:50%;width:180%;height:180%;transform:translate(-50%,-50%);background:center/contain no-repeat;pointer-events:none;z-index:2;display:block}
.dao-framed .rank-presence{z-index:3}
#phongThanDialog .pt-rank-avatar.dao-framed,#phongThanDialog .pt-rank-icon.dao-framed{overflow:visible!important;border-color:transparent!important;box-shadow:none!important}
.dao-stage-frame{display:flex;align-items:center;gap:16px;margin:4px 0 10px}
.dao-stage-frame small{line-height:1.45}
.dao-frame-demo{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#2b3a52,#141c29);margin:14px 12px}
.dao-frame-demo .dao-frame{width:190%;height:190%}

/* RANK-SPACE-20261018: Thiên Bảng thoáng hơn để khung avatar không chật */
#phongThanDialog#phongThanDialog#phongThanDialog .pt-list{gap:7px!important}
#phongThanDialog#phongThanDialog#phongThanDialog .pt-row:not(.is-empty){min-height:56px!important;height:auto!important;padding:8px 12px 8px 8px!important;gap:12px!important;align-items:center!important}
#phongThanDialog#phongThanDialog#phongThanDialog .pt-row .pt-rank-avatar,#phongThanDialog#phongThanDialog#phongThanDialog .pt-row .pt-rank-icon,#phongThanDialog#phongThanDialog#phongThanDialog .pt-row .arena-rank-avatar,#phongThanDialog#phongThanDialog#phongThanDialog .pt-row .arena-rank-icon{flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:30px!important;margin:0 9px 0 6px!important}
#phongThanDialog#phongThanDialog#phongThanDialog .pt-row .dao-frame{width:172%;height:172%}
#phongThanDialog#phongThanDialog#phongThanDialog .pt-row .pt-name-line{font-size:14px!important}
