/* =====================================================================
   WUXIA / XIANXIA MMORPG THEME  ·  forum frontend skin (UI ONLY)
   ---------------------------------------------------------------------
   Day la LOP PHU (overlay) thuan CSS. KHONG sua backend / logic / DOM.
   Nap CUOI CUNG trong <head> cua apps/home/twig/frame/1.base.twig.
   Vi nhieu rule goc nam trong <style> inline (cuoi <body>) nen file nay
   dung tien to `body.forum-body` + `!important` de gianh quyen ghi de.
   Triet ly mau: nen mac (thuy mac) toi + vien vang co + the giay da
   (rice-paper scroll) chu dam de bao toan do doc (readability).
   ===================================================================== */

:root {
    --wx-ink-0: #0c0a07;
    --wx-ink-1: #14100b;
    --wx-ink-2: #1d160d;
    --wx-ink-3: #271d10;

    --wx-gold:       #d4af37;   /* vang co chu dao */
    --wx-gold-soft:  #ecd384;   /* vang sang (text title) */
    --wx-gold-deep:  #a87f23;   /* vang tram (accent text) */
    --wx-gold-line:  rgba(212, 175, 55, 0.42);
    --wx-gold-glow:  rgba(212, 175, 55, 0.22);

    --wx-paper-1: #f7eed8;      /* giay da sang */
    --wx-paper-2: #ecdcb9;      /* giay da dam */
    --wx-paper-border: #c9a85f; /* vien giay da */

    --wx-seal:  #9c2b22;        /* do triện / dau an */
    --wx-jade:  #3c8f67;        /* ngoc bich diem nhan */

    --wx-text:   #2c2114;       /* chu nau dam tren giay */
    --wx-text-2: #5b4a31;

    --wx-serif: "STKaiti", "KaiTi", "Kaiti SC", "Songti SC",
                "Noto Serif SC", "Source Han Serif SC", "SimSun",
                "Times New Roman", serif;
}

/* =========================================================
   1) NEN TRANG  ·  thuy mac toi, suong vang/ngoc/do mo
   ========================================================= */
/* NEN VO HIEP MOI (tranh key-art thuy mac toi: nui suong, trang vang, vang do,
   suong ngoc - vung giua toi de noi dung noi len). Dung anh LOCAL /wuxia-bg.png.
   background-attachment: fixed + cover -> canh dung yen sau noi dung khi cuon.
   CHI doi background/color - KHONG dong toi min-height / dinh vi / xep lop. */
body.forum-body {
    background-color: #0c0a07 !important;
    background-image:
        linear-gradient(180deg, rgba(8, 6, 4, 0.30) 0%, rgba(8, 6, 4, 0.18) 45%, rgba(8, 6, 4, 0.42) 100%),
        url('/wuxia-bg.png?v=20260628d') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, cover !important;
    background-position: center top, center center !important;
    background-attachment: fixed, fixed !important;
    color: #ecdcb6;
}

/* =========================================================
   2) KHUNG / PANEL  ·  white-block = khung son mai mo
   ========================================================= */
/* white-block = khung giay da sang (translucent) - GIU CHU TOI CO SAN DOC DUOC.
   (Nhieu tieu de nam truc tiep tren white-block voi mau chu toi inline, nen
    KHONG duoc lam nen toi o day -> tranh "chu toi tren nen toi".) */
body.forum-body .white-block {
    background: linear-gradient(180deg, rgba(255, 253, 247, 0.86), rgba(250, 244, 230, 0.84)) !important;
    border: 1px solid var(--wx-gold-line) !important;
    border-radius: 16px !important;
    box-shadow:
        0 8px 26px rgba(60, 40, 12, 0.16),
        inset 0 0 0 1px rgba(255, 248, 222, 0.6) !important;
    color: var(--wx-text);
}

/* the noi ben trong: giay da (rice-paper scroll) - chu dam de doc */
body.forum-body .es-bc-white,
body.forum-body .white-bg {
    background: linear-gradient(155deg, #fffdf7 0%, #f6efdd 100%) !important;
    color: var(--wx-text) !important;
    border: 1px solid var(--wx-paper-border) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 4px 14px rgba(60, 40, 12, 0.12) !important;
}

/* the san pham / video grid */
body.forum-body .span-3 {
    background: linear-gradient(155deg, #fffdf7, #f6efdd) !important;
    border: 1px solid var(--wx-paper-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 16px rgba(60, 40, 12, 0.14) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
body.forum-body .span-3:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(60, 40, 12, 0.22), 0 0 0 1px var(--wx-gold-line) !important;
}

/* =========================================================
   3) MAU NHAN GIANG HO  ·  gold accent text & buttons
   ========================================================= */
/* es-c (link "xem them" ...) -> vang tram, ro tren ca nen toi lan giay */
body.forum-body .es-c { color: var(--wx-gold-deep) !important; }

/* es-bc (nut chinh) -> vang cham khac */
body.forum-body .es-bc {
    background: linear-gradient(180deg, #e7c45f 0%, #c9962e 60%, #b9842a 100%) !important;
    color: #3a2810 !important;
    border: 1px solid #8a6418 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 220, 0.6),
        inset 0 -2px 4px rgba(120, 80, 10, 0.35),
        0 4px 12px rgba(0, 0, 0, 0.35) !important;
    text-shadow: 0 1px 0 rgba(255, 245, 210, 0.4);
    transition: filter 0.18s ease, box-shadow 0.18s ease;
}
body.forum-body .es-bc:hover {
    filter: brightness(1.06);
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 220, 0.7),
        0 0 14px var(--wx-gold-glow),
        0 6px 16px rgba(0, 0, 0, 0.4) !important;
}
/* nut vang nhung chu trang -> them shadow cho doc */
body.forum-body .es-bc.es-c-white,
body.forum-body .es-bc .es-c-white { text-shadow: 0 1px 3px rgba(80, 45, 0, 0.65) !important; }

/* layui buttons (form) -> dong bo tone vang */
body.forum-body .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger) {
    background: linear-gradient(180deg, #e7c45f, #c9962e) !important;
    color: #3a2810 !important;
    border: 1px solid #8a6418 !important;
}

/* =========================================================
   4) THANH DIEU HUONG TREN  ·  son mai den vien vang
   ========================================================= */
body.forum-body .view-top {
    background: linear-gradient(180deg, rgba(22, 16, 9, 0.86), rgba(16, 11, 7, 0.78)) !important;
    border-bottom: 1px solid var(--wx-gold-line) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.5) !important;
}
body.forum-body .view-top.scrolled {
    background: linear-gradient(180deg, rgba(15, 11, 7, 0.98), rgba(12, 9, 6, 0.96)) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
}
body.forum-body .view-top-title {
    font-family: var(--wx-serif) !important;
    color: var(--wx-gold-soft) !important;
    text-shadow: 0 0 12px var(--wx-gold-glow), 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    letter-spacing: 3px !important;
}
/* link nav: vang nhat tren nen toi (ghi de #444/#999 goc) */
body.forum-body .view-top-nav-link { color: #ead9a8 !important; }
body.forum-body .view-top-nav-link.es-c-99 { color: rgba(234, 217, 168, 0.55) !important; }
body.forum-body .view-top-nav-link:hover { color: #fff3cf !important; text-shadow: 0 0 8px var(--wx-gold-glow); }

/* nut dang nhap -> the bai vang cham khac */
body.forum-body .view-top-login {
    background: linear-gradient(180deg, #e7c45f, #c9962e) !important;
    color: #3a2810 !important;
    border: 1px solid #8a6418 !important;
    box-shadow: inset 0 1px 0 rgba(255,248,220,.6), 0 4px 12px rgba(0,0,0,.4) !important;
    text-shadow: 0 1px 0 rgba(255,245,210,.4) !important;
}

/* dropdown user (me-pop) -> the giay */
body.forum-body .me-pop-inner {
    background: linear-gradient(155deg, var(--wx-paper-1), var(--wx-paper-2)) !important;
    border: 1px solid var(--wx-paper-border) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.45) !important;
}
body.forum-body .me-pop .me-pop-item { color: var(--wx-text) !important; }
body.forum-body .me-pop .me-pop-item:hover { color: var(--wx-seal) !important; background: rgba(212,175,55,.12); }

/* =========================================================
   5) THANH DIEU HUONG TRAI (mon phai)  ·  chu vang thu phap
   (Nen trang gio TOI nen chu menu phai sang + co bong de doc.)
   ========================================================= */
body.forum-body .left-nav-row .nav-text {
    font-family: var(--wx-serif) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85), 0 0 10px rgba(0, 0, 0, 0.6) !important;
}
body.forum-body .left-nav-row .block2 .nav-text {
    color: #d8c193 !important;
}
body.forum-body .left-nav-row .block1 .nav-text {
    color: #ffe7ad !important;
    text-shadow: 0 0 12px var(--wx-gold-glow), 0 1px 3px rgba(0, 0, 0, 0.85) !important;
}

/* =========================================================
   6) CHAN TRANG  ·  go gu vien vang
   ========================================================= */
body.forum-body .view-bottom {
    background: linear-gradient(180deg, #2a1f10, #1b1409) !important;
    border-top: 2px solid var(--wx-gold-line) !important;
    color: #d8c79c !important;
}
body.forum-body .view-bottom a { color: #d8c79c !important; }
body.forum-body .view-bottom a:hover { color: var(--wx-gold-soft) !important; }
body.forum-body .view-bottom .es-fs-18 {
    color: var(--wx-gold-soft) !important;
    font-family: var(--wx-serif) !important;
    letter-spacing: 1px;
}

/* =========================================================
   7) TIEU DE  ·  thu phap (serif) cho cac chu lon
   ========================================================= */
body.forum-body .es-fs-34,
body.forum-body .es-fs-28,
body.forum-body .es-fs-24,
body.forum-body .es-fs-22,
body.forum-body .share-slide-title {
    font-family: var(--wx-serif) !important;
    letter-spacing: 0.5px;
}

/* =========================================================
   8) BIEU MAU  ·  o nhap giay da vien vang
   ========================================================= */
body.forum-body textarea,
body.forum-body input[type="text"],
body.forum-body input[type="password"],
body.forum-body input[type="number"],
body.forum-body input[type="tel"],
body.forum-body input[type="email"],
body.forum-body select,
body.forum-body .layui-input {
    background: #fbf4e3 !important;
    color: var(--wx-text) !important;
    border: 1px solid var(--wx-paper-border) !important;
    border-radius: 8px !important;
}
body.forum-body textarea:focus,
body.forum-body input:focus,
body.forum-body select:focus,
body.forum-body .layui-input:focus {
    border-color: var(--wx-gold) !important;
    box-shadow: 0 0 0 2px var(--wx-gold-glow) !important;
    outline: none !important;
}
body.forum-body ::placeholder { color: #a08a64 !important; }

/* =========================================================
   9) BO CHON NGON NGU  ·  vien vang + active do triện
   ========================================================= */
body.forum-body .yjj-lang-button {
    background: linear-gradient(180deg, rgba(28,20,11,.92), rgba(18,13,8,.92)) !important;
    border: 1px solid var(--wx-gold-line) !important;
    color: var(--wx-gold-soft) !important;
}
body.forum-body .yjj-lang-menu {
    background: linear-gradient(160deg, rgba(24,17,10,.98), rgba(14,10,6,.98)) !important;
    border: 1px solid var(--wx-gold-line) !important;
}
body.forum-body .yjj-lang-option { color: #ead9a8 !important; }
body.forum-body .yjj-lang-option:hover,
body.forum-body .yjj-lang-option.is-active {
    background: rgba(212, 175, 55, 0.16) !important;
    color: #fff3cf !important;
}

/* =========================================================
   10) MODAL  ·  the giay (login / award / daichong)
   ========================================================= */
body.forum-body .es-model-body {
    background: linear-gradient(155deg, var(--wx-paper-1), var(--wx-paper-2)) !important;
    border: 1px solid var(--wx-gold-line) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.6) !important;
    color: var(--wx-text) !important;
}

/* =========================================================
   11) DIEM NHAN  ·  the/CTA carousel giang ho
   ========================================================= */
body.forum-body .share-slide-cta {
    border: 1.5px solid var(--wx-gold-line) !important;
    box-shadow: 0 0 16px rgba(212,175,55,.12);
}
body.forum-body .carousel-wrapper .swiper-pagination-bullet-active {
    background-color: var(--wx-gold) !important;
}

/* divider "es-b-b" / "es-b-t" trong the giay -> duong ke nau nhat */
body.forum-body .es-bc-white .es-b-b,
body.forum-body .es-bc-white .es-b-t {
    border-color: rgba(160, 120, 60, 0.28) !important;
}

/* =========================================================
   12) BIEU TUONG  ·  nhuom "vang co" cho cac icon trang tri
   ---------------------------------------------------------
   Cac icon la PNG line-art tren CDN ngoai -> khong thay file. Dung filter
   recolor (brightness(0) -> silhouette roi to lai vang dong) de ca bo icon
   trang tri co tone vang giang ho dong nhat. CHI ap cho icon trang tri/dieu
   huong, KHONG dong toi icon chuc nang (checkbox / close / radio / mui ten
   phan trang) de tranh mat dau hieu nhan biet.
   ========================================================= */
body.forum-body .left-nav-row .es-icon-43,
body.forum-body .es-icon-hot,
body.forum-body .es-icon-men,
body.forum-body .es-icon-lian,
body.forum-body .es-icon-gong-2,
body.forum-body .es-icon-load,
body.forum-body .es-icon-see,
body.forum-body .es-icon-comment,
body.forum-body .es-icon-like,
body.forum-body .es-icon-like-v2,
body.forum-body .es-icon-share,
body.forum-body .es-icon-up-share,
body.forum-body .es-icon-kefu,
body.forum-body .es-icon-gift,
body.forum-body .es-icon-gifts,
body.forum-body .es-icon-coupon,
body.forum-body .es-icon-store,
body.forum-body .es-icon-people,
body.forum-body .es-icon-pen,
body.forum-body .es-icon-post-msg,
body.forum-body .es-icon-notice,
body.forum-body .es-icon-notice-info {
    filter: brightness(0) saturate(100%) invert(72%) sepia(46%) saturate(520%)
            hue-rotate(1deg) brightness(93%) contrast(90%)
            drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35)) !important;
}

/* icon trong nav khi active/hover sang hon mot chut */
body.forum-body .left-nav-row:hover .es-icon-43,
body.forum-body .left-nav-row.active .es-icon-43 {
    filter: brightness(0) saturate(100%) invert(82%) sepia(40%) saturate(560%)
            hue-rotate(1deg) brightness(104%) contrast(92%)
            drop-shadow(0 0 4px var(--wx-gold-glow)) !important;
}

/* =========================================================
   13) KHUNG MENU MON PHAI (trai)  ·  the bia ngoc/son mai chuyen nghiep
   ---------------------------------------------------------
   Khung goc la anh PNG co dinh 366px + vet muc den (tab.png) -> tho & text
   ngon ngu dai tran ra. Thay bang the bia son mai: vien vang KEP (khung trong
   khung), nen son mai sau, highlight gradient vang cho muc active/hover (bo
   han vet muc den tho), duong ke vang nhat ngan cach. Chu tu xuong dong + co
   font -> moi ngon ngu deu vua. GIU vi tri/anchor (width/left tu inline).
   ========================================================= */
body.forum-body .es-icon-nav {
    background-image: none !important;
    background:
        radial-gradient(125% 65% at 50% 0%, rgba(212, 175, 55, 0.12), transparent 62%),
        linear-gradient(180deg, rgba(40, 30, 17, 0.97) 0%, rgba(22, 16, 10, 0.98) 55%, rgba(14, 11, 7, 0.985) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 18px !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(212, 175, 55, 0.30),
        inset 0 0 34px rgba(0, 0, 0, 0.62),
        0 20px 54px rgba(0, 0, 0, 0.62) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    gap: 2px !important;
    overflow: visible !important;
}

/* khung vang long (double frame) -> sang trong, "AAA" */
body.forum-body .es-icon-nav::before {
    content: "";
    position: absolute;
    left: 7px;
    right: 7px;
    top: 7px;
    bottom: 7px;
    border: 1px solid rgba(212, 175, 55, 0.26);
    border-radius: 13px;
    pointer-events: none;
}

/* hang menu: noi rong, bo goc, hieu ung muot, cao tu gian */
body.forum-body .left-nav-row {
    width: 300px !important;
    height: auto !important;
    min-height: 58px !important;
    border-radius: 12px !important;
    transition: background 0.18s ease, transform 0.18s ease !important;
}
/* duong ke vang nhat ngan cach giua cac muc */
body.forum-body .left-nav-row + .left-nav-row {
    border-top: 1px solid rgba(212, 175, 55, 0.12) !important;
}
body.forum-body .left-nav-row .block1,
body.forum-body .left-nav-row .block2 {
    padding-left: 20px !important;
    gap: 14px !important;
    height: 100% !important;
    min-height: 58px !important;
    align-items: center !important;
    border-radius: 12px !important;
}

/* bo vet muc den tho (tab.png) -> thay bang highlight gradient vang */
body.forum-body .left-nav-row .es-icon-tab {
    background-image: none !important;
}
body.forum-body .left-nav-row:hover .block1,
body.forum-body .left-nav-row.active .block1 {
    background:
        linear-gradient(90deg, rgba(212, 175, 55, 0.26) 0%, rgba(212, 175, 55, 0.06) 78%, transparent 100%) !important;
    box-shadow:
        inset 3px 0 0 var(--wx-gold),
        inset 0 0 0 1px rgba(212, 175, 55, 0.30) !important;
}
body.forum-body .left-nav-row:hover {
    transform: translateX(2px) !important;
}

/* chu menu: cho xuong dong + co font -> moi ngon ngu deu vua trong khung */
body.forum-body .left-nav-row .nav-text {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    max-width: 200px !important;
    letter-spacing: 0.3px !important;
}

/* =========================================================
   14) MODAL DANG NHAP / DANG KY  ·  the son mai toi + vien vang
   ---------------------------------------------------------
   Cac modal #login-2 (mat khau) / #register / #forget / #edit-pwd dang nen
   trang sang -> doi sang the son mai toi, vien vang, o nhap = the giay da
   (chu nau de doc), nut = gradient vang chu nau, link = vang/ngoc.
   ========================================================= */
#login .es-model-body,
#login-2 .es-model-body,
#register .es-model-body,
#forget .es-model-body,
#edit-pwd .es-model-body {
    background: linear-gradient(162deg, rgba(38, 28, 16, 0.985) 0%, rgba(16, 12, 8, 0.99) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.62), inset 0 0 0 1px rgba(212, 175, 55, 0.16) !important;
    color: #ecdcb6 !important;
}
/* tieu de + chu thuong -> vang sang */
#login .es-fb, #login-2 .es-fb, #register .es-fb, #forget .es-fb, #edit-pwd .es-fb,
#login .es-c-66, #login-2 .es-c-66, #register .es-c-66, #forget .es-c-66, #edit-pwd .es-c-66 {
    color: #e7d7a8 !important;
}
/* gach chan tab / duong ke trang (#eee) -> vang nhat */
#login [style*="#eee"], #login-2 [style*="#eee"], #register [style*="#eee"],
#forget [style*="#eee"], #edit-pwd [style*="#eee"] {
    border-color: rgba(212, 175, 55, 0.30) !important;
}
/* link duoi (Dang ky / Doi mk / Quen mk) -> vang */
#login .es-c-red, #login-2 .es-c-red, #register .es-c-red, #forget .es-c-red, #edit-pwd .es-c-red {
    color: #e9c879 !important;
}
/* link dieu khoan / chinh sach -> ngoc bich */
#login [data-auth-copy="termsLink"], #login [data-auth-copy="privacyLink"],
#login-2 [data-auth-copy="termsLink"], #login-2 [data-auth-copy="privacyLink"],
#register [data-auth-copy="termsLink"], #register [data-auth-copy="privacyLink"] {
    color: #6fc3a1 !important;
}
/* o nhap -> the giay da (KHONG ap cho nut .es-bc) */
#login .login-ipt:not(.es-bc), #login-2 .login-ipt:not(.es-bc),
#register .login-ipt:not(.es-bc), #forget .login-ipt:not(.es-bc), #edit-pwd .login-ipt:not(.es-bc) {
    background: linear-gradient(180deg, #f7eed8, #efe1c2) !important;
    border: 1px solid var(--wx-paper-border) !important;
    border-radius: 10px !important;
}
#login .login-ipt:not(.es-bc) input, #login-2 .login-ipt:not(.es-bc) input,
#register .login-ipt:not(.es-bc) input, #forget .login-ipt:not(.es-bc) input,
#edit-pwd .login-ipt:not(.es-bc) input, #register .es-select-custom {
    color: #2c2114 !important;
    background: transparent !important;
}
#login .login-ipt:not(.es-bc) input::placeholder, #login-2 .login-ipt:not(.es-bc) input::placeholder,
#register .login-ipt:not(.es-bc) input::placeholder, #forget .login-ipt:not(.es-bc) input::placeholder,
#edit-pwd .login-ipt:not(.es-bc) input::placeholder {
    color: #8a754d !important;
}
/* nut (.login-ipt.es-bc) -> gradient vang, chu nau dam */
#login .login-ipt.es-bc, #login-2 .login-ipt.es-bc,
#register .login-ipt.es-bc, #forget .login-ipt.es-bc, #edit-pwd .login-ipt.es-bc {
    background: linear-gradient(180deg, #ecd083 0%, #d4af37 48%, #b8901f 100%) !important;
    color: #3a2a0c !important;
    border: 1px solid rgba(120, 86, 18, 0.6) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255, 240, 200, 0.4) !important;
}
/* checkbox dong y -> nhuom vang (thay tren nen toi) */
#login .es-icon-box, #login .es-icon-box-ac,
#login-2 .es-icon-box, #login-2 .es-icon-box-ac,
#register .es-icon-box, #register .es-icon-box-ac {
    filter: brightness(0) saturate(100%) invert(78%) sepia(40%) saturate(560%) hue-rotate(2deg) brightness(98%) !important;
}
/* nut dong (x) -> sang vang */
#login .es-icon-close-1, #login-2 .es-icon-close-1, #register .es-icon-close-1,
#forget .es-icon-close-1, #edit-pwd .es-icon-close-1 {
    filter: brightness(0) saturate(100%) invert(86%) sepia(30%) saturate(420%) hue-rotate(2deg) brightness(102%) !important;
}
/* panel anh ben trai (login) -> nen vo hiep + logo DUBUWULIN, bo anh login.png cu */
#login .es-icon-auto, #login-2 .es-icon-auto {
    background:
        url('/dubu-logo.png?v=20260628h') center 42% / 84% auto no-repeat,
        linear-gradient(180deg, rgba(8, 6, 4, 0.45), rgba(8, 6, 4, 0.66)),
        url('/wuxia-bg.png?v=20260628d') center / cover no-repeat !important;
    border-right: 1px solid rgba(212, 175, 55, 0.40) !important;
}
#login .es-icon-auto img, #login-2 .es-icon-auto img {
    display: none !important;
}

/* nut noi "Dang bai" (con dau trien) -> hieu ung hover */
#msg-post-trigger { transition: transform 0.18s ease !important; cursor: pointer !important; }
#msg-post-trigger:hover { transform: scale(1.06) rotate(-2deg) !important; }

/* =========================================================
   15) CAROUSEL HERO ("khung anh nhay")  ·  banner tranh vo hiep
   ---------------------------------------------------------
   Cac slide goc la gradient phang + emoji to -> phu anh banner giang ho
   (quang truong + lau cac + den long + nui suong) cho CA 7 slide, boc emoji
   trong huy hieu tron vien vang, tieu de vang thu phap, CTA nut vang.
   ========================================================= */
.index-body .swiper-slide {
    background-image:
        linear-gradient(180deg, rgba(8, 6, 4, 0.42) 0%, rgba(8, 6, 4, 0.16) 42%, rgba(8, 6, 4, 0.58) 100%),
        url('/wuxia-carousel.png?v=20260628i') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.index-body .share-slide-icon {
    width: 134px !important;
    height: 134px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important; /* an emoji goc */
    border: none !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.55));
}
.index-body .share-slide-icon::before { content: none !important; }
/* icon medallion AI ve cho tung slide (gan theo href -> an toan voi loop clone Swiper) */
.index-body .share-slide[href*="/share/index"]    .share-slide-icon { background-image: url('/src/web/wxicon/wx-pavilion.png?v=20260628l') !important; }
.index-body .share-slide[href*="/share/cards"]    .share-slide-icon { background-image: url('/src/web/wxicon/wx-card.png?v=20260628l') !important; }
.index-body .share-slide[href*="/share/team"]     .share-slide-icon { background-image: url('/src/web/wxicon/wx-peach.png?v=20260628l') !important; }
.index-body .share-slide[href*="/share/pk"]       .share-slide-icon { background-image: url('/src/web/wxicon/wx-sword.png?v=20260628l') !important; }
.index-body .share-slide[href*="/share/treasure"] .share-slide-icon { background-image: url('/src/web/wxicon/wx-chest.png?v=20260628l') !important; }
.index-body .share-slide[href*="/me/mall"]        .share-slide-icon { background-image: url('/src/web/wxicon/wx-coin.png?v=20260628l') !important; }
.index-body .share-slide[href*="/interview"]      .share-slide-icon { background-image: url('/src/web/wxicon/wx-scroll.png?v=20260628l') !important; }
.index-body .share-slide-title {
    font-family: var(--wx-serif) !important;
    color: #f6e3a8 !important;
    text-shadow: 0 3px 16px rgba(0, 0, 0, 0.65), 0 0 18px rgba(212, 175, 55, 0.25) !important;
}
.index-body .share-slide-sub {
    color: #ecdcb6 !important;
}
.index-body .share-slide-cta {
    background: linear-gradient(180deg, #ecd083 0%, #d4af37 48%, #b8901f 100%) !important;
    border: 1px solid rgba(120, 86, 18, 0.7) !important;
    color: #3a2a0c !important;
    backdrop-filter: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.40) !important;
}
.index-body .share-slide:hover .share-slide-cta {
    background: linear-gradient(180deg, #f4dc95 0%, #e0bb45 48%, #c89c23 100%) !important;
}
.index-body .share-slide-tag {
    background: rgba(12, 9, 6, 0.55) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    color: #ecd79f !important;
}

/* =========================================================
   16) TRANG SHARE/PK (Hoa Son luan kiem)  ·  bo tone xanh duong
   ---------------------------------------------------------
   Hero + so diem dang mau xanh #1A237E lech theme -> son mai toi + vang,
   the dau truong = giay da, giu do (#C62828) lam diem nhan giang ho.
   ========================================================= */
.pk-hero {
    background: linear-gradient(135deg, rgba(40, 30, 17, 0.97), rgba(16, 12, 8, 0.98)) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    color: #ecdcb6 !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42) !important;
}
.pk-hero .es-fw-700 {
    color: #f6e3a8 !important;
}
.pk-arena {
    background: linear-gradient(135deg, #f7eed8, #ecdcb6) !important;
    border: 1px solid var(--wx-paper-border) !important;
}
.pk-side {
    background: rgba(247, 238, 216, 0.94) !important;
}
.pk-side.me {
    border: 2px solid var(--wx-gold) !important;
}
.pk-num {
    color: #b8901f !important;
}
/* moi mau xanh #1A237E noi tuyen -> vang tram */
[style*="#1A237E"] {
    color: #b8901f !important;
}

/* =========================================================
   17) TRANG SHARE/INDEX (Quang truong giang ho)
   ---------------------------------------------------------
   Thay emoji (🧧🍑🏹⚔️🗝️📜🏮) bang chu thu phap vang (con dau), va doi
   2 the card le tone (xanh "spread" / la "poster") sang palette vo hiep.
   ========================================================= */
/* emoji luoi "luc tuyet" -> icon medallion AI ve (gan theo href) */
.index-body .six-cell .six-icon {
    font-size: 0 !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto 6px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: drop-shadow(0 4px 9px rgba(0, 0, 0, 0.38));
}
.index-body .six-cell .six-icon::before { content: none !important; }
.index-body .six-cell[href*="/share/redpack"]  .six-icon { background-image: url('/src/web/wxicon/wx-ingot.png?v=20260628l') !important; }
.index-body .six-cell[href*="/share/team"]      .six-icon { background-image: url('/src/web/wxicon/wx-peach.png?v=20260628l') !important; }
.index-body .six-cell[href*="/share/chop"]      .six-icon { background-image: url('/src/web/wxicon/wx-token.png?v=20260628l') !important; }
.index-body .six-cell[href*="/share/pk"]        .six-icon { background-image: url('/src/web/wxicon/wx-sword.png?v=20260628l') !important; }
.index-body .six-cell[href*="/share/treasure"]  .six-icon { background-image: url('/src/web/wxicon/wx-chest.png?v=20260628l') !important; }
.index-body .six-cell[href*="/share/ugc"]       .six-icon { background-image: url('/src/web/wxicon/wx-scroll.png?v=20260628l') !important; }

/* icon "cua hang thong bao" -> coin */
.index-body .mall-entry .me-icon {
    font-size: 0 !important;
    width: 50px !important;
    height: 50px !important;
    background: url('/src/web/wxicon/wx-coin.png?v=20260628l') center / contain no-repeat !important;
    filter: drop-shadow(0 3px 7px rgba(0, 0, 0, 0.3));
}
.index-body .mall-entry .me-icon::before { content: none !important; }

/* HERO + 4 the card: thay mau phang bang ANH NEN vo hiep (phu tint giu chu de doc) */
.index-body .sc-hero {
    background:
        linear-gradient(135deg, rgba(18, 12, 7, 0.84) 0%, rgba(42, 27, 12, 0.70) 100%),
        url('/wuxia-bg.png?v=20260628d') center / cover no-repeat !important;
    border: 1px solid rgba(212, 175, 55, 0.42) !important;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.45) !important;
}
.index-body .sc-card { border: 1px solid rgba(212, 175, 55, 0.28) !important; }
.index-body .sc-card.sign {
    background:
        linear-gradient(135deg, rgba(122, 74, 30, 0.84), rgba(176, 122, 47, 0.66)),
        url('/wuxia-bg.png?v=20260628d') center / cover no-repeat !important;
}
.index-body .sc-card.card {
    background:
        linear-gradient(135deg, rgba(58, 42, 18, 0.88), rgba(122, 83, 31, 0.66)),
        url('/wuxia-bg.png?v=20260628d') center / cover no-repeat !important;
}
.index-body .sc-card.poster {
    background:
        linear-gradient(135deg, rgba(33, 77, 60, 0.84), rgba(61, 125, 92, 0.62)),
        url('/wuxia-bg.png?v=20260628d') center / cover no-repeat !important;
}
.index-body .sc-card.spread {
    background:
        linear-gradient(135deg, rgba(90, 35, 48, 0.84), rgba(138, 58, 68, 0.62)),
        url('/wuxia-bg.png?v=20260628d') center / cover no-repeat !important;
}
