.hvn-lp-card{position:relative;overflow:hidden;margin:6px auto;padding:6px 8px;max-width:180px;border:1px solid #9fc8e8;border-radius:10px;background:#f5fbff;color:#164f7c;font:700 12px Tahoma,Arial,sans-serif;text-align:center;box-shadow:0 2px 8px rgba(21,91,145,.12)} .hvn-lp-card span{display:block}.hvn-lp-card small{display:block;font-weight:400;margin-top:2px}.hvn-lp-card .hvn-lp-level{position:relative;z-index:2;color:#b7472a;font-size:13px;font-weight:900;text-shadow:0 0 4px rgba(255,135,92,.7)} .hvn-lp-card .hvn-lp-title{position:relative;z-index:2;font-size:13px;font-weight:900;line-height:1.2} .hvn-lp-card .hvn-lp-experience{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 3px;max-width:100%;margin-top:4px;color:#075da8;font-size:11px;font-weight:700;line-height:1.15} .hvn-lp-card .hvn-lp-experience b{flex:0 1 auto;max-width:100%;font-size:inherit;line-height:inherit;font-weight:900;overflow-wrap:anywhere} .hvn-lp-card .hvn-lp-experience-label{flex:0 0 auto;white-space:nowrap} .hvn-lp-card .hvn-lp-experience-long .hvn-lp-experience-label{flex-basis:100%;width:100%} /* Cụm biểu tượng: hiển thị thật 1-5 mầm/sao theo Level */ .hvn-lp-icons{position:relative;z-index:2;display:flex!important;align-items:center;justify-content:center;gap:3px;min-height:19px;margin:0 auto 2px} .hvn-lp-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px} /* Overlay ánh sáng chạy nhẹ giống tinh thần ô Huyền thoại cũ */ .hvn-lp-card::before{content:"";position:absolute;z-index:0;top:-65%;left:-55%;width:48%;height:230%;transform:rotate(22deg);pointer-events:none;opacity:.42;animation:hvnCardShine 3.4s ease-in-out infinite} .hvn-lp-card::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.42;animation:hvnCardGlow 2.1s ease-in-out infinite alternate} /* MẦM XANH TRI THỨC — Lv.1-30 */ .hvn-lp-sprout{border-color:#77d99a;background:linear-gradient(120deg,#f4fff6,#ffffff,#eaffef)} .hvn-lp-sprout::before{background:linear-gradient(90deg,transparent,rgba(92,235,137,.30),rgba(255,255,255,.75),transparent)} .hvn-lp-sprout::after{box-shadow:inset 0 0 18px rgba(55,190,95,.16)} .hvn-lp-sprout .hvn-lp-icon{clip-path:ellipse(38% 50% at 50% 50%);transform:rotate(-28deg);background:linear-gradient(135deg,#78e89b,#20a84b,#0d7f34);filter:drop-shadow(0 0 4px rgba(40,190,85,.55))} .hvn-lp-sprout .hvn-lp-title{animation:hvnSproutTitle 1.6s ease-in-out infinite} /* NGÔI SAO TRI THỨC — Lv.31-60 */ .hvn-lp-knowledge-star{border-color:#f2bd42;background:linear-gradient(120deg,#fffaf0,#fff,#fff3c8)} .hvn-lp-knowledge-star::before{background:linear-gradient(90deg,transparent,rgba(255,202,61,.30),rgba(255,255,255,.86),transparent)} .hvn-lp-knowledge-star::after{box-shadow:inset 0 0 19px rgba(255,190,30,.18)} .hvn-lp-knowledge-star .hvn-lp-icon{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#fff7a8,#ffc400,#ff9d00);filter:drop-shadow(0 0 4px rgba(255,184,0,.9));animation:hvnGoldStar 1.25s ease-in-out infinite alternate} .hvn-lp-knowledge-star .hvn-lp-title{animation:hvnOrangeTitle 1.55s ease-in-out infinite} /* ĐẠI SỨ TRI THỨC — Lv.61-99 */ .hvn-lp-ambassador{border-color:#8b62ef;background:linear-gradient(120deg,#f8f4ff,#fff,#eee6ff);box-shadow:0 2px 10px rgba(108,67,215,.18)} .hvn-lp-ambassador::before{background:linear-gradient(90deg,transparent,rgba(154,105,255,.28),rgba(255,255,255,.88),transparent)} .hvn-lp-ambassador::after{box-shadow:inset 0 0 20px rgba(120,70,225,.18)} .hvn-lp-ambassador .hvn-lp-icon{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#e7d8ff,#9a57ff,#5d27d8);filter:drop-shadow(0 0 5px rgba(128,66,235,.95));animation:hvnPurpleStar 1.15s ease-in-out infinite alternate} .hvn-lp-ambassador .hvn-lp-title{animation:hvnPurpleTitle 1.4s ease-in-out infinite} @keyframes hvnCardShine{0%,18%{left:-55%;opacity:0}35%{opacity:.45}58%{left:125%;opacity:.18}100%{left:125%;opacity:0}} @keyframes hvnCardGlow{from{filter:brightness(1)}to{filter:brightness(1.035)}} @keyframes hvnSproutTitle{0%,100%{color:#147a35;text-shadow:0 0 1px rgba(55,190,95,.25)}50%{color:#29b653;text-shadow:0 0 6px rgba(45,205,95,.95),0 0 10px rgba(120,255,155,.7)}} @keyframes hvnOrangeTitle{0%,100%{color:#c86a00;text-shadow:0 0 2px rgba(255,160,0,.35)}50%{color:#ef8500;text-shadow:0 0 6px rgba(255,170,0,.95),0 0 11px rgba(255,211,85,.75)}} @keyframes hvnPurpleTitle{0%,100%{color:#6f2ec7;text-shadow:0 0 2px rgba(115,55,205,.35)}50%{color:#9a4dff;text-shadow:0 0 7px rgba(139,70,245,.95),0 0 12px rgba(199,155,255,.8)}} @keyframes hvnGoldStar{from{filter:drop-shadow(0 0 2px rgba(255,176,0,.55));transform:scale(.96) rotate(-2deg)}to{filter:drop-shadow(0 0 7px rgba(255,190,0,1));transform:scale(1.08) rotate(2deg)}} @keyframes hvnPurpleStar{from{filter:drop-shadow(0 0 2px rgba(120,60,225,.55));transform:scale(.96) rotate(-2deg)}to{filter:drop-shadow(0 0 8px rgba(153,80,255,1));transform:scale(1.08) rotate(2deg)}} /* HVN 1.0.7: căn nickname/ID thành viên theo tâm bảng danh hiệu */ .postprofile > dt { text-align: center; } .postprofile > dt .username, .postprofile > dt .username-coloured { display: inline-block; max-width: 100%; text-align: center; } /* HVN LEVELPOINT V2 - căn nickname vào đúng tâm bảng rank */ .postprofile dt, .postprofile .postprofile-name { text-align: center !important; } .postprofile dt .username, .postprofile dt .username-coloured, .postprofile .postprofile-name .username, .postprofile .postprofile-name .username-coloured { display: block !important; width: 100% !important; max-width: 180px !important; margin: 0 auto !important; text-align: center !important; box-sizing: border-box !important; } /* HVN 3.1.3 — hệ 11 Level */ /* Mầm thật: thân + hai lá xanh, thay cho hình hạt cũ */ .hvn-lp-style-sprout-green .hvn-lp-icon{position:relative;clip-path:none!important;transform:none!important;background:none!important;filter:drop-shadow(0 0 4px rgba(31,190,82,.65));width:20px;height:19px} .hvn-lp-style-sprout-green .hvn-lp-icon::before{content:"";position:absolute;left:9px;bottom:1px;width:2px;height:11px;border-radius:2px;background:#159447;box-shadow:-4px -5px 0 1px #39bd63,4px -8px 0 1px #23a953;transform:rotate(-2deg)} .hvn-lp-style-sprout-green .hvn-lp-icon::after{content:"";position:absolute;left:3px;top:3px;width:8px;height:6px;border-radius:8px 1px 8px 1px;background:linear-gradient(135deg,#78e997,#20a950);transform:rotate(24deg);box-shadow:7px -2px 0 #31ba62;animation:hvnSproutPulse 1.8s ease-in-out infinite alternate} /* Lv4 xanh lá */ .hvn-lp-style-star-green .hvn-lp-icon{background:linear-gradient(135deg,#b9f5c8,#25b85b,#0a8537)!important;filter:drop-shadow(0 0 5px rgba(30,190,80,.9))!important} /* Lv5 xanh dương */ .hvn-lp-style-star-blue .hvn-lp-icon{background:linear-gradient(135deg,#bfe9ff,#3b9df2,#1262c7)!important;filter:drop-shadow(0 0 5px rgba(40,135,240,.85))!important} /* Lv6 đồng */ .hvn-lp-style-star-bronze .hvn-lp-icon{background:linear-gradient(135deg,#f3c28d,#c8792f,#8f4719)!important;filter:drop-shadow(0 0 4px rgba(181,103,39,.8))!important} /* Lv7 bạc lấp lánh */ .hvn-lp-style-star-silver .hvn-lp-icon{background:linear-gradient(135deg,#fff,#cfd8e2,#8997a7)!important;filter:drop-shadow(0 0 5px rgba(190,210,230,.95))!important;animation:hvnSilverSparkle 1.05s ease-in-out infinite alternate!important} /* Lv8 vàng lấp lánh */ .hvn-lp-style-star-gold .hvn-lp-icon{background:linear-gradient(135deg,#fff7a8,#ffc400,#ff9d00)!important;filter:drop-shadow(0 0 5px rgba(255,184,0,.95))!important;animation:hvnGoldStar 1.1s ease-in-out infinite alternate!important} /* Lv9-11: huân chương tím kim tuyến, 1-3 chiếc */ .hvn-lp-style-medal-purple .hvn-lp-icon{position:relative;clip-path:circle(42% at 50% 58%)!important;background:radial-gradient(circle at 35% 30%,#fff 0 5%,#d8b7ff 13%,#9a55f4 48%,#6124c7 78%)!important;filter:drop-shadow(0 0 6px rgba(142,67,239,.95))!important;animation:hvnPurpleMedal 1.05s ease-in-out infinite alternate!important} .hvn-lp-style-medal-purple .hvn-lp-icon::before{content:"";position:absolute;left:4px;top:-3px;width:5px;height:10px;background:#7e43dc;transform:rotate(-18deg)} .hvn-lp-style-medal-purple .hvn-lp-icon::after{content:"";position:absolute;right:4px;top:-3px;width:5px;height:10px;background:#b26cff;transform:rotate(18deg)} .hvn-lp-style-medal-purple .hvn-lp-icons{gap:5px} .hvn-lp-style-medal-purple{border-color:#9a62ff;background:linear-gradient(120deg,#f7f0ff,#fff,#eadcff);box-shadow:0 0 10px rgba(133,71,230,.25)} @keyframes hvnSproutPulse{from{filter:brightness(.96);transform:rotate(21deg) scale(.97)}to{filter:brightness(1.15);transform:rotate(27deg) scale(1.05)}} @keyframes hvnSilverSparkle{from{filter:drop-shadow(0 0 2px rgba(170,190,215,.55));transform:scale(.96)}to{filter:drop-shadow(0 0 8px rgba(235,248,255,1));transform:scale(1.08)}} @keyframes hvnPurpleMedal{from{filter:drop-shadow(0 0 3px rgba(120,60,225,.65));transform:scale(.96)}to{filter:drop-shadow(0 0 9px rgba(183,120,255,1));transform:scale(1.07)}} /* ========================================================= HVN 3.1.4 — màu Rank chuẩn + Đại sứ Boss Lv4-5 xanh dương | Lv6 bạc | Lv7 vàng | Lv8 tím Lv9-11 huy hiệu bạc 4 cánh, tâm đá quý, viền đỏ đô ========================================================= */ /* Ngôi sao: toàn bộ Lv4-Lv8 đều lấp lánh */ .hvn-lp-style-star-blue, .hvn-lp-style-star-silver, .hvn-lp-style-star-gold, .hvn-lp-style-star-purple { background:linear-gradient(120deg,#fbfdff,#fff,#f6fbff); } .hvn-lp-style-star-blue::before, .hvn-lp-style-star-silver::before, .hvn-lp-style-star-gold::before, .hvn-lp-style-star-purple::before { opacity:.62; } .hvn-lp-style-star-blue .hvn-lp-icon, .hvn-lp-style-star-silver .hvn-lp-icon, .hvn-lp-style-star-gold .hvn-lp-icon, .hvn-lp-style-star-purple .hvn-lp-icon { clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)!important; animation:hvnRankSparkle 1.15s ease-in-out infinite alternate!important; } /* Lv4 + Lv5: xanh dương, cùng khung xanh dương */ .hvn-lp-style-star-blue { border-color:#3699ed!important; background:linear-gradient(120deg,#eff9ff,#fff,#e5f4ff)!important; box-shadow:0 0 8px rgba(36,137,226,.28),inset 0 0 12px rgba(73,164,239,.10)!important; } .hvn-lp-style-star-blue::before { background:linear-gradient(90deg,transparent,rgba(91,190,255,.42),rgba(255,255,255,.96),transparent)!important; } .hvn-lp-style-star-blue::after { box-shadow:inset 0 0 18px rgba(45,151,235,.18),0 0 8px rgba(61,157,238,.16)!important; } .hvn-lp-style-star-blue .hvn-lp-icon { background:linear-gradient(135deg,#d9f4ff 0%,#62bfff 28%,#197bd7 62%,#0751a8 100%)!important; filter:drop-shadow(0 0 5px rgba(43,151,239,.95))!important; } .hvn-lp-style-star-blue .hvn-lp-title {color:#126fc2!important;text-shadow:0 0 6px rgba(70,169,245,.45)!important} /* Lv6: 3 sao bạc + viền bạc */ .hvn-lp-style-star-silver { border-color:#aeb8c4!important; background:linear-gradient(120deg,#f4f6f8,#fff,#e8edf2)!important; box-shadow:0 0 9px rgba(190,205,220,.65),inset 0 0 13px rgba(220,232,242,.45)!important; } .hvn-lp-style-star-silver::before { background:linear-gradient(90deg,transparent,rgba(218,231,241,.48),#fff,transparent)!important; } .hvn-lp-style-star-silver .hvn-lp-icon { background:linear-gradient(135deg,#fff 0%,#e8eef4 24%,#aeb8c4 55%,#71808f 82%,#f9fdff 100%)!important; filter:drop-shadow(0 0 6px rgba(220,237,250,.98))!important; } .hvn-lp-style-star-silver .hvn-lp-title {color:#65727e!important;text-shadow:0 0 7px rgba(210,226,238,.9)!important} /* Lv7: 4 sao vàng + viền vàng */ .hvn-lp-style-star-gold { border-color:#efb321!important; background:linear-gradient(120deg,#fff9e9,#fff,#fff1bd)!important; box-shadow:0 0 10px rgba(244,185,38,.48),inset 0 0 13px rgba(255,213,84,.20)!important; } .hvn-lp-style-star-gold::before { background:linear-gradient(90deg,transparent,rgba(255,207,62,.48),#fff,transparent)!important; } .hvn-lp-style-star-gold .hvn-lp-icon { background:linear-gradient(135deg,#fff9b0 0%,#ffd43c 28%,#f2a900 65%,#c77a00 100%)!important; filter:drop-shadow(0 0 6px rgba(255,193,24,.98))!important; } .hvn-lp-style-star-gold .hvn-lp-title {color:#c47a00!important;text-shadow:0 0 7px rgba(255,194,31,.72)!important} /* Lv8: 5 sao tím + viền tím */ .hvn-lp-style-star-purple { border-color:#9254e8!important; background:linear-gradient(120deg,#f8f1ff,#fff,#eee2ff)!important; box-shadow:0 0 11px rgba(139,74,225,.48),inset 0 0 14px rgba(178,126,245,.20)!important; } .hvn-lp-style-star-purple::before { background:linear-gradient(90deg,transparent,rgba(179,115,255,.42),#fff,transparent)!important; } .hvn-lp-style-star-purple::after { box-shadow:inset 0 0 20px rgba(132,68,222,.18),0 0 8px rgba(154,83,239,.20)!important; } .hvn-lp-style-star-purple .hvn-lp-icon { background:linear-gradient(135deg,#f1dcff 0%,#bd78ff 28%,#8840df 62%,#5520a9 100%)!important; filter:drop-shadow(0 0 7px rgba(153,79,239,.98))!important; } .hvn-lp-style-star-purple .hvn-lp-title {color:#7c34ce!important;text-shadow:0 0 8px rgba(166,90,244,.78)!important} /* Đại sứ tri thức — huy hiệu bạc 4 cánh kiểu mẫu, không dùng ảnh ngoài */ .hvn-lp-style-ambassador-boss { border:1px solid #7b102b!important; background: radial-gradient(circle at 50% 35%,rgba(255,255,255,.98),rgba(255,244,247,.92) 42%,rgba(247,220,226,.78) 100%)!important; box-shadow: 0 0 5px rgba(112,8,35,.75), 0 0 12px rgba(177,20,56,.46), inset 0 0 14px rgba(130,8,39,.20)!important; } .hvn-lp-style-ambassador-boss::before { background:linear-gradient(90deg,transparent,rgba(255,190,205,.34),rgba(255,255,255,1),rgba(255,220,228,.45),transparent)!important; opacity:.85!important; animation:hvnBossSweep 2.25s ease-in-out infinite!important; } .hvn-lp-style-ambassador-boss::after { box-shadow:inset 0 0 18px rgba(122,8,37,.22),0 0 10px rgba(168,14,51,.30)!important; animation:hvnBossAura 1.25s ease-in-out infinite alternate!important; } .hvn-lp-style-ambassador-boss .hvn-lp-icons { gap:6px!important; min-height:25px!important; } .hvn-lp-style-ambassador-boss .hvn-lp-icon { position:relative!important; width:23px!important; height:23px!important; flex:0 0 23px!important; clip-path:polygon(50% 0,63% 31%,100% 50%,63% 69%,50% 100%,37% 69%,0 50%,37% 31%)!important; background: linear-gradient(45deg,transparent 45%,rgba(255,255,255,.95) 49%,transparent 53%), linear-gradient(135deg,#fff 0%,#dce1e7 22%,#8e969f 48%,#f8fbff 68%,#69737e 100%)!important; filter:drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 7px rgba(190,205,220,.95))!important; animation:hvnBossMedal 1.05s ease-in-out infinite alternate!important; } /* Đá quý đỏ ở tâm huy hiệu, tạo cảm giác Boss/huyền thoại */ .hvn-lp-style-ambassador-boss .hvn-lp-icon::before { content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:7px!important; height:7px!important; margin:-3.5px 0 0 -3.5px!important; border-radius:50%!important; background:radial-gradient(circle at 35% 30%,#fff 0 8%,#ff536d 20%,#b4072d 58%,#570016 100%)!important; box-shadow:0 0 4px #fff,0 0 8px rgba(210,12,54,.95)!important; transform:none!important; } /* Tia kim cương mảnh ở tâm */ .hvn-lp-style-ambassador-boss .hvn-lp-icon::after { content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:2px!important; height:19px!important; margin:-9.5px 0 0 -1px!important; background:linear-gradient(transparent,#fff,transparent)!important; box-shadow:0 0 5px #fff!important; transform:rotate(45deg)!important; } .hvn-lp-style-ambassador-boss .hvn-lp-level { color:#a10e32!important; text-shadow:0 0 5px rgba(193,24,65,.65)!important; } .hvn-lp-style-ambassador-boss .hvn-lp-title { color:#7d0c29!important; text-shadow:0 0 4px #fff,0 0 8px rgba(182,17,55,.62)!important; animation:hvnBossTitle 1.25s ease-in-out infinite alternate!important; } @keyframes hvnRankSparkle { 0% {transform:scale(.96) rotate(-1deg);filter:brightness(.94) drop-shadow(0 0 2px rgba(255,255,255,.65))} 55% {transform:scale(1.06) rotate(1deg);filter:brightness(1.18) drop-shadow(0 0 7px rgba(255,255,255,.98))} 100% {transform:scale(1.01);filter:brightness(1.08) drop-shadow(0 0 4px rgba(255,255,255,.9))} } @keyframes hvnBossSweep { 0%,16% {left:-58%;opacity:0} 38% {opacity:.95} 60% {left:128%;opacity:.30} 100% {left:128%;opacity:0} } @keyframes hvnBossAura { from {filter:brightness(1);opacity:.55} to {filter:brightness(1.10);opacity:.95} } @keyframes hvnBossMedal { from {transform:scale(.95) rotate(-2deg);filter:brightness(.98) drop-shadow(0 0 3px #fff) drop-shadow(0 0 5px rgba(180,195,210,.8))} to {transform:scale(1.09) rotate(2deg);filter:brightness(1.22) drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px rgba(220,235,248,1))} } @keyframes hvnBossTitle { from {filter:brightness(.96)} to {filter:brightness(1.16)} } /* HVN 3.1.8 — danh hiệu Rank phát sáng/nhấp nháy đồng bộ. Mầm xanh giữ hiệu ứng hiện tại; sao và Đại sứ được tăng hiệu ứng chữ. */ .hvn-lp-style-star-blue .hvn-lp-title, .hvn-lp-style-star-gold .hvn-lp-title, .hvn-lp-style-star-purple .hvn-lp-title, .hvn-lp-style-ambassador-boss .hvn-lp-title { animation: hvnTitlePulse 1.15s ease-in-out infinite alternate !important; will-change: filter, text-shadow, opacity; } /* Xanh dương */ .hvn-lp-style-star-blue .hvn-lp-title { text-shadow:0 0 2px #fff,0 0 5px rgba(50,160,245,.65),0 0 9px rgba(38,137,226,.38)!important; } /* Vàng */ .hvn-lp-style-star-gold .hvn-lp-title { text-shadow:0 0 2px #fff,0 0 5px rgba(255,205,48,.82),0 0 10px rgba(230,157,0,.48)!important; } /* Tím */ .hvn-lp-style-star-purple .hvn-lp-title { text-shadow:0 0 2px #fff,0 0 6px rgba(184,112,255,.88),0 0 11px rgba(118,45,211,.48)!important; } /* Đại sứ: đỏ đô + ánh bạc trắng */ .hvn-lp-style-ambassador-boss .hvn-lp-title { text-shadow:0 0 2px #fff,0 0 6px rgba(255,255,255,.98),0 0 10px rgba(185,24,62,.65)!important; } @keyframes hvnTitlePulse { 0% { opacity:.82; filter:brightness(.90); transform:scale(.985); } 45% { opacity:1; filter:brightness(1.22); transform:scale(1.015); } 100% { opacity:.90; filter:brightness(1.05); transform:scale(1); } } /* HVN 3.2.1 — Admin / Mod / Giáo viên: khung Rank viền đôi. Màu, biểu tượng, Level, Point và hiệu ứng Rank bên trong giữ nguyên. */ .hvn-lp-card.hvn-lp-staff-frame{ border-width:2px !important; border-style:double !important; outline:1px solid rgba(255,255,255,.92); outline-offset:2px; box-shadow: 0 0 0 2px rgba(255,255,255,.76), 0 0 0 3px currentColor, 0 3px 11px rgba(24,70,120,.20), 0 0 15px rgba(255,255,255,.72) !important; } /* HVN 3.2.2 — Bậc thầy & Huyền thoại tri thức */ .hvn-lp-style-master-boss{ position:relative; border:2px solid #7d102d !important; background: radial-gradient(circle at 50% 15%,rgba(255,229,154,.22),transparent 34%), linear-gradient(135deg,rgba(85,8,30,.10),rgba(255,244,206,.20),rgba(111,10,42,.10)) !important; box-shadow:0 0 8px rgba(255,214,98,.62),0 0 15px rgba(121,10,46,.42),inset 0 0 10px rgba(255,234,173,.42) !important; animation:hvnMasterGlow 1.35s ease-in-out infinite alternate; } .hvn-lp-style-master-boss .hvn-lp-title{ color:#7d102d !important; text-shadow:0 0 2px #fff,0 0 7px rgba(255,213,91,.92),0 0 12px rgba(126,13,48,.55) !important; } .hvn-lp-style-legend-boss{ position:relative; overflow:visible !important; border:4px double #7b0d2d !important; outline:2px solid #e8b83e; outline-offset:2px; background: radial-gradient(circle at 50% 24%,rgba(255,242,183,.50),transparent 28%), linear-gradient(120deg,rgba(86,6,28,.14),rgba(255,247,208,.34),rgba(111,7,39,.16)) !important; box-shadow: 0 0 0 2px rgba(255,245,204,.90), 0 0 0 4px rgba(126,12,45,.82), 0 0 12px rgba(255,210,71,.95), 0 0 25px rgba(255,224,120,.82), 0 0 38px rgba(129,10,48,.52), inset 0 0 16px rgba(255,225,117,.66) !important; animation:hvnLegendBlaze .95s ease-in-out infinite alternate; } .hvn-lp-style-legend-boss:before{ content:"🏅"; position:absolute; z-index:5; left:50%; top:-20px; transform:translateX(-50%); font-size:28px; line-height:1; filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #ffd35a); animation:hvnLegendMedal 1.1s ease-in-out infinite alternate; } .hvn-lp-style-legend-boss:after{ content:"★"; position:absolute; z-index:6; right:-10px; top:-15px; font-size:23px; line-height:1; color:#f8fbff; -webkit-text-stroke:1px #aeb9c7; text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 11px #c7d8ed,0 0 17px #fff; animation:hvnSilverStar .72s ease-in-out infinite alternate; } .hvn-lp-style-legend-boss .hvn-lp-title{ color:#72102c !important; font-weight:900 !important; text-shadow:0 0 2px #fff,0 0 7px #ffd45d,0 0 13px rgba(255,225,122,.95),0 0 18px rgba(121,9,43,.62) !important; animation:hvnLegendTitle .85s ease-in-out infinite alternate !important; } @keyframes hvnMasterGlow{ from{filter:brightness(.98)} to{filter:brightness(1.18)} } @keyframes hvnLegendBlaze{ from{filter:brightness(.98);box-shadow:0 0 0 2px rgba(255,245,204,.82),0 0 0 4px rgba(126,12,45,.78),0 0 10px rgba(255,210,71,.72),0 0 20px rgba(255,224,120,.60),0 0 30px rgba(129,10,48,.40),inset 0 0 13px rgba(255,225,117,.54)} to{filter:brightness(1.20);box-shadow:0 0 0 2px #fff8d9,0 0 0 4px #7b0d2d,0 0 16px #ffd34e,0 0 31px rgba(255,231,142,.98),0 0 44px rgba(139,9,51,.68),inset 0 0 20px rgba(255,231,139,.82)} } @keyframes hvnLegendMedal{ from{transform:translateX(-50%) scale(.94);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #ffc83d)} to{transform:translateX(-50%) scale(1.08);filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 13px #ffd85f)} } @keyframes hvnSilverStar{ from{transform:rotate(-8deg) scale(.90);opacity:.72} to{transform:rotate(8deg) scale(1.14);opacity:1} } @keyframes hvnLegendTitle{ from{filter:brightness(.95)} to{filter:brightness(1.28)} } /* HVN 3.2.4 — hai Rank đặc biệt 90k / 99k */ .hvn-lp-style-management-boss{ position:relative; overflow:visible !important; border:4px double #7b0d2d !important; outline:2px solid #e8b83e; outline-offset:2px; background: radial-gradient(circle at 50% 24%,rgba(255,242,183,.55),transparent 29%), linear-gradient(120deg,rgba(86,6,28,.14),rgba(255,247,208,.38),rgba(111,7,39,.16)) !important; box-shadow: 0 0 0 2px rgba(255,245,204,.92), 0 0 0 4px rgba(126,12,45,.84), 0 0 14px rgba(255,210,71,.98), 0 0 28px rgba(255,224,120,.86), 0 0 42px rgba(129,10,48,.55), inset 0 0 18px rgba(255,225,117,.70) !important; animation:hvnManagementBlaze .9s ease-in-out infinite alternate; } .hvn-lp-style-management-boss .hvn-lp-title{ color:#a9003d !important; font-weight:900 !important; text-shadow:0 0 2px #fff,0 0 7px #ffd45d,0 0 14px rgba(255,225,122,.98),0 0 20px rgba(121,9,43,.68) !important; } .hvn-lp-style-elite-teacher-glass{ position:relative; overflow:visible !important; border:4px double rgba(32,133,245,.94) !important; outline:2px solid rgba(184,232,255,.96); outline-offset:2px; background: linear-gradient(120deg,rgba(255,255,255,.68),rgba(193,232,255,.24),rgba(255,255,255,.56)), radial-gradient(circle at 50% 18%,rgba(221,248,255,.78),transparent 36%) !important; backdrop-filter:blur(3px); box-shadow: 0 0 0 2px rgba(240,252,255,.92), 0 0 0 4px rgba(35,126,238,.68), 0 0 13px rgba(67,179,255,.92), 0 0 27px rgba(110,211,255,.70), 0 0 40px rgba(35,109,235,.38), inset 0 0 18px rgba(205,244,255,.86) !important; animation:hvnTeacherGlass 1.0s ease-in-out infinite alternate; } .hvn-lp-style-elite-teacher-glass .hvn-lp-title{ color:#075ec7 !important; font-weight:900 !important; text-shadow:0 0 2px #fff,0 0 7px rgba(122,219,255,.98),0 0 14px rgba(45,142,245,.62) !important; } @keyframes hvnManagementBlaze{ from{filter:brightness(.98)} to{filter:brightness(1.22)} } @keyframes hvnTeacherGlass{ from{filter:brightness(.98);opacity:.94} to{filter:brightness(1.23);opacity:1} } /* Không dùng ngôi sao bay ở hai Rank đặc biệt mới. */ .hvn-lp-style-management-boss:after, .hvn-lp-style-elite-teacher-glass:after{ content:none !important; display:none !important; } /* HVN 3.2.7 — Rank cấp cao */ /* BẬC THẦY TRI THỨC Giữ nguyên công thức ambassador-boss + icon của Hiền tài. Chỉ chuyển toàn bộ bảng màu sang đỏ hài hòa, sang và rõ. */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple{ border-color:#c51f3f !important; background: radial-gradient(circle at 50% 18%,rgba(255,224,229,.42),transparent 38%), linear-gradient(135deg,rgba(255,252,252,.98),rgba(255,230,234,.95),rgba(255,247,248,.98)) !important; box-shadow: 0 0 8px rgba(218,40,70,.42), 0 0 15px rgba(190,28,57,.28), inset 0 0 10px rgba(255,192,202,.46) !important; } .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-title{ color:#c41638 !important; text-shadow: 0 0 2px #fff, 0 0 6px rgba(255,89,113,.72), 0 0 11px rgba(194,22,56,.44) !important; } .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-icons, .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-unit{ filter: drop-shadow(0 0 2px rgba(255,255,255,.98)) drop-shadow(0 0 6px rgba(255,77,103,.62)) drop-shadow(0 0 9px rgba(190,24,55,.38)); } /* Icon, số lượng 3, kích thước và animation vẫn kế thừa nguyên Hiền tài. */ /* BAN QUẢN TRỊ: viền kép cam sáng, overlay cam-vàng, 1 sao giữa */ .hvn-lp-card.hvn-lp-style-management-boss{ position:relative;overflow:hidden !important; border:4px double #ff7900 !important; outline:1px solid #ffc34a !important;outline-offset:2px !important; background:radial-gradient(circle at 50% 28%,rgba(255,221,114,.48),transparent 40%), linear-gradient(135deg,#fffdf5 0%,#ffedbd 50%,#fff9df 100%) !important; box-shadow:inset 0 0 0 1px rgba(255,250,222,.98),inset 0 0 16px rgba(255,158,0,.30), 0 2px 8px rgba(185,78,0,.18),0 0 15px rgba(255,125,0,.68),0 0 28px rgba(255,184,31,.56) !important; animation:hvnAdminOrangeGlow .82s ease-in-out infinite alternate !important; } .hvn-lp-card.hvn-lp-style-management-boss:before{ content:"★";position:absolute;z-index:6;left:50%;top:1px;transform:translateX(-50%); color:#fff8cf;font-size:20px;line-height:1;-webkit-text-stroke:1px #ff9300; text-shadow:0 0 2px #fff,0 0 6px #fff1a7,0 0 11px #ffbd32,0 0 18px #ff7b00; pointer-events:none;animation:hvnAdminStar .7s ease-in-out infinite alternate; } .hvn-lp-card.hvn-lp-style-management-boss:after{ content:"";display:block !important;position:absolute;z-index:2;top:-90%;left:-34%;width:20%;height:290%; background:linear-gradient(90deg,transparent,rgba(255,181,34,.12),rgba(255,255,255,.98),rgba(255,153,0,.62),transparent); transform:rotate(19deg);pointer-events:none;animation:hvnAdminSweep 3s ease-in-out infinite !important; } .hvn-lp-style-management-boss .hvn-lp-title{ color:#d64b00 !important;font-weight:900 !important; text-shadow:0 0 2px #fff,0 0 7px rgba(255,159,0,.94),0 0 13px rgba(255,204,60,.78) !important; } @keyframes hvnAdminOrangeGlow{from{filter:brightness(1)}to{filter:brightness(1.2)}} @keyframes hvnAdminStar{from{transform:translateX(-50%) scale(.9);opacity:.72}to{transform:translateX(-50%) scale(1.14);opacity:1}} @keyframes hvnAdminSweep{0%,54%{left:-34%;opacity:0}65%{opacity:.98}88%{left:120%;opacity:.2}100%{left:120%;opacity:0}} /* HVN 3.3.0 — Ẩn hình đại diện/đầu người trong cột thông tin bài viết */ .postprofile dd.profile-avatar, .postprofile .profile-avatar{ display:none !important; } /* BAN QUẢN TRỊ — dùng lại kiểu sao bạc lấp lánh đẹp của code Huyền thoại cũ, đặt chính giữa mép trên của Rank. */ .hvn-lp-card.hvn-lp-style-management-boss:before{ content:"★" !important; position:absolute !important; z-index:8 !important; left:50% !important; right:auto !important; top:-10px !important; transform:translateX(-50%) scale(1) !important; display:block !important; width:auto !important; height:auto !important; border:0 !important; background:none !important; color:#f8fbff !important; font-size:24px !important; line-height:1 !important; -webkit-text-stroke:1px #aeb9c7; text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 11px #c7d8ed, 0 0 17px #fff, 0 0 22px rgba(255,177,35,.72) !important; filter:none !important; pointer-events:none !important; animation:hvnAdminOldSilverStar .72s ease-in-out infinite alternate !important; } @keyframes hvnAdminOldSilverStar{ from{ transform:translateX(-50%) rotate(-5deg) scale(.90); opacity:.74; filter:brightness(1); } to{ transform:translateX(-50%) rotate(5deg) scale(1.14); opacity:1; filter:brightness(1.28); } } /* ============================================================ HVN 3.3.1 — NGƯỜI ĐƯA ĐÒ Giữ 3 biểu tượng ambassador của hệ cũ, đổi toàn bộ Rank Lv101 sang xanh ngọc cao cấp, kính phản chiếu và ánh sáng ngọc lam. ============================================================ */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple{ position:relative; overflow:hidden !important; border:3px double #079f91 !important; outline:1px solid rgba(134,244,226,.92) !important; outline-offset:2px !important; background: radial-gradient(circle at 50% 12%,rgba(218,255,249,.76),transparent 34%), linear-gradient(135deg, rgba(250,255,254,.99) 0%, rgba(218,250,244,.97) 36%, rgba(190,242,234,.94) 55%, rgba(244,255,252,.99) 100%) !important; box-shadow: inset 0 0 0 1px rgba(238,255,252,.98), inset 0 0 13px rgba(35,211,188,.22), 0 2px 8px rgba(0,105,96,.16), 0 0 11px rgba(23,206,183,.46), 0 0 22px rgba(79,232,211,.30) !important; animation:hvnFerrymanEmeraldGlow 1.05s ease-in-out infinite alternate !important; } /* Viền kính bên trong */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple:before{ content:"" !important; position:absolute !important; inset:3px !important; z-index:1 !important; border:1px solid rgba(179,255,243,.94) !important; border-radius:inherit !important; background:none !important; box-shadow: inset 0 0 7px rgba(255,255,255,.88), 0 0 6px rgba(60,223,201,.26) !important; pointer-events:none !important; } /* Ánh phản chiếu quét trên mặt ngọc */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple:after{ content:"" !important; display:block !important; position:absolute !important; z-index:2 !important; top:-95% !important; left:-38% !important; width:19% !important; height:300% !important; background:linear-gradient( 90deg, transparent, rgba(183,255,243,.18), rgba(255,255,255,.96), rgba(100,240,219,.48), transparent ) !important; transform:rotate(20deg) !important; pointer-events:none !important; animation:hvnFerrymanReflection 3.45s ease-in-out infinite !important; } /* Danh hiệu xanh ngọc đậm */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-title{ position:relative; z-index:3; color:#008d7d !important; font-weight:900 !important; text-shadow: 0 0 2px #fff, 0 0 6px rgba(62,232,208,.78), 0 0 11px rgba(0,166,147,.46) !important; } /* Ba biểu tượng vẫn đúng loại của Hiền tài, chỉ phủ ánh xanh ngọc */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-icons, .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-unit{ position:relative; z-index:3; filter: drop-shadow(0 0 2px rgba(255,255,255,.98)) drop-shadow(0 0 6px rgba(48,229,204,.76)) drop-shadow(0 0 10px rgba(0,155,139,.42)) !important; } /* Giữ chữ Lv và Point rõ trên nền ngọc */ .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-level, .hvn-lp-card.hvn-lp-style-ambassador-boss.master-brown-purple .hvn-lp-points{ position:relative; z-index:3; } @keyframes hvnFerrymanEmeraldGlow{ from{ filter:brightness(.99); box-shadow: inset 0 0 0 1px rgba(238,255,252,.98), inset 0 0 11px rgba(35,211,188,.18), 0 2px 8px rgba(0,105,96,.14), 0 0 8px rgba(23,206,183,.34), 0 0 16px rgba(79,232,211,.22); } to{ filter:brightness(1.14); box-shadow: inset 0 0 0 1px #f3fffd, inset 0 0 17px rgba(46,224,199,.31), 0 2px 9px rgba(0,105,96,.17), 0 0 15px rgba(29,222,197,.60), 0 0 28px rgba(104,245,224,.40); } } @keyframes hvnFerrymanReflection{ 0%,55%{left:-38%;opacity:0} 65%{opacity:.92} 88%{left:120%;opacity:.18} 100%{left:120%;opacity:0} } /* HVN 3.3.2 — Sao BAN QUẢN TRỊ: không cụt cánh + đung đưa + vệt sao chổi */ .hvn-lp-card.hvn-lp-style-management-boss{ overflow:visible !important; } /* Ngôi sao bạc-vàng ở giữa mép trên */ .hvn-lp-card.hvn-lp-style-management-boss:before{ content:"★" !important; display:block !important; position:absolute !important; z-index:20 !important; left:50% !important; right:auto !important; top:-12px !important; width:28px !important; height:28px !important; margin-left:-14px !important; line-height:28px !important; text-align:center !important; overflow:visible !important; border:0 !important; background:none !important; color:#fffdf0 !important; font-size:24px !important; font-family:Arial, sans-serif !important; -webkit-text-stroke:1px #e6a11a !important; transform-origin:50% 80% !important; pointer-events:none !important; text-shadow: 0 0 2px #ffffff, 0 0 5px #ffffff, 0 0 9px #ffe58a, 0 0 14px #ffb11b, -7px 3px 7px rgba(255,196,45,.76), -13px 6px 10px rgba(255,151,0,.48), -20px 9px 14px rgba(255,111,0,.20) !important; filter:drop-shadow(0 0 4px rgba(255,230,144,.95)) !important; animation:hvnAdminCometStar 1.35s ease-in-out infinite alternate !important; } /* Overlay cam của card vẫn chạy bình thường */ .hvn-lp-card.hvn-lp-style-management-boss:after{ z-index:2 !important; } /* Đung đưa nhẹ quanh tâm, đồng thời sáng/tối như sao đang thở. Vệt phía trái thay đổi theo nhịp để tạo cảm giác sao chổi. */ @keyframes hvnAdminCometStar{ 0%{ transform:translateX(-3px) rotate(-10deg) scale(.90); opacity:.74; text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #ffe99d, 0 0 12px #ffb51e, -5px 2px 5px rgba(255,196,45,.52), -10px 5px 8px rgba(255,151,0,.30), -16px 8px 12px rgba(255,111,0,.12); filter:drop-shadow(0 0 3px rgba(255,229,138,.72)); } 50%{ transform:translateX(1px) rotate(2deg) scale(1.08); opacity:1; text-shadow: 0 0 3px #fff, 0 0 7px #fff, 0 0 12px #fff1ad, 0 0 18px #ffb000, -8px 3px 7px rgba(255,207,64,.82), -15px 6px 11px rgba(255,153,0,.52), -23px 10px 16px rgba(255,104,0,.23); filter:drop-shadow(0 0 7px rgba(255,235,159,.98)); } 100%{ transform:translateX(4px) rotate(10deg) scale(.96); opacity:.86; text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 10px #ffe58a, 0 0 15px #ffad13, -6px 3px 6px rgba(255,198,45,.64), -12px 6px 9px rgba(255,145,0,.40), -19px 9px 14px rgba(255,100,0,.16); filter:drop-shadow(0 0 5px rgba(255,226,124,.84)); } } /* ============================================================ HVN 3.3.3 NGƯỜI ĐƯA ĐÒ: con đò nhấp nháy trên làn nước xanh ngọc. BAN QUẢN TRỊ: sao chuyển sang góc phải trên + tia sáng rơi xuống. ============================================================ */ /* ---------- NGƯỜI ĐƯA ĐÒ ---------- */ /* Icon ferryman được vẽ hoàn toàn bằng CSS/text, không dùng ảnh rời. */ .hvn-lp-card.master-brown-purple .hvn-lp-icons{ position:relative !important; z-index:5 !important; display:block !important; width:72px !important; height:27px !important; margin:0 auto 1px !important; overflow:visible !important; filter:none !important; } /* Ẩn glyph cũ của unit; dùng chính unit làm thân con đò */ .hvn-lp-card.master-brown-purple .hvn-lp-unit{ position:absolute !important; z-index:6 !important; left:50% !important; top:4px !important; width:34px !important; height:11px !important; margin:0 !important; transform:translateX(-50%) rotate(-2deg) !important; font-size:0 !important; line-height:0 !important; color:transparent !important; background: linear-gradient(165deg,#5a3424 0%,#8b5132 47%,#3c241c 48%,#68402c 100%) !important; border-radius:2px 2px 13px 13px / 2px 2px 8px 8px !important; box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 0 5px rgba(35,230,204,.72), 0 3px 6px rgba(0,121,111,.28) !important; filter:none !important; animation:hvnBoatFloat 1.75s ease-in-out infinite alternate !important; } /* Mũi đò + ánh phản chiếu ngay dưới thân */ .hvn-lp-card.master-brown-purple .hvn-lp-unit:before{ content:"" !important; position:absolute !important; left:3px !important; right:3px !important; bottom:-5px !important; height:3px !important; border-radius:50% !important; background:rgba(71,237,215,.56) !important; box-shadow: 0 0 4px rgba(137,255,239,.94), 0 4px 5px rgba(24,208,184,.30) !important; transform:scaleX(.86) !important; animation:hvnBoatReflection 1.35s ease-in-out infinite alternate !important; } /* Cột chèo nhỏ + mái chèo */ .hvn-lp-card.master-brown-purple .hvn-lp-unit:after{ content:"" !important; position:absolute !important; z-index:7 !important; left:19px !important; top:-8px !important; width:2px !important; height:18px !important; border-radius:2px !important; background:#5d3929 !important; box-shadow:8px 5px 0 -0.5px #77503a !important; transform:rotate(18deg) !important; transform-origin:center bottom !important; } /* Ba làn nước bằng pseudo-elements của container */ .hvn-lp-card.master-brown-purple .hvn-lp-icons:before{ content:"≋" !important; position:absolute !important; z-index:4 !important; left:50% !important; top:10px !important; transform:translateX(-50%) scaleX(1.18) !important; color:#0ccbb5 !important; font-size:28px !important; font-weight:400 !important; line-height:18px !important; letter-spacing:2px !important; text-shadow: 0 0 3px #dffff9, 0 0 7px rgba(45,231,207,.78), 0 0 11px rgba(0,163,148,.38) !important; animation:hvnWaterWave 1.25s ease-in-out infinite alternate !important; } /* Điểm sáng lấp lánh trên mặt nước */ .hvn-lp-card.master-brown-purple .hvn-lp-icons:after{ content:"✦ · ✧" !important; position:absolute !important; z-index:8 !important; left:50% !important; top:13px !important; width:68px !important; transform:translateX(-50%) !important; color:#efffff !important; font-size:10px !important; line-height:10px !important; text-align:center !important; letter-spacing:5px !important; text-shadow:0 0 4px #fff,0 0 8px #38e7ce !important; animation:hvnWaterSparkle .82s ease-in-out infinite alternate !important; } @keyframes hvnBoatFloat{ from{transform:translateX(-50%) translateY(0) rotate(-3deg);filter:brightness(.94)} to{transform:translateX(-50%) translateY(-2px) rotate(3deg);filter:brightness(1.18)} } @keyframes hvnBoatReflection{ from{opacity:.45;transform:scaleX(.72)} to{opacity:1;transform:scaleX(1.02)} } @keyframes hvnWaterWave{ from{transform:translateX(-52%) scaleX(1.10);opacity:.68} to{transform:translateX(-48%) scaleX(1.24);opacity:1} } @keyframes hvnWaterSparkle{ from{opacity:.30;filter:brightness(.9)} to{opacity:1;filter:brightness(1.35)} } /* ---------- BAN QUẢN TRỊ ---------- */ /* Sao ra góc phải trên, không bị card cắt. */ .hvn-lp-card.hvn-lp-style-management-boss{ overflow:visible !important; } .hvn-lp-card.hvn-lp-style-management-boss:before{ content:"★" !important; display:block !important; position:absolute !important; z-index:20 !important; left:auto !important; right:7px !important; top:-13px !important; width:28px !important; height:28px !important; margin:0 !important; line-height:28px !important; text-align:center !important; overflow:visible !important; border:0 !important; background:none !important; color:#fffdf0 !important; font-size:24px !important; font-family:Arial,sans-serif !important; -webkit-text-stroke:1px #e49a10 !important; transform-origin:50% 70% !important; pointer-events:none !important; text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 11px #ffe28a, 0 0 17px #ffae13 !important; filter:drop-shadow(0 0 5px rgba(255,222,115,.98)) !important; animation:hvnAdminCornerStar 1.22s ease-in-out infinite alternate !important; } /* Giữ overlay cam, đồng thời tạo cảm giác các vệt sáng từ góc sao quét/rơi xuống. */ .hvn-lp-card.hvn-lp-style-management-boss:after{ content:"" !important; display:block !important; position:absolute !important; z-index:2 !important; top:-7px !important; right:7px !important; left:auto !important; width:68px !important; height:92px !important; background: linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.80) 47%,rgba(255,184,33,.38) 51%,transparent 57%), linear-gradient(100deg,transparent 0 52%,rgba(255,221,105,.60) 55%,transparent 59%), linear-gradient(123deg,transparent 0 62%,rgba(255,153,0,.38) 65%,transparent 69%) !important; transform:none !important; transform-origin:top right !important; pointer-events:none !important; opacity:.72 !important; animation:hvnAdminFallingRays 1.45s ease-in-out infinite alternate !important; } @keyframes hvnAdminCornerStar{ 0%{transform:rotate(-9deg) scale(.90);opacity:.72;filter:drop-shadow(0 0 3px rgba(255,222,115,.72))} 50%{transform:rotate(2deg) scale(1.13);opacity:1;filter:drop-shadow(0 0 8px rgba(255,235,153,1))} 100%{transform:rotate(9deg) scale(.97);opacity:.88;filter:drop-shadow(0 0 5px rgba(255,205,71,.90))} } @keyframes hvnAdminFallingRays{ from{opacity:.25;filter:brightness(.92);transform:translateY(-2px) scaleY(.90)} to{opacity:.90;filter:brightness(1.32);transform:translateY(3px) scaleY(1.08)} } /* HVN 3.3.4 — Huy hiệu trung tâm cho BAN QUẢN TRỊ Sao góc phải và các tia sáng của 3.3.3 giữ nguyên. */ /* Dùng vùng icon sẵn có làm một huy chương vàng nhỏ ngay trên Lv.102 */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icons{ position:relative !important; z-index:9 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:34px !important; height:25px !important; min-height:25px !important; margin:0 auto 1px !important; overflow:visible !important; filter:none !important; } /* Huy chương tròn vàng-cam */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon{ position:relative !important; display:block !important; width:20px !important; height:20px !important; flex:0 0 20px !important; clip-path:none !important; border-radius:50% !important; border:1px solid #e58a00 !important; background: radial-gradient(circle at 34% 27%, #ffffff 0 5%, #fff4b2 8%, #ffd454 30%, #f39a00 68%, #bd5b00 100%) !important; box-shadow: inset 0 0 0 2px rgba(255,244,181,.78), 0 0 4px #fff4a5, 0 0 8px rgba(255,176,19,.86), 0 0 13px rgba(255,125,0,.38) !important; filter:none !important; transform:none !important; animation:hvnAdminMedalPulse 1.15s ease-in-out infinite alternate !important; } /* Hai dải ruy-băng nhỏ */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon:before{ content:"" !important; position:absolute !important; z-index:-1 !important; left:2px !important; top:14px !important; width:6px !important; height:10px !important; border-radius:1px !important; background:linear-gradient(180deg,#ff9a00,#d95800) !important; transform:rotate(15deg) !important; box-shadow:10px 0 0 #f47b00 !important; } /* Kim cương/ngôi sao nhỏ nằm giữa huy chương */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon:after{ content:"◆" !important; position:absolute !important; z-index:2 !important; left:50% !important; top:50% !important; transform:translate(-50%,-52%) !important; color:#fffbe7 !important; font-size:10px !important; line-height:1 !important; text-shadow: 0 0 2px #fff, 0 0 5px #ffe580, 0 0 8px #ff9e00 !important; animation:hvnAdminMedalGem .72s ease-in-out infinite alternate !important; } @keyframes hvnAdminMedalPulse{ from{ transform:translateY(1px) scale(.94); filter:brightness(.96); } to{ transform:translateY(0) scale(1.07); filter:brightness(1.20); } } @keyframes hvnAdminMedalGem{ from{opacity:.65;filter:brightness(.95)} to{opacity:1;filter:brightness(1.45)} } /* ============================================================ HVN 3.5.0 — 19 RANK 0-19.999 + HUYỀN THOẠI Dùng renderer gốc .hvn-lp-icon của viewtopic để Gallery = Web. ============================================================ */ .hvn-lp-card[class*="hvn-lp-style-rank-"]{overflow:visible} .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icons{ height:24px;min-height:24px;overflow:visible;gap:4px } .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon{ position:relative;width:18px;height:18px;flex:0 0 18px;clip-path:none;background:none;overflow:visible } /* 1-4: ngọc xanh 3D */ .hvn-lp-style-rank-seed-1,.hvn-lp-style-rank-seed-2,.hvn-lp-style-rank-seed-3,.hvn-lp-style-rank-seed-4{ border-color:#49b969;background:linear-gradient(135deg,#fbfff9,#e9f8e8);box-shadow:0 0 9px rgba(41,173,75,.25) } .hvn-lp-style-rank-seed-3{border-width:2px}.hvn-lp-style-rank-seed-4{border:3px double #168b49} .hvn-lp-style-rank-seed-1 .hvn-lp-title,.hvn-lp-style-rank-seed-2 .hvn-lp-title,.hvn-lp-style-rank-seed-3 .hvn-lp-title,.hvn-lp-style-rank-seed-4 .hvn-lp-title{color:#13813a} .hvn-lp-style-rank-seed-1 .hvn-lp-icon,.hvn-lp-style-rank-seed-2 .hvn-lp-icon,.hvn-lp-style-rank-seed-3 .hvn-lp-icon,.hvn-lp-style-rank-seed-4 .hvn-lp-icon{ width:12px;height:12px;flex-basis:12px;border-radius:50%; background:radial-gradient(circle at 30% 25%,#fff 0 9%,#caffc8 10% 18%,#55dc69 28%,#18a847 62%,#076d2b 100%); border:1px solid #087431;box-shadow:inset -2px -2px 3px rgba(0,70,25,.35),inset 2px 2px 3px rgba(255,255,255,.55),0 0 6px rgba(43,216,78,.65); animation:hvn350Seed 1.5s ease-in-out infinite alternate } @keyframes hvn350Seed{to{filter:brightness(1.22);transform:scale(1.08)}} /* 5-8: tia sao mai -> 3 sao lam */ .hvn-lp-style-rank-ray,.hvn-lp-style-rank-star-new,.hvn-lp-style-rank-star-b,.hvn-lp-style-rank-star-a{ border-color:#3699ed;background:linear-gradient(135deg,#fbfeff,#e6f4ff);box-shadow:0 0 11px rgba(36,137,226,.30) } .hvn-lp-style-rank-star-b{border-width:2px}.hvn-lp-style-rank-star-a{border:3px double #1764c8} .hvn-lp-style-rank-ray .hvn-lp-title,.hvn-lp-style-rank-star-new .hvn-lp-title,.hvn-lp-style-rank-star-b .hvn-lp-title,.hvn-lp-style-rank-star-a .hvn-lp-title{color:#126fc2} .hvn-lp-style-rank-ray .hvn-lp-icon{width:5px;height:5px;flex-basis:5px;border-radius:50%;margin-top:6px;background:#fff;box-shadow:0 0 3px #fff,0 0 8px #72c8ff,0 0 13px #3d9ee8;animation:hvn350Ray 1.3s ease-in-out infinite alternate} .hvn-lp-style-rank-ray .hvn-lp-icon:before,.hvn-lp-style-rank-ray .hvn-lp-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#eaffff,transparent)} .hvn-lp-style-rank-ray .hvn-lp-icon:before{width:30px;height:1px}.hvn-lp-style-rank-ray .hvn-lp-icon:after{width:1px;height:23px} @keyframes hvn350Ray{to{filter:brightness(1.35);transform:scale(1.15)}} .hvn-lp-style-rank-star-new .hvn-lp-icon,.hvn-lp-style-rank-star-b .hvn-lp-icon,.hvn-lp-style-rank-star-a .hvn-lp-icon{ clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 36%,39% 34%); background:linear-gradient(145deg,#f7ffff,#7ccaff 30%,#177bd9 64%,#074b9f); filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #3a9ff4);animation:hvn350BlueStar 1.1s ease-in-out infinite alternate } .hvn-lp-style-rank-star-b .hvn-lp-icon:nth-child(2),.hvn-lp-style-rank-star-a .hvn-lp-icon:nth-child(2){animation-delay:.4s} .hvn-lp-style-rank-star-a .hvn-lp-icon:nth-child(3){animation-delay:.75s} .hvn-lp-style-rank-star-a .hvn-lp-icon:nth-child(2){width:21px;height:21px;flex-basis:21px} @keyframes hvn350BlueStar{to{filter:brightness(1.35) drop-shadow(0 0 8px #52b4ff);transform:scale(1.10)}} /* 9-13: sách cổ mở 3D xanh bạc -> xanh ngọc */ .hvn-lp-style-rank-book-1,.hvn-lp-style-rank-book-2{border-color:#9aaebe;background:linear-gradient(135deg,#fff,#edf4f7);box-shadow:0 0 10px rgba(110,145,166,.28)} .hvn-lp-style-rank-book-2{border:3px double #829dad} .hvn-lp-style-rank-book-3,.hvn-lp-style-rank-book-4,.hvn-lp-style-rank-book-5{border-color:#18aaa6;background:linear-gradient(135deg,#fbfffe,#d9f6f1);box-shadow:0 0 13px rgba(20,174,166,.34)} .hvn-lp-style-rank-book-4{border:3px double #0c918d}.hvn-lp-style-rank-book-5{border:3px double #087d79} .hvn-lp-style-rank-book-1 .hvn-lp-title,.hvn-lp-style-rank-book-2 .hvn-lp-title{color:#627f91} .hvn-lp-style-rank-book-3 .hvn-lp-title,.hvn-lp-style-rank-book-4 .hvn-lp-title,.hvn-lp-style-rank-book-5 .hvn-lp-title{color:#008b85} .hvn-lp-style-rank-book-1 .hvn-lp-icon,.hvn-lp-style-rank-book-2 .hvn-lp-icon,.hvn-lp-style-rank-book-3 .hvn-lp-icon,.hvn-lp-style-rank-book-4 .hvn-lp-icon,.hvn-lp-style-rank-book-5 .hvn-lp-icon{ width:25px;height:17px;flex-basis:25px;transform:rotate(-8deg);filter:drop-shadow(0 2px 1px rgba(24,68,80,.25));animation:hvn350Book 1.8s ease-in-out infinite alternate } .hvn-lp-style-rank-book-1 .hvn-lp-icon:before,.hvn-lp-style-rank-book-2 .hvn-lp-icon:before,.hvn-lp-style-rank-book-3 .hvn-lp-icon:before,.hvn-lp-style-rank-book-4 .hvn-lp-icon:before,.hvn-lp-style-rank-book-5 .hvn-lp-icon:before, .hvn-lp-style-rank-book-1 .hvn-lp-icon:after,.hvn-lp-style-rank-book-2 .hvn-lp-icon:after,.hvn-lp-style-rank-book-3 .hvn-lp-icon:after,.hvn-lp-style-rank-book-4 .hvn-lp-icon:after,.hvn-lp-style-rank-book-5 .hvn-lp-icon:after{ content:"";position:absolute;top:1px;width:12px;height:14px;border:1px solid #6f9eaa;box-shadow:inset 0 -3px 0 rgba(70,113,125,.18) } .hvn-lp-style-rank-book-1 .hvn-lp-icon:before,.hvn-lp-style-rank-book-2 .hvn-lp-icon:before,.hvn-lp-style-rank-book-3 .hvn-lp-icon:before,.hvn-lp-style-rank-book-4 .hvn-lp-icon:before,.hvn-lp-style-rank-book-5 .hvn-lp-icon:before{left:0;border-radius:2px 7px 3px 3px;background:linear-gradient(105deg,#fff,#e2f3f5 60%,#9cc5cd);transform:skewY(-8deg) perspective(24px) rotateY(12deg)} .hvn-lp-style-rank-book-1 .hvn-lp-icon:after,.hvn-lp-style-rank-book-2 .hvn-lp-icon:after,.hvn-lp-style-rank-book-3 .hvn-lp-icon:after,.hvn-lp-style-rank-book-4 .hvn-lp-icon:after,.hvn-lp-style-rank-book-5 .hvn-lp-icon:after{right:0;border-radius:7px 2px 3px 3px;background:linear-gradient(75deg,#9cc5cd,#e9f8f9 45%,#fff);transform:skewY(8deg) perspective(24px) rotateY(-12deg)} .hvn-lp-style-rank-book-3 .hvn-lp-icon:before,.hvn-lp-style-rank-book-4 .hvn-lp-icon:before,.hvn-lp-style-rank-book-5 .hvn-lp-icon:before{border-color:#128e8c;background:linear-gradient(105deg,#f4fffd,#c7f1eb 58%,#55bdb8)} .hvn-lp-style-rank-book-3 .hvn-lp-icon:after,.hvn-lp-style-rank-book-4 .hvn-lp-icon:after,.hvn-lp-style-rank-book-5 .hvn-lp-icon:after{border-color:#128e8c;background:linear-gradient(75deg,#55bdb8,#d6f8f3 46%,#fff)} .hvn-lp-style-rank-book-5 .hvn-lp-icons{gap:0}.hvn-lp-style-rank-book-5 .hvn-lp-icon{width:20px;flex-basis:20px} .hvn-lp-style-rank-book-5 .hvn-lp-icon:before,.hvn-lp-style-rank-book-5 .hvn-lp-icon:after{width:10px} .hvn-lp-style-rank-book-1 .hvn-lp-icon:nth-child(even),.hvn-lp-style-rank-book-2 .hvn-lp-icon:nth-child(even),.hvn-lp-style-rank-book-3 .hvn-lp-icon:nth-child(even),.hvn-lp-style-rank-book-4 .hvn-lp-icon:nth-child(even),.hvn-lp-style-rank-book-5 .hvn-lp-icon:nth-child(even){transform:rotate(7deg) translateY(-1px)} @keyframes hvn350Book{to{filter:brightness(1.17) drop-shadow(0 2px 5px rgba(77,190,193,.45));transform:rotate(-4deg) translateY(-1px)}} /* 14-16: bút máy cổ vàng */ .hvn-lp-style-rank-pen-1,.hvn-lp-style-rank-pen-2,.hvn-lp-style-rank-pen-3{border-color:#d89b15;background:linear-gradient(135deg,#fffdf4,#ffe8aa);box-shadow:0 0 14px rgba(219,151,0,.40)} .hvn-lp-style-rank-pen-2{border:3px double #c98b08}.hvn-lp-style-rank-pen-3{border:3px double #ae7100;box-shadow:0 0 18px rgba(218,145,0,.52)} .hvn-lp-style-rank-pen-1 .hvn-lp-title,.hvn-lp-style-rank-pen-2 .hvn-lp-title,.hvn-lp-style-rank-pen-3 .hvn-lp-title{color:#a86a00} .hvn-lp-style-rank-pen-1 .hvn-lp-icon,.hvn-lp-style-rank-pen-2 .hvn-lp-icon,.hvn-lp-style-rank-pen-3 .hvn-lp-icon{ width:6px;height:25px;flex-basis:12px;border-radius:4px 4px 2px 2px; background:linear-gradient(90deg,#5b3200,#b66a00 18%,#ffe7a1 40%,#fff7cb 52%,#d58b14 69%,#6e3b00); border:1px solid #855000;box-shadow:0 0 4px #ffe5a0,0 0 7px rgba(208,132,0,.5);transform:rotate(27deg);animation:hvn350Pen 1.5s ease-in-out infinite alternate } .hvn-lp-style-rank-pen-1 .hvn-lp-icon:before,.hvn-lp-style-rank-pen-2 .hvn-lp-icon:before,.hvn-lp-style-rank-pen-3 .hvn-lp-icon:before{content:"";position:absolute;left:-1px;top:5px;width:6px;height:3px;border-radius:2px;background:linear-gradient(90deg,#8a5000,#fff0a6,#b66c00)} .hvn-lp-style-rank-pen-1 .hvn-lp-icon:after,.hvn-lp-style-rank-pen-2 .hvn-lp-icon:after,.hvn-lp-style-rank-pen-3 .hvn-lp-icon:after{content:"";position:absolute;left:-3px;bottom:-9px;width:10px;height:11px;background:linear-gradient(135deg,#fff4b4,#dea126 50%,#865000);clip-path:polygon(50% 100%,0 0,42% 14%,50% 0,58% 14%,100% 0)} .hvn-lp-style-rank-pen-2 .hvn-lp-icon:nth-child(2){transform:rotate(-27deg)}.hvn-lp-style-rank-pen-3 .hvn-lp-icon:nth-child(1){transform:rotate(33deg)}.hvn-lp-style-rank-pen-3 .hvn-lp-icon:nth-child(2){transform:rotate(0);height:27px}.hvn-lp-style-rank-pen-3 .hvn-lp-icon:nth-child(3){transform:rotate(-33deg)} @keyframes hvn350Pen{to{filter:brightness(1.24);transform:translateY(-1px) rotate(24deg)}} /* 17-19: đỏ + sao bạc / đỏ-bạc */ .hvn-lp-style-rank-red-1,.hvn-lp-style-rank-red-2,.hvn-lp-style-rank-red-3{border:3px double #a91d3b;background:linear-gradient(135deg,#fffafa,#f5d5d9);box-shadow:0 0 16px rgba(166,27,57,.44)} .hvn-lp-style-rank-red-1 .hvn-lp-title,.hvn-lp-style-rank-red-2 .hvn-lp-title,.hvn-lp-style-rank-red-3 .hvn-lp-title{color:#a11938} .hvn-lp-style-rank-red-1 .hvn-lp-icon,.hvn-lp-style-rank-red-2 .hvn-lp-icon,.hvn-lp-style-rank-red-3 .hvn-lp-icon{ clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 36%,39% 34%); background:linear-gradient(145deg,#fff,#e8eef3 35%,#aab6c1 67%,#fff);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #dce7f0);animation:hvn350Silver 1s ease-in-out infinite alternate } .hvn-lp-style-rank-red-2 .hvn-lp-icon{background:linear-gradient(145deg,#fff,#eed9dd 27%,#b52b47 54%,#d8e0e7 77%,#fff);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #cf3a57)} .hvn-lp-style-rank-red-2 .hvn-lp-icon:nth-child(2),.hvn-lp-style-rank-red-3 .hvn-lp-icon:nth-child(2){animation-delay:.4s}.hvn-lp-style-rank-red-3 .hvn-lp-icon:nth-child(3){animation-delay:.75s} @keyframes hvn350Silver{to{filter:brightness(1.42) drop-shadow(0 0 8px #fff);transform:scale(1.11)}} /* Huyền thoại: Lv96-100, 20.000-89.999 */ .hvn-lp-style-rank-legend{border:4px double #ed7900;outline:1px solid #ffd15b;outline-offset:1px;background:radial-gradient(circle at 50% 8%,#fffbdc,transparent 31%),linear-gradient(135deg,#fff7df,#ffd06a 30%,#f49717 62%,#ffe49b);box-shadow:0 0 12px rgba(255,207,91,.88),0 0 25px rgba(239,125,0,.62);animation:hvn350LegendCard 1.2s ease-in-out infinite alternate} .hvn-lp-style-rank-legend .hvn-lp-title{color:#ad4700;text-shadow:0 0 3px #fff,0 0 8px #ffd96a} .hvn-lp-style-rank-legend .hvn-lp-icons{gap:2px} .hvn-lp-style-rank-legend .hvn-lp-icon{width:17px;height:17px;flex-basis:17px;clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 36%,39% 34%);background:linear-gradient(145deg,#fff,#f0f2f4 24%,#ffd55c 47%,#f2a000 67%,#fff3ad);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #ffc32f);animation:hvn350LegendStar 1.35s ease-in-out infinite} .hvn-lp-style-rank-legend .hvn-lp-icon:nth-child(2){animation-delay:.14s}.hvn-lp-style-rank-legend .hvn-lp-icon:nth-child(3){animation-delay:.28s}.hvn-lp-style-rank-legend .hvn-lp-icon:nth-child(4){animation-delay:.42s}.hvn-lp-style-rank-legend .hvn-lp-icon:nth-child(5){animation-delay:.56s} @keyframes hvn350LegendStar{0%,100%{opacity:.7;transform:scale(.92)}45%{opacity:1;transform:scale(1.13);filter:brightness(1.45) drop-shadow(0 0 8px #fff4ad)}} @keyframes hvn350LegendCard{to{filter:brightness(1.09)}} /* ============================================================ HVN 3.5.1 — IMAGE BADGES Ảnh WebP thật; Gallery và viewtopic dùng chung .hvn-lp-icon. ============================================================ */ .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icons{ height:34px!important;min-height:34px!important;display:flex!important; align-items:center!important;justify-content:center!important;overflow:visible!important } .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon{ width:32px!important;height:32px!important;flex:0 0 32px!important; background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important; border:0!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important; filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))!important; animation:hvnImageBadgeGlow 1.65s ease-in-out infinite alternate!important } @keyframes hvnImageBadgeGlow{ from{transform:translateY(1px) scale(.97);filter:brightness(.97) drop-shadow(0 1px 2px rgba(0,0,0,.18))} to{transform:translateY(-1px) scale(1.04);filter:brightness(1.13) drop-shadow(0 0 5px rgba(255,255,255,.72))} } /* Mỗi rank dùng MỘT artwork hoàn chỉnh, nên ẩn icon lặp thứ 2 trở đi. */ .hvn-lp-style-rank-seed-1 .hvn-lp-icon{background-image:url("./images/ranks/seed-1.webp")!important} .hvn-lp-style-rank-seed-2 .hvn-lp-icon{background-image:url("./images/ranks/seed-2.webp")!important} .hvn-lp-style-rank-seed-3 .hvn-lp-icon{background-image:url("./images/ranks/seed-3.webp")!important} .hvn-lp-style-rank-seed-4 .hvn-lp-icon{background-image:url("./images/ranks/seed-4.webp")!important} .hvn-lp-style-rank-ray .hvn-lp-icon{background-image:url("./images/ranks/morning-ray.webp")!important} .hvn-lp-style-rank-star-new .hvn-lp-icon{background-image:url("./images/ranks/star-new.webp")!important} .hvn-lp-style-rank-star-b .hvn-lp-icon{background-image:url("./images/ranks/star-b.webp")!important} .hvn-lp-style-rank-star-a .hvn-lp-icon{background-image:url("./images/ranks/star-a.webp")!important} .hvn-lp-style-rank-book-1 .hvn-lp-icon{background-image:url("./images/ranks/book-1.webp")!important} .hvn-lp-style-rank-book-2 .hvn-lp-icon{background-image:url("./images/ranks/book-2.webp")!important} .hvn-lp-style-rank-book-3 .hvn-lp-icon{background-image:url("./images/ranks/book-3.webp")!important} .hvn-lp-style-rank-book-4 .hvn-lp-icon{background-image:url("./images/ranks/book-4.webp")!important} .hvn-lp-style-rank-book-5 .hvn-lp-icon{background-image:url("./images/ranks/book-5.webp")!important} .hvn-lp-style-rank-pen-1 .hvn-lp-icon{background-image:url("./images/ranks/pen-1.webp")!important} .hvn-lp-style-rank-pen-2 .hvn-lp-icon{background-image:url("./images/ranks/pen-2.webp")!important} .hvn-lp-style-rank-pen-3 .hvn-lp-icon{background-image:url("./images/ranks/pen-3.webp")!important} .hvn-lp-style-rank-red-1 .hvn-lp-icon{background-image:url("./images/ranks/silver-star-1.webp")!important} .hvn-lp-style-rank-red-2 .hvn-lp-icon{background-image:url("./images/ranks/red-silver-star-2.webp")!important} .hvn-lp-style-rank-red-3 .hvn-lp-icon{background-image:url("./images/ranks/silver-star-3.webp")!important} .hvn-lp-style-rank-legend .hvn-lp-icon{background-image:url("./images/ranks/legend.webp")!important;width:42px!important;height:42px!important;flex-basis:42px!important} /* Artwork đã chứa đủ số lượng biểu tượng. */ .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon:nth-child(n+2){display:none!important} .hvn-lp-style-rank-legend .hvn-lp-icons{height:44px!important;min-height:44px!important} /* ============================================================ HVN 3.5.2 — 24PX MASTER BADGES Chỉ sửa icon/rank. 1 master icon / dòng rank, lặp bằng HVN_LP_UNITS. ============================================================ */ /* Reset TRIỆT ĐỂ renderer hình học/icon cũ để không còn chồng ::before/::after. */ .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icons{ display:flex!important; align-items:center!important; justify-content:center!important; gap:3px!important; height:28px!important; min-height:28px!important; margin:0 auto 1px!important; overflow:visible!important; line-height:1!important; } .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon{ display:block!important; position:relative!important; width:24px!important; height:24px!important; min-width:24px!important; flex:0 0 24px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; clip-path:none!important; background-color:transparent!important; background-position:center!important; background-repeat:no-repeat!important; background-size:contain!important; box-shadow:none!important; transform:none!important; } .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon::before, .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon::after{ content:none!important; display:none!important; background:none!important; border:0!important; box-shadow:none!important; } /* Bản 3.5.1 từng ẩn icon thứ 2 trở đi: bật lại toàn bộ để 1→5 icon thật. */ .hvn-lp-card[class*="hvn-lp-style-rank-"] .hvn-lp-icon:nth-child(n+2){ display:block!important; } /* 1–4: cùng một hạt ngọc/mầm xanh */ .hvn-lp-style-rank-seed-1 .hvn-lp-icon, .hvn-lp-style-rank-seed-2 .hvn-lp-icon, .hvn-lp-style-rank-seed-3 .hvn-lp-icon, .hvn-lp-style-rank-seed-4 .hvn-lp-icon{ background-image:url("./images/ranks/seed.webp")!important; } /* Tia sáng mới */ .hvn-lp-style-rank-ray .hvn-lp-icon{ background-image:url("./images/ranks/morning-ray.webp")!important; } /* Ngôi sao mới / B / A: cùng một sao xanh */ .hvn-lp-style-rank-star-new .hvn-lp-icon, .hvn-lp-style-rank-star-b .hvn-lp-icon, .hvn-lp-style-rank-star-a .hvn-lp-icon{ background-image:url("./images/ranks/blue-star.webp")!important; } /* 1–5 sách: cùng một sách cổ */ .hvn-lp-style-rank-book-1 .hvn-lp-icon, .hvn-lp-style-rank-book-2 .hvn-lp-icon, .hvn-lp-style-rank-book-3 .hvn-lp-icon, .hvn-lp-style-rank-book-4 .hvn-lp-icon, .hvn-lp-style-rank-book-5 .hvn-lp-icon{ background-image:url("./images/ranks/book.webp")!important; } /* 1–3 bút: cùng một bút máy cổ */ .hvn-lp-style-rank-pen-1 .hvn-lp-icon, .hvn-lp-style-rank-pen-2 .hvn-lp-icon, .hvn-lp-style-rank-pen-3 .hvn-lp-icon{ background-image:url("./images/ranks/pen.webp")!important; } /* 1–3 sao bạc: cùng một master */ .hvn-lp-style-rank-red-1 .hvn-lp-icon, .hvn-lp-style-rank-red-2 .hvn-lp-icon, .hvn-lp-style-rank-red-3 .hvn-lp-icon{ background-image:url("./images/ranks/silver-star.webp")!important; } /* Huyền thoại: cùng một sao vàng, renderer lặp 5 lần */ .hvn-lp-style-rank-legend .hvn-lp-icon{ background-image:url("./images/ranks/legend-star.webp")!important; width:24px!important;height:24px!important;min-width:24px!important;flex-basis:24px!important; } .hvn-lp-style-rank-legend .hvn-lp-icons{height:28px!important;min-height:28px!important} /* Hiệu ứng tăng dần theo cấp — không thay đổi kích thước icon 24px. */ .hvn-lp-style-rank-seed-1 .hvn-lp-icon, .hvn-lp-style-rank-star-new .hvn-lp-icon, .hvn-lp-style-rank-book-1 .hvn-lp-icon, .hvn-lp-style-rank-pen-1 .hvn-lp-icon, .hvn-lp-style-rank-red-1 .hvn-lp-icon{ animation:hvnBadgeGlow1 2.2s ease-in-out infinite alternate!important; } .hvn-lp-style-rank-seed-2 .hvn-lp-icon, .hvn-lp-style-rank-star-b .hvn-lp-icon, .hvn-lp-style-rank-book-2 .hvn-lp-icon, .hvn-lp-style-rank-pen-2 .hvn-lp-icon, .hvn-lp-style-rank-red-2 .hvn-lp-icon{ animation:hvnBadgeGlow2 1.9s ease-in-out infinite alternate!important; } .hvn-lp-style-rank-seed-3 .hvn-lp-icon, .hvn-lp-style-rank-star-a .hvn-lp-icon, .hvn-lp-style-rank-book-3 .hvn-lp-icon, .hvn-lp-style-rank-pen-3 .hvn-lp-icon, .hvn-lp-style-rank-red-3 .hvn-lp-icon{ animation:hvnBadgeGlow3 1.55s ease-in-out infinite alternate!important; } .hvn-lp-style-rank-seed-4 .hvn-lp-icon, .hvn-lp-style-rank-book-4 .hvn-lp-icon{ animation:hvnBadgeGlow4 1.35s ease-in-out infinite alternate!important; } .hvn-lp-style-rank-book-5 .hvn-lp-icon, .hvn-lp-style-rank-legend .hvn-lp-icon{ animation:hvnBadgeGlow5 1.15s ease-in-out infinite alternate!important; } .hvn-lp-style-rank-ray .hvn-lp-icon{ animation:hvnBadgeRay 1.5s ease-in-out infinite alternate!important; } @keyframes hvnBadgeGlow1{ from{filter:brightness(.98) drop-shadow(0 0 1px rgba(255,255,255,.25))} to{filter:brightness(1.08) drop-shadow(0 0 3px rgba(255,255,255,.48))} } @keyframes hvnBadgeGlow2{ from{filter:brightness(.98) drop-shadow(0 0 2px rgba(96,190,255,.30))} to{filter:brightness(1.13) drop-shadow(0 0 4px rgba(100,205,255,.62))} } @keyframes hvnBadgeGlow3{ from{filter:brightness(1) drop-shadow(0 0 2px rgba(255,225,130,.38))} to{filter:brightness(1.18) drop-shadow(0 0 5px rgba(255,232,145,.75))} } @keyframes hvnBadgeGlow4{ from{filter:brightness(1.02) drop-shadow(0 0 3px rgba(255,225,120,.46))} to{filter:brightness(1.22) drop-shadow(0 0 6px rgba(255,235,150,.88))} } @keyframes hvnBadgeGlow5{ 0%{filter:brightness(1.02) drop-shadow(0 0 3px rgba(255,215,80,.55));transform:translateY(0)} 100%{filter:brightness(1.30) drop-shadow(0 0 7px rgba(255,230,110,.98));transform:translateY(-1px)} } @keyframes hvnBadgeRay{ from{filter:brightness(1) drop-shadow(0 0 2px rgba(70,175,255,.45))} to{filter:brightness(1.24) drop-shadow(0 0 6px rgba(115,205,255,.88));transform:translateY(-1px)} } /* Nhịp lấp lánh lệch nhau khi có nhiều icon. */ .hvn-lp-icons .hvn-lp-icon:nth-child(2){animation-delay:.16s!important} .hvn-lp-icons .hvn-lp-icon:nth-child(3){animation-delay:.32s!important} .hvn-lp-icons .hvn-lp-icon:nth-child(4){animation-delay:.48s!important} .hvn-lp-icons .hvn-lp-icon:nth-child(5){animation-delay:.64s!important} /* ========================================================= HVN LEVELPOINT 3.6.0 — 99 Level / 11 Rank / icon 24px sạch ========================================================= */ .hvn-lp-card[class*="hvn-lp-style-"] .hvn-lp-icon{ width:24px!important;height:24px!important;flex:0 0 24px!important; clip-path:none!important;transform:none!important;background-color:transparent!important; background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important; filter:none!important;animation:none!important;box-shadow:none!important;border:0!important; } .hvn-lp-card[class*="hvn-lp-style-"] .hvn-lp-icon::before, .hvn-lp-card[class*="hvn-lp-style-"] .hvn-lp-icon::after{content:none!important;display:none!important} .hvn-lp-card[class*="hvn-lp-style-"] .hvn-lp-icons{gap:4px!important;min-height:26px!important} .hvn-lp-style-sprout .hvn-lp-icon{background-image:url("images/ranks/v360/sprout.svg")!important} .hvn-lp-style-new-star .hvn-lp-icon{background-image:url("images/ranks/v360/new-star.svg")!important} .hvn-lp-style-knowledge-star .hvn-lp-icon{background-image:url("images/ranks/v360/knowledge-star.svg")!important} .hvn-lp-style-young-scholar .hvn-lp-icon{background-image:url("images/ranks/v360/young-scholar.svg")!important} .hvn-lp-style-elite-scholar .hvn-lp-icon{background-image:url("images/ranks/v360/elite-scholar.svg")!important} .hvn-lp-style-knowledge-gem .hvn-lp-icon{background-image:url("images/ranks/v360/knowledge-gem.svg")!important} .hvn-lp-style-wise-scholar .hvn-lp-icon{background-image:url("images/ranks/v360/wise-scholar.svg")!important} .hvn-lp-style-knowledge-talent .hvn-lp-icon{background-image:url("images/ranks/v360/knowledge-talent.svg")!important} .hvn-lp-style-knowledge-elite .hvn-lp-icon{background-image:url("images/ranks/v360/knowledge-elite.svg")!important} .hvn-lp-style-knowledge-master .hvn-lp-icon{background-image:url("images/ranks/v360/knowledge-master.svg")!important} .hvn-lp-style-knowledge-legend .hvn-lp-icon{background-image:url("images/ranks/v360/knowledge-legend.svg")!important} /* Mỗi danh hiệu có sắc độ riêng, icon vẫn tuyệt đối không glow/shadow. */ .hvn-lp-style-sprout{border-color:#6fcf8c!important;background:#f4fff7!important;color:#19703a!important} .hvn-lp-style-new-star{border-color:#e7b43a!important;background:#fffaf0!important;color:#9a6500!important} .hvn-lp-style-knowledge-star{border-color:#4a91db!important;background:#f2f8ff!important;color:#185da8!important} .hvn-lp-style-young-scholar{border-color:#b79555!important;background:#fffaf1!important;color:#705127!important} .hvn-lp-style-elite-scholar{border-color:#315a9b!important;background:#f4f7fc!important;color:#173f78!important} .hvn-lp-style-knowledge-gem{border-color:#25a8c5!important;background:#f0fcff!important;color:#08788f!important} .hvn-lp-style-wise-scholar{border-color:#c99724!important;background:#fffbef!important;color:#84610d!important} .hvn-lp-style-knowledge-talent{border-color:#d49a16!important;background:#fff9e9!important;color:#8d6200!important} .hvn-lp-style-knowledge-elite{border-color:#5b75a8!important;background:#f5f7fb!important;color:#354f84!important} .hvn-lp-style-knowledge-master{border-color:#9d7430!important;background:#fff9ed!important;color:#72501d!important} .hvn-lp-style-knowledge-legend{border-color:#d85734!important;background:#fff5f1!important;color:#a52e17!important} .hvn-lp-progress{display:block!important;width:100%;height:4px;margin-top:5px;border-radius:999px;background:#e8eef3;overflow:hidden} .hvn-lp-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159a83,#38c3ad)} /* Tặng điểm / sinh nhật */ .hvn-lp-giftbox{max-width:180px;margin:5px auto 7px;font:700 11px Tahoma,Arial,sans-serif;color:#0c7567} .hvn-lp-giftbox>summary{cursor:pointer;list-style:none;padding:5px 7px;border:1px solid #9bd8d0;border-radius:8px;background:#f6fffd;text-align:center;user-select:none} .hvn-lp-giftbox>summary::-webkit-details-marker{display:none} .hvn-lp-giftbox.is-birthday>summary{border-color:#e2b740;background:#fff9e7;color:#9b6a00} .hvn-lp-giftform{margin-top:5px;padding:7px;border:1px solid #c9dedb;border-radius:9px;background:#fff;box-shadow:0 2px 7px rgba(20,90,80,.08)} .hvn-lp-giftform label{display:block;margin:0 0 5px;text-align:left;color:#48605d} .hvn-lp-giftform input,.hvn-lp-giftform textarea{box-sizing:border-box;width:100%;margin-top:3px;padding:5px 6px;border:1px solid #bfd5d2;border-radius:6px;background:#fff;color:#253b38;font:400 11px Tahoma,Arial,sans-serif;resize:vertical} .hvn-lp-giftform input:focus,.hvn-lp-giftform textarea:focus{outline:1px solid #93cfff;border-color:#74b7e8} .hvn-lp-giftform button{width:100%;padding:6px 8px;border:1px solid #0e8b79;border-radius:7px;background:#139b86;color:#fff;font-weight:800;cursor:pointer} .hvn-lp-giftform button:hover{background:#0c8875} .hvn-lp-giftform small{display:block;margin-top:5px;color:#75837f;font-size:9px;line-height:1.35;font-weight:400} /* ============================================================ HVN 3.6.3 — NÚT TẶNG ĐIỂM DƯỚI CARD RANK Vị trí: ngay dưới Rank trong cột hồ sơ thành viên. Giữ gọn, không lẫn với nút bài viết/reaction. ============================================================ */ .hvn-lp-giftbox{ display:block !important; width:min(100%, 190px) !important; max-width:190px !important; margin:7px auto 8px !important; color:#087c70 !important; font:700 11px/1.35 Tahoma,Arial,sans-serif !important; } .hvn-lp-giftbox>summary{ box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; min-height:31px !important; padding:6px 9px !important; border:1px solid #62cabc !important; border-radius:9px !important; background:linear-gradient(180deg,#fbfffe 0%,#edf9f7 100%) !important; color:#087c70 !important; box-shadow:0 2px 5px rgba(17,111,99,.10) !important; cursor:pointer !important; list-style:none !important; user-select:none !important; transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease !important; } .hvn-lp-giftbox>summary:hover{ border-color:#25a996 !important; background:linear-gradient(180deg,#f5fffd 0%,#dff6f1 100%) !important; box-shadow:0 3px 8px rgba(12,135,117,.18) !important; transform:translateY(-1px) !important; } .hvn-lp-giftbox[open]>summary{ border-color:#159c89 !important; background:#e5f8f4 !important; box-shadow:0 0 0 2px rgba(99,191,232,.18),0 3px 8px rgba(12,135,117,.15) !important; } .hvn-lp-giftbox>summary:focus, .hvn-lp-giftbox>summary:focus-visible{ outline:none !important; border-color:#75bfe8 !important; box-shadow:0 0 0 2px rgba(117,191,232,.24) !important; } .hvn-lp-giftbox>summary::-webkit-details-marker{display:none !important} .hvn-lp-gift-icon{font-size:14px;line-height:1} .hvn-lp-gift-chevron{margin-left:auto;font-size:13px;line-height:1;color:#36a796;transition:transform .16s ease} .hvn-lp-giftbox[open] .hvn-lp-gift-chevron{transform:rotate(180deg)} .hvn-lp-giftbox.is-birthday>summary{ border-color:#d7b94c !important; background:linear-gradient(180deg,#fffdf4 0%,#fff5cf 100%) !important; color:#8a6800 !important; } .hvn-lp-giftbox.is-birthday>summary:hover{box-shadow:0 3px 9px rgba(197,151,20,.20) !important} .hvn-lp-giftform{ box-sizing:border-box !important; width:100% !important; margin-top:6px !important; padding:8px !important; border:1px solid #b9ddd7 !important; border-radius:10px !important; background:#fff !important; box-shadow:0 4px 12px rgba(27,93,84,.10) !important; } .hvn-lp-giftform label{display:block !important;margin:0 0 7px !important;text-align:left !important;color:#425d59 !important;font-weight:700 !important} .hvn-lp-giftform label>span{display:block;margin-bottom:3px} .hvn-lp-giftform input,.hvn-lp-giftform textarea{ box-sizing:border-box !important;width:100% !important;margin:0 !important;padding:6px 7px !important; border:1px solid #bdd6d2 !important;border-radius:7px !important;background:#fff !important;color:#243c38 !important; font:400 11px/1.35 Tahoma,Arial,sans-serif !important;resize:vertical !important; } .hvn-lp-giftform input:focus,.hvn-lp-giftform textarea:focus{ outline:none !important;border-color:#75bfe8 !important;box-shadow:0 0 0 2px rgba(117,191,232,.20) !important; } .hvn-lp-giftform button{ box-sizing:border-box !important;width:100% !important;min-height:31px !important;padding:6px 8px !important; border:1px solid #087f70 !important;border-radius:8px !important; background:linear-gradient(180deg,#12aa94 0%,#078776 100%) !important;color:#fff !important; font:800 11px Tahoma,Arial,sans-serif !important;cursor:pointer !important; box-shadow:0 2px 5px rgba(8,113,99,.18) !important; } .hvn-lp-giftform button:hover{background:linear-gradient(180deg,#19b9a1 0%,#07806f 100%) !important} .hvn-lp-giftform button:focus,.hvn-lp-giftform button:focus-visible{outline:none !important;border-color:#75bfe8 !important;box-shadow:0 0 0 2px rgba(117,191,232,.24) !important} .hvn-lp-giftform small{display:block !important;margin-top:6px !important;color:#748480 !important;font-size:9px !important;line-height:1.4 !important;font-weight:400 !important} @media (max-width:700px){.hvn-lp-giftbox{width:min(100%,210px) !important;max-width:210px !important}} /* ============================================================ HVN LEVELPOINT 3.6.5 — RANK ENGINE CHUẨN 33 RANK / 99 LEVEL 11 danh hiệu, mỗi danh hiệu 9 Level, icon theo chu kỳ 1 → 2 → 3. Icon PNG 24px nền trong suốt, không glow/shadow/animation. ============================================================ */ .hvn-lp-card.hvn-lp-style-sprout, .hvn-lp-card.hvn-lp-style-new-star, .hvn-lp-card.hvn-lp-style-knowledge-star, .hvn-lp-card.hvn-lp-style-young-scholar, .hvn-lp-card.hvn-lp-style-elite-scholar, .hvn-lp-card.hvn-lp-style-knowledge-gem, .hvn-lp-card.hvn-lp-style-wise-scholar, .hvn-lp-card.hvn-lp-style-knowledge-talent, .hvn-lp-card.hvn-lp-style-knowledge-elite, .hvn-lp-card.hvn-lp-style-knowledge-master, .hvn-lp-card.hvn-lp-style-knowledge-legend{ overflow:visible!important; } .hvn-lp-card .hvn-lp-rankline{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:wrap!important; gap:5px!important; width:100%!important; margin:1px auto 2px!important; line-height:1.2!important; } .hvn-lp-card .hvn-lp-rankline .hvn-lp-title{ display:inline-block!important; width:auto!important; margin:0!important; vertical-align:middle!important; } .hvn-lp-card .hvn-lp-rankline .hvn-lp-icons{ display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:2px!important; width:auto!important; height:24px!important; min-height:24px!important; margin:0!important; padding:0!important; line-height:1!important; overflow:visible!important; vertical-align:middle!important; } .hvn-lp-card .hvn-lp-rankline .hvn-lp-icon{ display:block!important; position:static!important; width:24px!important; height:24px!important; min-width:24px!important; flex:0 0 24px!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; border-radius:0!important; clip-path:none!important; background-color:transparent!important; background-repeat:no-repeat!important; background-position:center!important; background-size:24px 24px!important; box-shadow:none!important; filter:none!important; transform:none!important; animation:none!important; } .hvn-lp-card .hvn-lp-rankline .hvn-lp-icon::before, .hvn-lp-card .hvn-lp-rankline .hvn-lp-icon::after{ content:none!important; display:none!important; } .hvn-lp-card .hvn-lp-rankline .hvn-lp-icon:nth-child(n+2){display:block!important} /* Một danh hiệu = một icon gốc duy nhất; renderer tự lặp 1/2/3 lần. */ .hvn-lp-style-sprout .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/sprout.png")!important} .hvn-lp-style-new-star .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/new-star.png")!important} .hvn-lp-style-knowledge-star .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-star.png")!important} .hvn-lp-style-young-scholar .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/young-scholar.png")!important} .hvn-lp-style-elite-scholar .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/elite-scholar.png")!important} .hvn-lp-style-knowledge-gem .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-gem.png")!important} .hvn-lp-style-wise-scholar .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/wise-scholar.png")!important} .hvn-lp-style-knowledge-talent .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-talent.png")!important} .hvn-lp-style-knowledge-elite .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-elite.png")!important} .hvn-lp-style-knowledge-master .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-master.png")!important} .hvn-lp-style-knowledge-legend .hvn-lp-rankline .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-legend.png")!important} /* Giữ bảng màu card nhẹ, sang, icon không có hiệu ứng phát sáng. */ .hvn-lp-style-sprout{border-color:#5fc87d!important;background:#f4fff7!important}.hvn-lp-style-sprout .hvn-lp-title{color:#17833e!important} .hvn-lp-style-new-star{border-color:#e3b33f!important;background:#fffaf0!important}.hvn-lp-style-new-star .hvn-lp-title{color:#9b6900!important} .hvn-lp-style-knowledge-star{border-color:#3f8ddd!important;background:#f2f8ff!important}.hvn-lp-style-knowledge-star .hvn-lp-title{color:#185da8!important} .hvn-lp-style-young-scholar{border-color:#b69253!important;background:#fffaf1!important}.hvn-lp-style-young-scholar .hvn-lp-title{color:#725127!important} .hvn-lp-style-elite-scholar{border-color:#315c9f!important;background:#f4f7fc!important}.hvn-lp-style-elite-scholar .hvn-lp-title{color:#173f78!important} .hvn-lp-style-knowledge-gem{border-color:#24a9c7!important;background:#f0fcff!important}.hvn-lp-style-knowledge-gem .hvn-lp-title{color:#08788f!important} .hvn-lp-style-wise-scholar{border-color:#c99a25!important;background:#fffbef!important}.hvn-lp-style-wise-scholar .hvn-lp-title{color:#86620c!important} .hvn-lp-style-knowledge-talent{border-color:#d49b18!important;background:#fff9e9!important}.hvn-lp-style-knowledge-talent .hvn-lp-title{color:#8d6200!important} .hvn-lp-style-knowledge-elite{border-color:#148f91!important;background:#f1ffff!important}.hvn-lp-style-knowledge-elite .hvn-lp-title{color:#087879!important} .hvn-lp-style-knowledge-master{border-color:#9c7431!important;background:#fff9ed!important}.hvn-lp-style-knowledge-master .hvn-lp-title{color:#72501d!important} .hvn-lp-style-knowledge-legend{border-color:#d85734!important;background:#fff5f1!important}.hvn-lp-style-knowledge-legend .hvn-lp-title{color:#a52e17!important} /* ============================================================ HVN LEVELPOINT 3.6.6 — JEWEL RANK CARDS - Huy hiệu nằm trên danh hiệu. - Chữ card xanh biển; Điểm Kinh Nghiệm tím huyền ảo. - Phản xạ chữ vàng-cam nhẹ. - Khung phân cấp đúng 11 danh hiệu, viền mảnh sang trọng. ============================================================ */ @keyframes hvnLpTextJewelPulse{ 0%,100%{text-shadow:0 0 0 rgba(255,170,45,0)} 42%{text-shadow:0 0 3px rgba(255,176,58,.30),0 0 6px rgba(255,132,31,.13)} 52%{text-shadow:0 0 5px rgba(255,195,80,.50),0 0 9px rgba(255,139,33,.22)} 62%{text-shadow:0 0 3px rgba(255,176,58,.25)} } @keyframes hvnLpBorderSparkle{ 0%,100%{opacity:.38;transform:translate3d(0,0,0)} 45%{opacity:.86} 55%{opacity:.52;transform:translate3d(1px,-1px,0)} } @keyframes hvnLpAuraPulse{ 0%,100%{box-shadow:0 0 4px rgba(220,38,38,.20),inset 0 0 0 1px rgba(255,214,110,.18)} 50%{box-shadow:0 0 10px rgba(239,55,45,.42),0 0 16px rgba(255,135,38,.16),inset 0 0 0 1px rgba(255,221,124,.36)} } .hvn-lp-card.hvn-lp-style-sprout, .hvn-lp-card.hvn-lp-style-new-star, .hvn-lp-card.hvn-lp-style-knowledge-star, .hvn-lp-card.hvn-lp-style-young-scholar, .hvn-lp-card.hvn-lp-style-elite-scholar, .hvn-lp-card.hvn-lp-style-knowledge-gem, .hvn-lp-card.hvn-lp-style-wise-scholar, .hvn-lp-card.hvn-lp-style-knowledge-talent, .hvn-lp-card.hvn-lp-style-knowledge-elite, .hvn-lp-card.hvn-lp-style-knowledge-master, .hvn-lp-card.hvn-lp-style-knowledge-legend{ position:relative!important; isolation:isolate!important; overflow:hidden!important; border-width:1px!important; border-style:solid!important; border-radius:11px!important; padding:8px 10px 7px!important; min-height:76px!important; } /* Huy hiệu ở trên, luôn 24px sạch. */ .hvn-lp-card .hvn-lp-icons-top{ display:flex!important; align-items:center!important; justify-content:center!important; gap:3px!important; width:100%!important; min-height:24px!important; height:24px!important; margin:0 auto 2px!important; padding:0!important; line-height:1!important; position:relative!important; z-index:3!important; } .hvn-lp-card .hvn-lp-icons-top .hvn-lp-icon{ display:block!important; position:static!important; width:24px!important; height:24px!important; min-width:24px!important; flex:0 0 24px!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; border-radius:0!important; background-color:transparent!important; background-repeat:no-repeat!important; background-position:center!important; background-size:24px 24px!important; box-shadow:none!important; filter:none!important; transform:none!important; animation:none!important; } .hvn-lp-card .hvn-lp-icons-top .hvn-lp-icon::before, .hvn-lp-card .hvn-lp-icons-top .hvn-lp-icon::after{content:none!important;display:none!important} /* Mapping icon cho vị trí mới. */ .hvn-lp-style-sprout .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/sprout.png")!important} .hvn-lp-style-new-star .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/new-star.png")!important} .hvn-lp-style-knowledge-star .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-star.png")!important} .hvn-lp-style-young-scholar .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/young-scholar.png")!important} .hvn-lp-style-elite-scholar .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/elite-scholar.png")!important} .hvn-lp-style-knowledge-gem .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-gem.png")!important} .hvn-lp-style-wise-scholar .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/wise-scholar.png")!important} .hvn-lp-style-knowledge-talent .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-talent.png")!important} .hvn-lp-style-knowledge-elite .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-elite.png")!important} .hvn-lp-style-knowledge-master .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-master.png")!important} .hvn-lp-style-knowledge-legend .hvn-lp-icons-top .hvn-lp-icon{background-image:url("images/ranks/v365/knowledge-legend.png")!important} /* Toàn bộ chữ chính xanh biển. */ .hvn-lp-card.hvn-lp-style-sprout .hvn-lp-level, .hvn-lp-card.hvn-lp-style-new-star .hvn-lp-level, .hvn-lp-card.hvn-lp-style-knowledge-star .hvn-lp-level, .hvn-lp-card.hvn-lp-style-young-scholar .hvn-lp-level, .hvn-lp-card.hvn-lp-style-elite-scholar .hvn-lp-level, .hvn-lp-card.hvn-lp-style-knowledge-gem .hvn-lp-level, .hvn-lp-card.hvn-lp-style-wise-scholar .hvn-lp-level, .hvn-lp-card.hvn-lp-style-knowledge-talent .hvn-lp-level, .hvn-lp-card.hvn-lp-style-knowledge-elite .hvn-lp-level, .hvn-lp-card.hvn-lp-style-knowledge-master .hvn-lp-level, .hvn-lp-card.hvn-lp-style-knowledge-legend .hvn-lp-level, .hvn-lp-card.hvn-lp-style-sprout .hvn-lp-title, .hvn-lp-card.hvn-lp-style-new-star .hvn-lp-title, .hvn-lp-card.hvn-lp-style-knowledge-star .hvn-lp-title, .hvn-lp-card.hvn-lp-style-young-scholar .hvn-lp-title, .hvn-lp-card.hvn-lp-style-elite-scholar .hvn-lp-title, .hvn-lp-card.hvn-lp-style-knowledge-gem .hvn-lp-title, .hvn-lp-card.hvn-lp-style-wise-scholar .hvn-lp-title, .hvn-lp-card.hvn-lp-style-knowledge-talent .hvn-lp-title, .hvn-lp-card.hvn-lp-style-knowledge-elite .hvn-lp-title, .hvn-lp-card.hvn-lp-style-knowledge-master .hvn-lp-title, .hvn-lp-card.hvn-lp-style-knowledge-legend .hvn-lp-title{ color:#075aa8!important; position:relative!important; z-index:3!important; animation:hvnLpTextJewelPulse 3.6s ease-in-out infinite!important; } .hvn-lp-card .hvn-lp-level{display:block!important;margin:0 auto 1px!important;text-align:center!important;line-height:1.15!important} .hvn-lp-card .hvn-lp-title{display:block!important;width:100%!important;margin:0 auto 2px!important;text-align:center!important;line-height:1.18!important;font-weight:700!important} /* Điểm Kinh Nghiệm tím huyền ảo. */ .hvn-lp-card.hvn-lp-style-sprout .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-new-star .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-knowledge-star .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-young-scholar .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-elite-scholar .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-knowledge-gem .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-wise-scholar .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-knowledge-talent .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-knowledge-elite .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-knowledge-master .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-knowledge-legend .hvn-lp-experience, .hvn-lp-card.hvn-lp-style-sprout .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-new-star .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-knowledge-star .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-young-scholar .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-elite-scholar .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-knowledge-gem .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-wise-scholar .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-knowledge-talent .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-knowledge-elite .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-knowledge-master .hvn-lp-experience *, .hvn-lp-card.hvn-lp-style-knowledge-legend .hvn-lp-experience *{ color:#7b20d4!important; position:relative!important; z-index:3!important; animation:hvnLpTextJewelPulse 4.1s ease-in-out infinite!important; } /* Rank 1: Mầm xanh — khung trắng. */ .hvn-lp-style-sprout{ background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important; border-color:#d7e0e8!important; box-shadow:0 2px 6px rgba(26,62,91,.08)!important; } /* Rank 2: Ngôi sao mới — xanh dương. */ .hvn-lp-style-new-star{ background:linear-gradient(180deg,#fbfdff 0%,#f2f7ff 100%)!important; border-color:#438cff!important; box-shadow:0 2px 7px rgba(40,111,223,.14),inset 0 0 0 1px rgba(139,190,255,.16)!important; } /* Rank 3: Ngôi sao tri thức — xanh lá. */ .hvn-lp-style-knowledge-star{ background:linear-gradient(180deg,#fcfff9 0%,#f3fbef 100%)!important; border-color:#58aa55!important; box-shadow:0 2px 7px rgba(62,137,68,.14),inset 0 0 0 1px rgba(166,222,145,.18)!important; } /* Rank 4: Học giả trẻ — nâu bạc. */ .hvn-lp-style-young-scholar{ background:linear-gradient(180deg,#fffefd 0%,#f5f3f0 100%)!important; border-color:#a99f93!important; box-shadow:0 2px 7px rgba(105,92,76,.12),inset 0 0 0 1px rgba(223,219,214,.45)!important; } /* Rank 5: Học giả ưu tú — nâu vàng. */ .hvn-lp-style-elite-scholar{ background:linear-gradient(180deg,#fffdf8 0%,#fbf3e6 100%)!important; border-color:#ba842f!important; box-shadow:0 2px 7px rgba(157,101,24,.14),inset 0 0 0 1px rgba(231,194,127,.26)!important; } /* Double-border base: mỏng, sáng, sang. */ .hvn-lp-style-knowledge-gem::before, .hvn-lp-style-wise-scholar::before, .hvn-lp-style-knowledge-talent::before, .hvn-lp-style-knowledge-elite::before, .hvn-lp-style-knowledge-master::before, .hvn-lp-style-knowledge-legend::before{ content:""!important; position:absolute!important; inset:3px!important; border:1px solid currentColor!important; border-radius:8px!important; opacity:.54!important; pointer-events:none!important; z-index:1!important; } /* Rank 6: Tinh hoa tri thức — xanh ngọc bích, 2 viền lấp lánh. */ .hvn-lp-style-knowledge-gem{ color:#08a990!important; background:linear-gradient(180deg,#fbfffe 0%,#effcf9 100%)!important; border-color:#0aa98f!important; box-shadow:0 2px 8px rgba(3,142,119,.16),0 0 7px rgba(18,198,167,.09)!important; } .hvn-lp-style-knowledge-gem::before{animation:hvnLpBorderSparkle 3.1s ease-in-out infinite!important} /* Rank 7: Hiền sĩ tri thức — vàng, 2 viền lấp lánh. */ .hvn-lp-style-wise-scholar{ color:#d5a30b!important; background:linear-gradient(180deg,#fffef8 0%,#fff9dd 100%)!important; border-color:#e0b11a!important; box-shadow:0 2px 8px rgba(189,143,0,.15),0 0 7px rgba(255,207,54,.10)!important; } .hvn-lp-style-wise-scholar::before{animation:hvnLpBorderSparkle 2.9s ease-in-out infinite!important} /* Rank 8: Hiền tài tri thức — tím, 2 viền lấp lánh. */ .hvn-lp-style-knowledge-talent{ color:#8b4fd0!important; background:linear-gradient(180deg,#fefcff 0%,#f8f1ff 100%)!important; border-color:#8f55d4!important; box-shadow:0 2px 8px rgba(117,63,184,.16),0 0 8px rgba(164,101,235,.10)!important; } .hvn-lp-style-knowledge-talent::before{animation:hvnLpBorderSparkle 2.7s ease-in-out infinite!important} /* Rank 9: Tinh anh tri thức — đỏ, 2 viền lấp lánh. */ .hvn-lp-style-knowledge-elite{ color:#e34a47!important; background:linear-gradient(180deg,#fffdfd 0%,#fff3f3 100%)!important; border-color:#e54c48!important; box-shadow:0 2px 8px rgba(194,45,43,.17),0 0 8px rgba(255,87,67,.10)!important; } .hvn-lp-style-knowledge-elite::before{animation:hvnLpBorderSparkle 2.55s ease-in-out infinite!important} /* Triple-border base cho Bậc thầy & Huyền thoại. */ .hvn-lp-style-knowledge-master::after, .hvn-lp-style-knowledge-legend::after{ content:""!important; position:absolute!important; inset:6px!important; border:1px solid rgba(255,191,87,.58)!important; border-radius:6px!important; pointer-events:none!important; z-index:1!important; animation:hvnLpBorderSparkle 2.35s ease-in-out infinite reverse!important; } /* Rank 10: Bậc thầy tri thức — đỏ hào quang, 3 viền. */ .hvn-lp-style-knowledge-master{ color:#e04539!important; background:linear-gradient(180deg,#fffafa 0%,#fff0ed 100%)!important; border-color:#d83c33!important; animation:hvnLpAuraPulse 2.8s ease-in-out infinite!important; } .hvn-lp-style-knowledge-master::before{border-color:#ef7659!important;animation:hvnLpBorderSparkle 2.5s ease-in-out infinite!important} /* Rank 11: Huyền thoại tri thức — đỏ hào quang mạnh nhất, 3 viền. */ .hvn-lp-style-knowledge-legend{ color:#d92921!important; background:linear-gradient(180deg,#fff8f7 0%,#ffe9e6 100%)!important; border-color:#c9241d!important; animation:hvnLpAuraPulse 2.25s ease-in-out infinite!important; } .hvn-lp-style-knowledge-legend::before{border-color:#ff6a47!important;opacity:.72!important;animation:hvnLpBorderSparkle 2.15s ease-in-out infinite!important} .hvn-lp-style-knowledge-legend::after{border-color:rgba(255,177,54,.72)!important} /* Nội dung luôn nằm trên các viền pseudo. */ .hvn-lp-card.hvn-lp-style-sprout > *, .hvn-lp-card.hvn-lp-style-new-star > *, .hvn-lp-card.hvn-lp-style-knowledge-star > *, .hvn-lp-card.hvn-lp-style-young-scholar > *, .hvn-lp-card.hvn-lp-style-elite-scholar > *, .hvn-lp-card.hvn-lp-style-knowledge-gem > *, .hvn-lp-card.hvn-lp-style-wise-scholar > *, .hvn-lp-card.hvn-lp-style-knowledge-talent > *, .hvn-lp-card.hvn-lp-style-knowledge-elite > *, .hvn-lp-card.hvn-lp-style-knowledge-master > *, .hvn-lp-card.hvn-lp-style-knowledge-legend > *{position:relative!important;z-index:3!important} @media (prefers-reduced-motion:reduce){ .hvn-lp-card .hvn-lp-level,.hvn-lp-card .hvn-lp-title,.hvn-lp-card .hvn-lp-experience,.hvn-lp-card .hvn-lp-experience *, .hvn-lp-style-knowledge-gem::before,.hvn-lp-style-wise-scholar::before,.hvn-lp-style-knowledge-talent::before,.hvn-lp-style-knowledge-elite::before, .hvn-lp-style-knowledge-master,.hvn-lp-style-knowledge-legend,.hvn-lp-style-knowledge-master::before,.hvn-lp-style-knowledge-legend::before, .hvn-lp-style-knowledge-master::after,.hvn-lp-style-knowledge-legend::after{animation:none!important} } /* ============================================================ HVN LEVELPOINT 3.6.7 — JEWEL FRAME + SAFE POST CARD - Chặn toàn bộ pseudo-element tràn ra ngoài card ngoài diễn đàn. - Tất cả 11 card có flare quét bên trong. - Tinh hoa → Hiền tài: 2 viền cổ điển. - Tinh anh → Huyền thoại: 3 viền quý tộc. ============================================================ */ /* Card luôn là một "viewport" kín cho hiệu ứng. Sửa lỗi đường chéo lòi ra ngoài forum. */ .hvn-lp-card.hvn-lp-style-sprout, .hvn-lp-card.hvn-lp-style-new-star, .hvn-lp-card.hvn-lp-style-knowledge-star, .hvn-lp-card.hvn-lp-style-young-scholar, .hvn-lp-card.hvn-lp-style-elite-scholar, .hvn-lp-card.hvn-lp-style-knowledge-gem, .hvn-lp-card.hvn-lp-style-wise-scholar, .hvn-lp-card.hvn-lp-style-knowledge-talent, .hvn-lp-card.hvn-lp-style-knowledge-elite, .hvn-lp-card.hvn-lp-style-knowledge-master, .hvn-lp-card.hvn-lp-style-knowledge-legend{ position:relative!important; overflow:hidden!important; isolation:isolate!important; background-clip:padding-box!important; } /* Khôi phục pseudo-element thành hai lớp hiệu ứng chuẩn, không dùng hình học cũ. */ .hvn-lp-card.hvn-lp-style-sprout::before, .hvn-lp-card.hvn-lp-style-new-star::before, .hvn-lp-card.hvn-lp-style-knowledge-star::before, .hvn-lp-card.hvn-lp-style-young-scholar::before, .hvn-lp-card.hvn-lp-style-elite-scholar::before, .hvn-lp-card.hvn-lp-style-knowledge-gem::before, .hvn-lp-card.hvn-lp-style-wise-scholar::before, .hvn-lp-card.hvn-lp-style-knowledge-talent::before, .hvn-lp-card.hvn-lp-style-knowledge-elite::before, .hvn-lp-card.hvn-lp-style-knowledge-master::before, .hvn-lp-card.hvn-lp-style-knowledge-legend::before{ content:""!important; position:absolute!important; z-index:1!important; top:-50%!important; left:-42%!important; width:26%!important; height:210%!important; inset:auto!important; border:0!important; border-radius:0!important; opacity:0!important; pointer-events:none!important; transform:rotate(22deg)!important; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,245,202,.68) 50%,rgba(255,174,58,.25) 68%,transparent 100%)!important; box-shadow:none!important; animation:hvnLpJewelSweep 5.2s ease-in-out infinite!important; } /* Ornament/viền trong: một lớp mảnh, nằm hoàn toàn trong card. */ .hvn-lp-card.hvn-lp-style-sprout::after, .hvn-lp-card.hvn-lp-style-new-star::after, .hvn-lp-card.hvn-lp-style-knowledge-star::after, .hvn-lp-card.hvn-lp-style-young-scholar::after, .hvn-lp-card.hvn-lp-style-elite-scholar::after, .hvn-lp-card.hvn-lp-style-knowledge-gem::after, .hvn-lp-card.hvn-lp-style-wise-scholar::after, .hvn-lp-card.hvn-lp-style-knowledge-talent::after, .hvn-lp-card.hvn-lp-style-knowledge-elite::after, .hvn-lp-card.hvn-lp-style-knowledge-master::after, .hvn-lp-card.hvn-lp-style-knowledge-legend::after{ content:""!important; position:absolute!important; inset:3px!important; z-index:1!important; pointer-events:none!important; border-radius:7px!important; opacity:.52!important; background: linear-gradient(135deg,currentColor 0 7px,transparent 7px) top left/22px 22px no-repeat, linear-gradient(225deg,currentColor 0 7px,transparent 7px) top right/22px 22px no-repeat, linear-gradient(45deg,currentColor 0 7px,transparent 7px) bottom left/22px 22px no-repeat, linear-gradient(315deg,currentColor 0 7px,transparent 7px) bottom right/22px 22px no-repeat!important; border:0!important; box-shadow:none!important; animation:hvnLpOrnamentPulse 4.4s ease-in-out infinite!important; } /* Tầng 1: 1 viền thanh lịch + flare chung. */ .hvn-lp-style-sprout{box-shadow:0 2px 7px rgba(26,62,91,.09)!important} .hvn-lp-style-new-star{box-shadow:0 2px 8px rgba(40,111,223,.16)!important} .hvn-lp-style-knowledge-star{box-shadow:0 2px 8px rgba(62,137,68,.16)!important} .hvn-lp-style-young-scholar{box-shadow:0 2px 8px rgba(105,92,76,.14)!important} .hvn-lp-style-elite-scholar{box-shadow:0 2px 8px rgba(157,101,24,.16)!important} /* Tầng 2: Tinh hoa → Hiền tài. Hai viền mảnh, kiểu khung cổ điển trang trọng. */ .hvn-lp-style-knowledge-gem{ color:#058f7d!important; border:1px solid #069b86!important; box-shadow:inset 0 0 0 3px rgba(84,222,196,.34),0 2px 9px rgba(0,133,112,.18),0 0 8px rgba(64,226,196,.14)!important; } .hvn-lp-style-wise-scholar{ color:#c59305!important; border:1px solid #d6a20d!important; box-shadow:inset 0 0 0 3px rgba(255,220,104,.38),0 2px 9px rgba(171,124,0,.18),0 0 8px rgba(255,205,60,.14)!important; } .hvn-lp-style-knowledge-talent{ color:#7a3cc0!important; border:1px solid #8245c7!important; box-shadow:inset 0 0 0 3px rgba(192,143,255,.34),0 2px 9px rgba(99,45,160,.18),0 0 8px rgba(174,107,242,.14)!important; } .hvn-lp-style-knowledge-gem::after, .hvn-lp-style-wise-scholar::after, .hvn-lp-style-knowledge-talent::after{ border:1px solid currentColor!important; opacity:.56!important; } /* Tầng 3: Tinh anh → Huyền thoại. Ba viền quý tộc, nét rõ nhưng vẫn mảnh. */ .hvn-lp-style-knowledge-elite{ color:#d93c3b!important; border:1px solid #d93c3b!important; box-shadow:inset 0 0 0 3px rgba(247,117,107,.35),inset 0 0 0 6px rgba(255,205,132,.20),0 2px 10px rgba(173,37,35,.20),0 0 10px rgba(255,83,60,.15)!important; } .hvn-lp-style-knowledge-master{ color:#cf3029!important; border:1px solid #c92d27!important; box-shadow:inset 0 0 0 3px rgba(240,90,71,.40),inset 0 0 0 6px rgba(255,187,77,.28),0 2px 11px rgba(160,28,23,.22),0 0 12px rgba(255,92,48,.20)!important; animation:hvnLpRoyalAura 3.8s ease-in-out infinite!important; } .hvn-lp-style-knowledge-legend{ color:#ba211d!important; border:1px solid #b91e19!important; box-shadow:inset 0 0 0 3px rgba(232,72,54,.43),inset 0 0 0 6px rgba(255,170,44,.34),0 2px 12px rgba(142,21,17,.25),0 0 14px rgba(255,77,35,.24)!important; animation:hvnLpRoyalAuraLegend 3.2s ease-in-out infinite!important; } .hvn-lp-style-knowledge-elite::after, .hvn-lp-style-knowledge-master::after, .hvn-lp-style-knowledge-legend::after{ inset:7px!important; border:1px solid rgba(255,191,86,.62)!important; border-radius:5px!important; opacity:.68!important; } /* Càng cao flare càng chậm và có trọng lượng. */ .hvn-lp-style-sprout::before,.hvn-lp-style-new-star::before,.hvn-lp-style-knowledge-star::before,.hvn-lp-style-young-scholar::before,.hvn-lp-style-elite-scholar::before{animation-duration:4.8s!important} .hvn-lp-style-knowledge-gem::before,.hvn-lp-style-wise-scholar::before,.hvn-lp-style-knowledge-talent::before{animation-duration:5.6s!important} .hvn-lp-style-knowledge-elite::before,.hvn-lp-style-knowledge-master::before,.hvn-lp-style-knowledge-legend::before{animation-duration:6.6s!important} /* Tên/Lv giữ xanh biển, Point giữ tím huyền ảo; flare luôn nằm dưới chữ/icon. */ .hvn-lp-card .hvn-lp-icons-top,.hvn-lp-card .hvn-lp-level,.hvn-lp-card .hvn-lp-title,.hvn-lp-card .hvn-lp-experience,.hvn-lp-card .hvn-lp-progress{ position:relative!important; z-index:3!important; } @keyframes hvnLpJewelSweep{ 0%,18%{left:-42%;opacity:0} 28%{opacity:.62} 50%{left:118%;opacity:.80} 62%,100%{left:118%;opacity:0} } @keyframes hvnLpOrnamentPulse{ 0%,100%{opacity:.35;filter:brightness(.95)} 50%{opacity:.72;filter:brightness(1.18)} } @keyframes hvnLpRoyalAura{ 0%,100%{filter:drop-shadow(0 0 1px rgba(255,128,68,.18))} 50%{filter:drop-shadow(0 0 5px rgba(255,122,50,.34))} } @keyframes hvnLpRoyalAuraLegend{ 0%,100%{filter:drop-shadow(0 0 2px rgba(255,115,44,.24))} 50%{filter:drop-shadow(0 0 7px rgba(255,94,28,.42))} } /* Riêng card trong bài viết: khóa cứng mọi hiệu ứng vào biên card. */ .postprofile .hvn-lp-card, .post.hvn-social-post .postprofile .hvn-lp-card{ overflow:hidden!important; contain:paint!important; isolation:isolate!important; } @media (prefers-reduced-motion:reduce){ .hvn-lp-card::before,.hvn-lp-card::after,.hvn-lp-style-knowledge-master,.hvn-lp-style-knowledge-legend{animation:none!important} } /* ============================================================ HVN LEVELPOINT 3.6.8 — ADMIN ROYAL STAR + GOLD STAR OVERLAY - Bỏ ngôi sao nhỏ ở góc Admin. - Huy hiệu giữa Admin = sao 5 cánh ánh kim bạc-vàng. - Tinh hoa → Huyền thoại có overlay sao vàng bay/lấp lánh, cường độ tăng dần theo rank và theo tier 1→2→3. - Giữ nguyên toàn bộ bố cục/engine/màu card 3.6.7. ============================================================ */ /* ---------- BAN QUẢN TRỊ: bỏ ngôi sao nhỏ ở góc ---------- */ .hvn-lp-card.hvn-lp-style-management-boss::before{ content:none!important; display:none!important; animation:none!important; } /* Giữ flare quét trong card nhưng không còn phụ thuộc ngôi sao góc. */ .hvn-lp-card.hvn-lp-style-management-boss::after{ content:""!important; display:block!important; position:absolute!important; z-index:2!important; top:-75%!important; left:-34%!important; right:auto!important; width:22%!important; height:260%!important; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 24%,rgba(255,250,218,.92) 48%,rgba(255,185,48,.42) 61%,transparent 100%)!important; transform:rotate(19deg)!important; transform-origin:center!important; opacity:0!important; pointer-events:none!important; animation:hvnAdminRoyalSweep 3.8s ease-in-out infinite!important; } /* Huy hiệu trung tâm: sao 5 cánh bạc-vàng, không dùng hình tròn cũ. */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icons{ position:relative!important; z-index:8!important; display:flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:31px!important; min-height:31px!important; margin:0 auto 1px!important; overflow:visible!important; filter:none!important; } .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon{ position:relative!important; display:block!important; width:28px!important; height:28px!important; flex:0 0 28px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; clip-path:polygon(50% 0%,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 36%,39% 34%)!important; background: linear-gradient(135deg,rgba(255,255,255,.95) 0 10%,transparent 11% 100%), conic-gradient(from 5deg,#fffef4 0 7%,#d9e3ee 8% 14%,#fff7c8 15% 23%,#ffcf42 24% 39%,#fff9db 40% 48%,#d3dde8 49% 57%,#f6b51c 58% 75%,#fff4bf 76% 86%,#f9d052 87% 100%)!important; box-shadow:none!important; filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 6px rgba(255,218,96,.92)) drop-shadow(0 0 10px rgba(255,153,0,.52))!important; transform-origin:50% 54%!important; animation:hvnAdminRoyalStar 1.35s ease-in-out infinite alternate!important; } /* Viền sao ánh bạc-vàng bên trong. */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon::before{ content:""!important; display:block!important; position:absolute!important; inset:3px!important; z-index:2!important; clip-path:inherit!important; border:0!important; border-radius:0!important; background:linear-gradient(145deg,#ffffff 0%,#dbe5ef 26%,#fff5b6 48%,#e8a913 73%,#fffbe4 100%)!important; box-shadow:none!important; transform:none!important; } /* Điểm flare nhỏ trên mặt sao. */ .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon::after{ content:"✦"!important; display:block!important; position:absolute!important; z-index:4!important; left:52%!important; top:46%!important; transform:translate(-50%,-50%)!important; color:#fff!important; font-size:12px!important; line-height:1!important; text-shadow:0 0 2px #fff,0 0 5px #fff8bd,0 0 9px #ffcf3f,0 0 13px rgba(255,146,0,.72)!important; animation:hvnAdminStarGlint .78s ease-in-out infinite alternate!important; } @keyframes hvnAdminRoyalStar{ 0%{transform:scale(.94) rotate(-2deg);filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 4px rgba(255,232,145,.72)) drop-shadow(0 0 7px rgba(255,177,22,.42))} 100%{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px rgba(255,242,184,1)) drop-shadow(0 0 12px rgba(255,155,0,.64))} } @keyframes hvnAdminStarGlint{ 0%{opacity:.52;transform:translate(-50%,-50%) scale(.72) rotate(-10deg)} 100%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(10deg)} } @keyframes hvnAdminRoyalSweep{ 0%,48%{left:-34%;opacity:0} 59%{opacity:.88} 82%{left:120%;opacity:.28} 100%{left:120%;opacity:0} } /* ---------- Overlay sao vàng lấp lánh cho rank cao ---------- */ .hvn-lp-sparkle-field{ display:none; position:absolute!important; inset:0!important; z-index:2!important; overflow:hidden!important; pointer-events:none!important; border-radius:inherit!important; mix-blend-mode:screen; } .hvn-lp-sparkle-field::before, .hvn-lp-sparkle-field::after{ position:absolute!important; display:block!important; white-space:nowrap!important; color:#ffd84f!important; font-family:Arial,"Segoe UI Symbol",sans-serif!important; line-height:1!important; letter-spacing:22px!important; text-shadow: 0 0 1px #fff, 0 0 4px rgba(255,247,185,.98), 0 0 8px rgba(255,200,50,.84), 0 0 12px rgba(255,143,0,.42)!important; transform-origin:center!important; } .hvn-lp-sparkle-field::before{ content:"✦ ★ ✧ ✦ ★"!important; left:-44%!important; top:12%!important; animation:hvnLpStarsFlyA 7.4s linear infinite!important; } .hvn-lp-sparkle-field::after{ content:"✧ ✦ ★ ✧"!important; right:-42%!important; bottom:12%!important; animation:hvnLpStarsFlyB 8.6s linear infinite!important; } /* Từ Tinh hoa trở lên mới bật field sao. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field, .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field{display:block!important} /* Cường độ tăng dần theo từng danh hiệu. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field{opacity:.24!important} .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field{opacity:.34!important} .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field{opacity:.44!important} .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field{opacity:.58!important} .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field{opacity:.74!important} .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field{opacity:.92!important} /* Cùng một danh hiệu: tier 1 < tier 2 < tier 3. */ .hvn-lp-tier-1 .hvn-lp-sparkle-field::before{font-size:7px!important} .hvn-lp-tier-1 .hvn-lp-sparkle-field::after{font-size:6px!important;opacity:.72!important} .hvn-lp-tier-2 .hvn-lp-sparkle-field::before{font-size:8px!important} .hvn-lp-tier-2 .hvn-lp-sparkle-field::after{font-size:7px!important;opacity:.84!important} .hvn-lp-tier-3 .hvn-lp-sparkle-field::before{font-size:9px!important} .hvn-lp-tier-3 .hvn-lp-sparkle-field::after{font-size:8px!important;opacity:1!important} /* Bậc thầy/Huyền thoại có sao sáng hơn và nhịp chậm sang trọng. */ .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::after{ color:#ffe06a!important; text-shadow:0 0 2px #fff,0 0 6px #fff6bb,0 0 11px #ffc42e,0 0 16px rgba(255,108,0,.52)!important; } .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::after{ color:#ffe878!important; text-shadow:0 0 2px #fff,0 0 7px #fff9cc,0 0 12px #ffc21c,0 0 19px rgba(255,78,0,.68)!important; } @keyframes hvnLpStarsFlyA{ 0%{transform:translate3d(-8px,7px,0) rotate(-8deg) scale(.82);opacity:0} 12%{opacity:.85} 48%{transform:translate3d(118px,-7px,0) rotate(5deg) scale(1.06);opacity:1} 88%{opacity:.62} 100%{transform:translate3d(260px,8px,0) rotate(12deg) scale(.88);opacity:0} } @keyframes hvnLpStarsFlyB{ 0%{transform:translate3d(12px,-4px,0) rotate(8deg) scale(.76);opacity:0} 14%{opacity:.68} 52%{transform:translate3d(-114px,5px,0) rotate(-5deg) scale(1.02);opacity:.96} 88%{opacity:.58} 100%{transform:translate3d(-255px,-6px,0) rotate(-12deg) scale(.82);opacity:0} } /* Nội dung luôn nổi trên flare/sao. */ .hvn-lp-card .hvn-lp-icons, .hvn-lp-card .hvn-lp-icons-top, .hvn-lp-card .hvn-lp-level, .hvn-lp-card .hvn-lp-title, .hvn-lp-card .hvn-lp-experience, .hvn-lp-card .hvn-lp-progress{position:relative!important;z-index:4!important} @media (prefers-reduced-motion:reduce){ .hvn-lp-sparkle-field::before,.hvn-lp-sparkle-field::after, .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon, .hvn-lp-card.hvn-lp-style-management-boss .hvn-lp-icon::after, .hvn-lp-card.hvn-lp-style-management-boss::after{animation:none!important} } /* ============================================================ HVN LEVELPOINT 3.6.9 — VISIBLE GOLDEN FLARE OVERLAY FIX - Fix overlay bị "mất" trên nền sáng do mix-blend-mode: screen. - Thêm dải flare vàng chạy ngang rõ ràng. - Thêm các sao vàng lấp lánh bay qua card. - Cường độ tăng dần từ Tinh hoa -> Huyền thoại và tier 1 -> 3. ============================================================ */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field, .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field{ display:block!important; position:absolute!important; inset:0!important; z-index:2!important; overflow:hidden!important; border-radius:inherit!important; pointer-events:none!important; mix-blend-mode:normal!important; opacity:1!important; background: radial-gradient(circle at 12% 28%, rgba(255,218,58,.95) 0 1.2px, transparent 1.8px), radial-gradient(circle at 72% 24%, rgba(255,245,166,.95) 0 1px, transparent 1.6px), radial-gradient(circle at 28% 72%, rgba(255,193,28,.90) 0 1.1px, transparent 1.7px), radial-gradient(circle at 86% 70%, rgba(255,234,115,.92) 0 1px, transparent 1.6px)!important; background-size:54px 38px,68px 44px,74px 50px,62px 42px!important; animation:hvnLpGoldDustDrift 7.2s linear infinite!important; } /* Dải flare vàng-bạc quét ngang qua toàn card. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field::before, .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::before{ content:""!important; position:absolute!important; display:block!important; top:-42%!important; left:-54%!important; width:34%!important; height:190%!important; transform:rotate(18deg)!important; border-radius:50%!important; background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.05) 18%, rgba(255,249,206,.72) 40%, rgba(255,255,255,.98) 50%, rgba(255,205,58,.78) 60%, rgba(255,153,0,.24) 74%, transparent 100%)!important; filter:blur(.15px)!important; box-shadow:0 0 8px rgba(255,229,119,.48),0 0 16px rgba(255,169,19,.22)!important; opacity:0!important; animation:hvnLpGoldenSweepVisible 4.9s ease-in-out infinite!important; } /* Cụm sao vàng bay xuyên ngang, không dùng screen blend để luôn thấy trên nền trắng. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field::after, .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::after{ content:"✦ ✧ ★ ✦ ✧"!important; position:absolute!important; display:block!important; left:-72%!important; top:18%!important; width:max-content!important; white-space:nowrap!important; color:#e8aa00!important; font-family:Arial,"Segoe UI Symbol",sans-serif!important; font-weight:900!important; line-height:1!important; letter-spacing:8px!important; text-shadow: 0 0 1px #fff, 0 0 3px rgba(255,250,194,1), 0 0 6px rgba(255,198,35,.92), 0 0 10px rgba(255,139,0,.42)!important; opacity:0!important; animation:hvnLpGoldenStarsCross 6.1s linear infinite!important; } /* Rank càng cao, overlay càng rực; cùng rank tier 1 -> 3 càng rõ. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field{--hvn-spark:.42;--hvn-star-size:7px} .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field{--hvn-spark:.54;--hvn-star-size:7.5px} .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field{--hvn-spark:.64;--hvn-star-size:8px} .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field{--hvn-spark:.74;--hvn-star-size:8.5px} .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field{--hvn-spark:.86;--hvn-star-size:9px} .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field{--hvn-spark:1;--hvn-star-size:10px} .hvn-lp-card.hvn-lp-tier-1 .hvn-lp-sparkle-field{--hvn-tier:.78} .hvn-lp-card.hvn-lp-tier-2 .hvn-lp-sparkle-field{--hvn-tier:.90} .hvn-lp-card.hvn-lp-tier-3 .hvn-lp-sparkle-field{--hvn-tier:1} .hvn-lp-card .hvn-lp-sparkle-field::after{ font-size:calc(var(--hvn-star-size,8px) * var(--hvn-tier,1))!important; } .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::before{ box-shadow:0 0 10px rgba(255,241,149,.66),0 0 22px rgba(255,133,0,.34)!important; } .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::after{ color:#f2b900!important; text-shadow:0 0 1px #fff,0 0 4px #fff8bf,0 0 8px #ffc31f,0 0 14px rgba(255,83,0,.58)!important; } @keyframes hvnLpGoldenSweepVisible{ 0%,12%{left:-54%;opacity:0} 20%{opacity:calc(.58 * var(--hvn-spark,1) * var(--hvn-tier,1))} 46%{left:116%;opacity:calc(.92 * var(--hvn-spark,1) * var(--hvn-tier,1))} 58%,100%{left:116%;opacity:0} } @keyframes hvnLpGoldenStarsCross{ 0%{transform:translate3d(0,7px,0) rotate(-4deg);opacity:0} 10%{opacity:calc(.70 * var(--hvn-spark,1) * var(--hvn-tier,1))} 48%{transform:translate3d(210px,-3px,0) rotate(3deg);opacity:calc(1 * var(--hvn-spark,1) * var(--hvn-tier,1))} 86%{opacity:calc(.66 * var(--hvn-spark,1) * var(--hvn-tier,1))} 100%{transform:translate3d(390px,5px,0) rotate(7deg);opacity:0} } @keyframes hvnLpGoldDustDrift{ 0%{background-position:0 0,0 0,0 0,0 0} 100%{background-position:54px -22px,-68px 26px,74px -28px,-62px 22px} } /* Nội dung luôn trên overlay. */ .hvn-lp-card .hvn-lp-icons, .hvn-lp-card .hvn-lp-icons-top, .hvn-lp-card .hvn-lp-level, .hvn-lp-card .hvn-lp-title, .hvn-lp-card .hvn-lp-experience, .hvn-lp-card .hvn-lp-progress{z-index:5!important} @media (prefers-reduced-motion:reduce){ .hvn-lp-sparkle-field, .hvn-lp-sparkle-field::before, .hvn-lp-sparkle-field::after{animation:none!important} } /* ============================================================ HVN LEVELPOINT 3.7.0 — RANK-GRADED VISIBLE LIGHT SWEEP Fix: CSS calc() cannot multiply plain numbers reliably in opacity. Use explicit per-rank/per-tier opacity so sweep is always visible. ============================================================ */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field{--hvn-sweep:.42;--hvn-beam:.54} .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field{--hvn-sweep:.52;--hvn-beam:.62} .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field{--hvn-sweep:.63;--hvn-beam:.70} .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field{--hvn-sweep:.75;--hvn-beam:.79} .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field{--hvn-sweep:.92;--hvn-beam:.92} .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field{--hvn-sweep:1;--hvn-beam:1} /* Tier tăng sáng rõ 1 -> 2 -> 3 mà không dùng phép nhân calc(). */ .hvn-lp-tier-1 .hvn-lp-sparkle-field{--hvn-tier-alpha:.78} .hvn-lp-tier-2 .hvn-lp-sparkle-field{--hvn-tier-alpha:.90} .hvn-lp-tier-3 .hvn-lp-sparkle-field{--hvn-tier-alpha:1} /* Beam rộng hơn, vàng-trắng rõ trên cả nền sáng. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field::before, .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::before, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::before{ top:-55%!important; left:-58%!important; width:42%!important; height:220%!important; opacity:0!important; background:linear-gradient(90deg, transparent 0%, rgba(255,190,0,.10) 16%, rgba(255,221,70,.42) 31%, rgba(255,251,215,.92) 43%, rgba(255,255,255,1) 50%, rgba(255,239,139,.94) 57%, rgba(255,179,0,.44) 70%, transparent 100%)!important; filter:none!important; animation:hvnLpSweep370 4.6s ease-in-out infinite!important; } /* Sao bay cũng dùng opacity trực tiếp, tránh calc multiplication bị browser bỏ qua. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field::after, .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::after, .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::after{ animation:hvnLpStars370 5.8s linear infinite!important; } /* Cường độ flare/glow tăng dần theo DANH HIỆU. */ .hvn-lp-style-knowledge-gem .hvn-lp-sparkle-field::before{box-shadow:0 0 7px rgba(255,214,72,.36)!important} .hvn-lp-style-wise-scholar .hvn-lp-sparkle-field::before{box-shadow:0 0 9px rgba(255,205,43,.48)!important} .hvn-lp-style-knowledge-talent .hvn-lp-sparkle-field::before{box-shadow:0 0 11px rgba(255,190,20,.58)!important} .hvn-lp-style-knowledge-elite .hvn-lp-sparkle-field::before{box-shadow:0 0 14px rgba(255,172,12,.70)!important} .hvn-lp-style-knowledge-master .hvn-lp-sparkle-field::before{box-shadow:0 0 18px rgba(255,221,76,.88),0 0 28px rgba(255,104,0,.42)!important} .hvn-lp-style-knowledge-legend .hvn-lp-sparkle-field::before{box-shadow:0 0 22px rgba(255,239,121,.96),0 0 34px rgba(255,77,0,.55)!important} /* Tăng thêm theo cấp icon 1/2/3 bằng filter brightness (hỗ trợ ổn định). */ .hvn-lp-tier-1 .hvn-lp-sparkle-field::before{filter:brightness(.88)!important} .hvn-lp-tier-2 .hvn-lp-sparkle-field::before{filter:brightness(1.05)!important} .hvn-lp-tier-3 .hvn-lp-sparkle-field::before{filter:brightness(1.24)!important} @keyframes hvnLpSweep370{ 0%,10%{left:-58%;opacity:0} 18%{opacity:var(--hvn-sweep,.55)} 43%{left:112%;opacity:var(--hvn-sweep,.55)} 53%,100%{left:112%;opacity:0} } @keyframes hvnLpStars370{ 0%{transform:translate3d(0,7px,0) rotate(-4deg);opacity:0} 12%{opacity:var(--hvn-sweep,.55)} 48%{transform:translate3d(210px,-3px,0) rotate(3deg);opacity:var(--hvn-sweep,.55)} 84%{opacity:var(--hvn-sweep,.55)} 100%{transform:translate3d(390px,5px,0) rotate(7deg);opacity:0} } /* HVN 3.8.22 — menu LevelPoint gọn, đồng cỡ menu chính; chỉ 3 mục nghiệp vụ phát sáng cyan */ .hvn-lp-menu > a{position:relative;font-weight:800!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important} .hvn-lp-menu-profile > a span, .hvn-lp-menu-gvcn > a span, .hvn-lp-menu-class > a span{ color:#111!important; font-weight:800!important; animation:hvnLpCyanTextGlow 1.55s ease-in-out infinite alternate!important; } .hvn-lp-menu-profile > a::after, .hvn-lp-menu-gvcn > a::after, .hvn-lp-menu-class > a::after{ content:"✦";display:inline-block;margin-left:.25em;font-size:.55em;color:#58cfff!important; animation:hvnLpCyanStar .95s ease-in-out infinite alternate!important; } @keyframes hvnLpCyanTextGlow{ 0%{text-shadow:0 0 0 rgba(61,196,255,0);filter:brightness(.96)} 55%{text-shadow:0 0 5px rgba(61,196,255,.55),0 0 10px rgba(61,196,255,.22);filter:brightness(1.02)} 100%{text-shadow:0 0 9px rgba(61,196,255,.95),0 0 17px rgba(61,196,255,.42);filter:brightness(1.08)} } @keyframes hvnLpCyanStar{from{opacity:.28;transform:scale(.78)}to{opacity:1;transform:scale(1.14)}} /* Icon giữ màu nhận diện hiện có; chữ mới là phần nhấp nháy. */ .hvn-lp-menu-profile > a{color:#1367b1!important} .hvn-lp-menu-gvcn > a{color:#087fc1!important} .hvn-lp-menu-class > a{color:#d58a00!important} .hvn-gvcn-note{margin:6px 0 12px;padding:8px 10px;border-radius:8px;background:rgba(8,127,193,.06)} /* ===== 3.8.17: Hồ sơ của tôi ===== */ .hvn-lp-menu-profile>a{color:#1367b1!important;font-weight:800} .hvn-my-profile{position:relative} .hvn-my-profile-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #d9e2ea} .hvn-my-profile-head h2{margin:0;color:#0b5f9e;font-weight:900} .hvn-my-sub{margin:4px 0 0;color:#607080} .hvn-my-update{position:relative!important;background:#087fc1!important;border-color:#087fc1!important;color:#fff!important;font-weight:900!important;border-radius:10px!important;padding:10px 16px!important;box-shadow:0 0 0 rgba(0,126,220,0);animation:hvnMyUpdateGlow 1.25s ease-in-out infinite alternate} .hvn-my-update:hover{background:#066aa2!important;color:#fff!important} @keyframes hvnMyUpdateGlow{from{box-shadow:0 0 4px rgba(0,126,220,.35)}to{box-shadow:0 0 18px rgba(0,153,255,.85),0 0 30px rgba(0,153,255,.25)}} .hvn-my-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px;margin:18px 0} .hvn-my-info,.hvn-my-rank{background:#fff;border:1px solid #d9e2ea;border-radius:12px;padding:16px} .hvn-my-info h3,.hvn-my-rank h3{margin-top:0;color:#24384d} .hvn-my-info-row{display:flex;justify-content:space-between;gap:18px;padding:9px 2px;border-bottom:1px solid #edf1f4} .hvn-my-info-row:last-child{border-bottom:0} .hvn-my-info-row>b{color:#30465d} .hvn-my-info-row>span{text-align:right;overflow-wrap:anywhere} .hvn-my-card-wrap{max-width:280px;margin:10px auto 18px} .hvn-my-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .hvn-my-stats>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;border:1px solid #d9e2ea;border-radius:10px;background:#fafcfd;text-align:center} .hvn-my-stats b{font-size:1.3em;color:#0b5f9e} .hvn-my-stats small{margin-top:4px;font-weight:800;color:#607080} .hvn-my-history thead th{background:#fff!important;color:#111!important;font-weight:900;text-transform:uppercase;border-bottom:1px solid #c9c9c9} .hvn-my-amount{font-weight:900} @media(max-width:700px){.hvn-my-profile-head{align-items:flex-start;flex-direction:column}.hvn-my-update{align-self:stretch;text-align:center}.hvn-my-grid{grid-template-columns:1fr}.hvn-my-info-row{flex-direction:column;gap:3px}.hvn-my-info-row>span{text-align:left}.hvn-my-history{font-size:.92em}} /* HVN LevelPoint 3.8.19 - dùng đúng card/icon như trong bài viết ở mọi hồ sơ */ .hvn-my-rank-card-label{font-weight:800;text-align:center;text-transform:uppercase;color:#3f5870;margin:0 0 12px} .hvn-my-card-wrap,.hvn-profile-rank-card-wrap{display:flex;justify-content:center;align-items:center;margin:12px auto 20px;max-width:100%} .hvn-my-card-wrap .hvn-lp-card,.hvn-profile-rank-card-wrap .hvn-lp-card{transform:none!important;zoom:1!important;width:var(--hvn-lp-card-w, 218px);max-width:100%;margin:0!important} .hvn-my-card-wrap .hvn-lp-icon,.hvn-profile-rank-card-wrap .hvn-lp-icon{transform:none!important} .hvn-public-profile-rank{margin:18px 0;padding:16px;border:1px solid #d9e2ea;border-radius:12px;background:#fff} .hvn-public-profile-rank h3{text-align:center;margin:0 0 10px;color:#24384d;text-transform:uppercase} .hvn-public-profile-meta{text-align:center;margin:0 0 12px} .hvn-student-profile-summary{padding:10px 14px;border:1px solid #d9e2ea;border-radius:10px;background:#f8fbfd;margin-bottom:16px} @media(max-width:700px){.hvn-public-profile-meta{line-height:1.8}.hvn-my-card-wrap,.hvn-profile-rank-card-wrap{overflow:visible}} /* HVN 3.8.20 — public member profile: rank left, contact below */ .hvn-public-profile-rank{margin:0 0 16px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid #d9e2ea!important;border-radius:0!important;background:transparent!important} .hvn-public-profile-rank h3{margin:0 0 10px!important;text-align:left!important;color:#0b5f9e!important;font-weight:900!important;text-transform:uppercase!important} .hvn-public-profile-meta{margin:0 0 12px!important;line-height:1.7!important;color:#24384d!important} .hvn-public-profile-rank .hvn-profile-rank-card-wrap{justify-content:flex-start!important;margin:8px 0 4px!important} .hvn-public-profile-rank .hvn-lp-card{margin:0!important} @media(max-width:700px){.hvn-public-profile-rank .hvn-profile-rank-card-wrap{justify-content:center!important}.hvn-public-profile-rank h3{text-align:center!important}.hvn-public-profile-meta{text-align:center!important}} /* ===== 3.8.21: unified account menu + centered public rank ===== */ #username_logged_in{display:none!important} .hvn-lp-menu-profile>a,.hvn-lp-menu-logout>a{font-weight:900!important} .hvn-lp-menu-logout{margin-left:auto!important} .hvn-lp-menu-logout>a{color:#b42318!important} .hvn-lp-menu-logout>a:hover{color:#fff!important;background:#c62828!important} .hvn-public-profile-rank h3{text-align:center!important} .hvn-public-profile-meta{text-align:center!important;line-height:1.85!important;margin:0 auto 12px!important} .hvn-public-profile-meta>div{display:block!important;margin:2px 0!important} .hvn-public-profile-rank .hvn-profile-rank-card-wrap{justify-content:center!important;margin:10px auto 8px!important} .hvn-public-profile-rank .hvn-lp-card{margin-left:auto!important;margin-right:auto!important} @media(max-width:700px){.hvn-lp-menu-logout{margin-left:0!important}.hvn-public-profile-meta{line-height:1.7!important}} /* HVN 3.8.22 — hard size sync with Breeze HVN Social primary navbar */ @media (min-width:901px){ html body #page-header .navbar #nav-main > li.hvn-lp-menu > a, html body #page-header .navbar #nav-main > li.hvn-lp-menu > a span{font-size:18px!important;line-height:1.15!important} html body #page-header .navbar #nav-main > li.hvn-lp-menu > a{padding:6px 7px!important;min-height:34px!important} html body #page-header .navbar #nav-main > li.hvn-lp-menu > a .icon{font-size:20px!important;line-height:1!important;margin-right:3px!important} } @media (min-width:901px) and (max-width:1250px){ html body #page-header .navbar #nav-main > li.hvn-lp-menu > a, html body #page-header .navbar #nav-main > li.hvn-lp-menu > a span{font-size:16px!important} html body #page-header .navbar #nav-main > li.hvn-lp-menu > a .icon{font-size:18px!important} } @media (max-width:900px){ html body #page-header .navbar #nav-main > li.hvn-lp-menu > a, html body #page-header .navbar #nav-main > li.hvn-lp-menu > a span{font-size:15px!important} } /* ===== 3.9.0: Bảng thành tích công khai ===== */ .hvn-profile-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;width:100%;margin:0 0 16px} .hvn-profile-showcase .hvn-public-profile-rank,.hvn-public-achievements{min-width:0;margin:0!important;padding:4px 20px 16px!important;border:0!important;background:transparent!important} .hvn-profile-showcase .hvn-public-profile-rank{border-right:1px solid #d9e2ea!important} .hvn-public-achievements h3{text-align:center;margin:0 0 14px;color:#0b5f9e;font-weight:900;text-transform:uppercase} .hvn-achievement-medals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px} .hvn-achievement-medals>span{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:9px 5px;border:1px solid #e0e7ed;border-radius:10px;background:#fbfcfd;font-size:17px} .hvn-achievement-medals b{font-size:17px;color:#173b5f}.hvn-achievement-medals small{flex-basis:100%;text-align:center;font-size:10px;font-weight:800;color:#687b8c} .hvn-achievement-list{border-top:1px solid #e7edf2}.hvn-achievement-row{display:flex;gap:9px;align-items:flex-start;padding:9px 3px;border-bottom:1px dashed #e1e7ec;color:#263f56} .hvn-achievement-row:last-child{border-bottom:0}.hvn-achievement-medal{font-size:19px;line-height:1.2}.hvn-achievement-row b{color:#0b5f9e}.hvn-achievement-row small{display:block;margin-top:2px;color:#748391;font-size:11px} .hvn-achievement-empty{text-align:center;padding:28px 8px;color:#748391;font-weight:700}.hvn-achievement-empty small{display:block;margin-top:6px;font-weight:400} @media(max-width:700px){.hvn-profile-showcase{grid-template-columns:1fr;gap:14px}.hvn-profile-showcase .hvn-public-profile-rank{border-right:0!important;border-bottom:1px solid #d9e2ea!important}.hvn-public-achievements{padding-left:6px!important;padding-right:6px!important}.hvn-achievement-medals{gap:5px}.hvn-achievement-medals>span{font-size:15px;padding:7px 3px}} /* 3.9.2 - Ho so cua toi + Bang thanh tich */ .hvn-my-identity{text-align:center;padding:18px 0 4px}.hvn-my-nick{font-size:14px;font-weight:800}.hvn-my-fullname{font-size:22px;font-weight:900;line-height:1.2;margin:3px 0}.hvn-my-classline{color:#52677a}.hvn-my-achievement-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;max-width:900px;margin:14px auto 22px}.hvn-my-main-card{border:0!important;border-radius:0!important;padding:0 28px!important;background:transparent!important}.hvn-my-main-card+ .hvn-my-main-card{border-left:1px solid #d6dde3!important}.hvn-my-main-card h3{text-align:center;color:#075d9a!important;border-bottom:1px solid #c7cdd2;padding-bottom:7px;margin:0 0 12px!important}.hvn-my-rank-meta{text-align:center;line-height:1.9}.hvn-my-medals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px auto 22px;max-width:310px}.hvn-my-medals>span{display:flex;flex-direction:column;align-items:center;padding:11px 5px;border:1px solid #dce5ec;border-radius:10px;background:#fafcfd}.hvn-my-medals b{font-size:16px;color:#183a57}.hvn-my-medals small{font-weight:700;margin-top:5px}.hvn-my-achievement-row{display:flex;gap:10px;align-items:flex-start;padding:9px 4px;border-bottom:1px dashed #dce4ea}.hvn-my-achievement-row .medal{font-size:20px}.hvn-my-achievement-row span:last-child{display:flex;flex-direction:column}.hvn-my-achievement-row small{color:#66788a;margin-top:2px}.hvn-my-empty-ach{text-align:center;color:#68798a;padding:28px 8px}.hvn-my-empty-ach small{display:block;margin-top:8px}.hvn-my-account{margin:18px 0!important}.hvn-my-account-name{font-weight:900}.hvn-my-card-wrap{max-width:250px!important}.hvn-my-stats{display:none!important} @media(max-width:700px){.hvn-my-fullname{font-size:18px}.hvn-my-achievement-grid{grid-template-columns:1fr;gap:20px}.hvn-my-main-card{padding:0 4px!important}.hvn-my-main-card+ .hvn-my-main-card{border-left:0!important;border-top:1px solid #d6dde3!important;padding-top:18px!important}.hvn-my-medals{max-width:100%}.hvn-my-account .hvn-my-info-row{flex-direction:column;gap:3px}.hvn-my-account .hvn-my-info-row>span{text-align:left}} /* ===== 3.9.5: Profile 3 columns + compact achievements + assets ===== */ /* Public member identity: left aligned, strong name, group colour remains inline from phpBB. */ .hvn-public-profile .hvn-profile-identity{text-align:left!important;padding:14px 28px 10px!important} .hvn-public-profile .hvn-profile-name{font-size:25px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.2px} .hvn-public-profile .hvn-profile-class{margin-top:6px!important;font-size:15px!important;font-weight:700!important;color:#303943!important} .hvn-public-profile .hvn-profile-main{max-width:none!important;width:100%!important;margin:0!important;text-align:initial!important} /* Same identity treatment on My Profile. */ .hvn-my-identity.hvn-profile-identity-left{text-align:left!important;padding:18px 24px 8px!important} .hvn-my-identity .hvn-my-fullname{font-size:25px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.2px} .hvn-my-identity .hvn-my-classline{font-size:15px!important;font-weight:700!important;color:#303943!important;margin-top:6px} /* Three equal functional columns on desktop. */ .hvn-profile-showcase.hvn-profile-showcase-v395{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;max-width:1160px;margin:0 auto 18px!important} .hvn-profile-showcase.hvn-profile-showcase-v395>section{min-width:0;padding:4px 22px 18px!important;background:transparent!important;border:0!important} .hvn-profile-showcase.hvn-profile-showcase-v395>section+section{border-left:1px solid #d9e2ea!important} .hvn-three-profile-cols{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;max-width:1160px!important} .hvn-three-profile-cols>.hvn-my-main-card{padding:0 24px!important} .hvn-three-profile-cols>.hvn-my-main-card+.hvn-my-main-card{border-left:1px solid #d6dde3!important;border-top:0!important} /* Section headings: warm brown-orange as requested. */ .hvn-profile-showcase-v395 h3,.hvn-three-profile-cols>.hvn-my-main-card>h3{color:#a65416!important;font-weight:900!important;text-align:center!important;text-transform:uppercase;border-bottom:1px solid #d8c8bb!important;padding-bottom:8px!important;margin:0 0 13px!important} /* Semantic colours for profile values. */ .hvn-profile-coloured-meta .hvn-meta-class,.hvn-profile-coloured-meta .hvn-meta-class *{color:#222!important} .hvn-profile-coloured-meta .hvn-meta-points,.hvn-profile-coloured-meta .hvn-meta-points *{color:#0876c9!important} .hvn-profile-coloured-meta .hvn-meta-xu,.hvn-profile-coloured-meta .hvn-meta-xu *{color:#b66a12!important} .hvn-profile-coloured-meta .hvn-meta-level,.hvn-profile-coloured-meta .hvn-meta-level *,.hvn-profile-coloured-meta .hvn-meta-title,.hvn-profile-coloured-meta .hvn-meta-title *{color:#7652c8!important} .hvn-public-profile-meta.hvn-profile-coloured-meta,.hvn-my-rank-meta.hvn-profile-coloured-meta{font-weight:600!important} /* Compact achievement tabs: closed by default, one group opens at a time. */ .hvn-achievement-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px} .hvn-ach-tab{appearance:none;-webkit-appearance:none;border:1px solid #dde5eb;background:#fbfcfd;border-radius:11px;padding:10px 5px;cursor:pointer;font:inherit;color:#213b53;min-width:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .hvn-ach-tab:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(35,62,86,.08)} .hvn-ach-tab.is-open{border-color:#c58a4e;box-shadow:0 4px 12px rgba(166,84,22,.12);background:#fffaf5} .hvn-ach-tab>span{display:block;font-size:17px;font-weight:900;white-space:nowrap} .hvn-ach-tab small{display:block;margin-top:5px;font-size:10px;font-weight:800;color:#687b8c;text-transform:uppercase} .hvn-achievement-panels{max-height:360px;overflow:auto;border-top:1px solid #e7edf2} .hvn-achievement-panels:empty{border-top:0} .hvn-achievement-row[hidden]{display:none!important} /* Assets preview: display gallery openly (no accordion). */ .hvn-public-assets h4,.hvn-my-assets-preview h4{margin:10px 0 7px;font-size:14px;font-weight:900;color:#364b5e} .hvn-asset-section+.hvn-asset-section{margin-top:16px;padding-top:12px;border-top:1px dashed #e0e6eb} .hvn-asset-gallery{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-start;min-height:34px} .hvn-asset-gallery img,.hvn-asset-item img{width:58px;height:58px;object-fit:contain;border-radius:10px} .hvn-asset-empty{font-size:12px;color:#84919c;font-style:italic} .hvn-assets-more{display:inline-block;margin-top:16px;font-weight:800;color:#a65416} /* My Assets: categories are always expanded. */ .hvn-assets-wallet{padding:11px 14px;margin:14px 0 16px;border:1px solid #dbe4ea;border-radius:10px;background:#f8fbfd;font-size:15px} .hvn-assets-category{margin:0 0 18px;padding:14px 16px;border:1px solid #dbe4ea;border-radius:12px;background:#fff} .hvn-assets-category h3{margin:0 0 12px!important;color:#a65416!important;font-weight:900!important;border-bottom:1px solid #e1d2c5;padding-bottom:8px} .hvn-asset-gallery-large{gap:12px;min-height:54px} .hvn-asset-gallery-large img,.hvn-asset-gallery-large .hvn-asset-item img{width:82px;height:82px} @media(max-width:900px){ .hvn-profile-showcase.hvn-profile-showcase-v395,.hvn-three-profile-cols{grid-template-columns:1fr!important;gap:0!important} .hvn-profile-showcase.hvn-profile-showcase-v395>section,.hvn-three-profile-cols>.hvn-my-main-card{padding:15px 8px 20px!important;border-left:0!important;border-right:0!important} .hvn-profile-showcase.hvn-profile-showcase-v395>section+section,.hvn-three-profile-cols>.hvn-my-main-card+.hvn-my-main-card{border-left:0!important;border-top:1px solid #d9e2ea!important} .hvn-public-profile .hvn-profile-identity,.hvn-my-identity.hvn-profile-identity-left{text-align:left!important;padding-left:16px!important;padding-right:16px!important} .hvn-public-profile .hvn-profile-name,.hvn-my-identity .hvn-my-fullname{font-size:21px!important} .hvn-achievement-panels{max-height:320px} } @media(max-width:420px){ .hvn-achievement-tabs{gap:5px} .hvn-ach-tab{padding:8px 3px} .hvn-ach-tab>span{font-size:15px} .hvn-ach-tab small{font-size:9px} } /* ============================================================ HVN LEVELPOINT 3.9.22 — RANK FRAME PROTOTYPE Geometry test only. The centre stays transparent; overlay is a sibling so existing Rank pseudo-elements/overflow remain untouched. ============================================================ */ .hvn-rank-frame-shell{position:relative!important;display:inline-block!important;vertical-align:middle!important;line-height:normal!important;overflow:visible!important;isolation:isolate!important} .hvn-rank-frame-shell>.hvn-lp-card{position:relative!important;z-index:2!important;margin:0!important} .hvn-rank-frame-overlay{display:none;position:absolute;z-index:5;left:50%;top:50%;width:132%;height:174%;transform:translate(-50%,-50%);background:url('./images/ranks/rank-frame-blue-wing-test.svg') center/100% 100% no-repeat;pointer-events:none!important;filter:drop-shadow(0 3px 5px rgba(0,92,180,.16))} .hvn-rank-frame-shell.is-blue-wing-test>.hvn-rank-frame-overlay{display:block} .hvn-rank-frame-shell.is-blue-wing-test{margin:17px 22px!important} .hvn-profile-rank-card-wrap .hvn-rank-frame-shell.is-blue-wing-test,.hvn-my-card-wrap .hvn-rank-frame-shell.is-blue-wing-test{margin:24px 34px!important} @media(max-width:700px){.hvn-rank-frame-overlay{width:126%;height:164%}.hvn-rank-frame-shell.is-blue-wing-test{margin:15px 19px!important}.hvn-profile-rank-card-wrap .hvn-rank-frame-shell.is-blue-wing-test,.hvn-my-card-wrap .hvn-rank-frame-shell.is-blue-wing-test{margin:20px 28px!important}} .hvn-rank-frame-test-shop{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:14px;border:1px solid #d8e7ef;border-radius:12px;background:#f8fcff} .hvn-rank-frame-test-preview{min-width:300px;min-height:160px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:28px 40px} .hvn-rank-frame-demo-card{width:218px;min-height:76px;border:2px solid #65c5d1;border-radius:10px;background:linear-gradient(135deg,#f7ffff,#e8fbff);box-shadow:0 0 12px rgba(50,197,209,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#159b93;font-weight:800} .hvn-rank-frame-demo-card b{color:#c53d45;font-size:16px}.hvn-rank-frame-demo-card span{font-size:16px} .hvn-rank-frame-shell.demo>.hvn-rank-frame-overlay{width:132%;height:174%} .hvn-rank-frame-test-info{display:flex;flex:1;min-width:240px;flex-direction:column;gap:8px}.hvn-rank-frame-test-info small{line-height:1.5}.hvn-frame-expiry{font-weight:700;color:#24765f} /* HVN LevelPoint 3.9.24 — Shop assets bridge */ .hvn-asset-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;width:112px;padding:8px;border:1px solid #e0e7ed;border-radius:12px;background:#fff;box-sizing:border-box;text-align:center} .hvn-asset-item img{display:block;background:#f8fafc} .hvn-asset-item b{display:block;width:100%;font-size:11px;line-height:1.25;color:#34495e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hvn-asset-item small{position:absolute;right:5px;top:5px;min-width:20px;padding:2px 5px;border-radius:999px;background:#f39c12;color:#fff;font-size:10px;font-weight:800;line-height:1.2} .hvn-asset-item-compact{width:62px;padding:2px;border:0;background:transparent} .hvn-asset-item-compact b{display:none} .hvn-asset-item-compact img{width:58px!important;height:58px!important} .hvn-asset-gallery-large .hvn-asset-item{width:112px} .hvn-asset-gallery-large .hvn-asset-item img{width:82px!important;height:82px!important} /* HVN LevelPoint 3.9.25 - public member profile: showcase owned assets */ #hvn-profile-assets .hvn-asset-gallery{ gap:14px!important; align-items:flex-start!important; } #hvn-profile-assets .hvn-asset-item-compact{ width:180px!important; min-width:180px!important; padding:3px!important; border:0!important; background:transparent!important; } #hvn-profile-assets .hvn-asset-item-compact img{ width:174px!important; height:174px!important; max-width:174px!important; max-height:174px!important; object-fit:contain!important; border-radius:14px!important; } #hvn-profile-assets .hvn-asset-item-compact small{ right:4px!important; top:4px!important; min-width:24px!important; padding:3px 7px!important; font-size:12px!important; } @media(max-width:700px){ #hvn-profile-assets .hvn-asset-item-compact{width:138px!important;min-width:138px!important} #hvn-profile-assets .hvn-asset-item-compact img{width:132px!important;height:132px!important;max-width:132px!important;max-height:132px!important} } /* ============================================================ HVN LevelPoint 3.9.26 — two-column profile + full-width assets showcase Desktop shows exactly 7 owned items per row without overflowing forum. ============================================================ */ .hvn-three-profile-cols{ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:1160px!important; margin:14px auto 22px!important; } .hvn-profile-showcase.hvn-profile-showcase-v395{ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:1160px!important; margin:0 auto 18px!important; } .hvn-profile-showcase-v395>section:nth-child(2), .hvn-three-profile-cols>.hvn-my-main-card:nth-child(2){border-left:1px solid #d9e2ea!important} .hvn-profile-assets-wide{ width:100%; max-width:1160px; margin:10px auto 22px; padding:18px 22px 22px; box-sizing:border-box; border-top:1px solid #d9e2ea; background:transparent; } .hvn-profile-assets-wide>h3{ margin:0 0 14px!important; padding-bottom:9px!important; text-align:center!important; color:#a65416!important; font-weight:900!important; text-transform:uppercase; border-bottom:1px solid #d8c8bb!important; } .hvn-profile-assets-wide .hvn-asset-section{margin:0;padding:0} .hvn-profile-assets-wide .hvn-asset-section+.hvn-asset-section{margin-top:20px;padding-top:16px;border-top:1px dashed #dfe6eb} .hvn-profile-assets-wide h4,.hvn-assets-page .hvn-assets-category h3{font-weight:900!important} /* v3.9.40: 5 asset cards per desktop row for larger images and readable names. */ .hvn-asset-showcase-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important; width:100%!important; min-width:0!important; align-items:start!important; } .hvn-asset-showcase-item{ position:relative; display:flex; min-width:0; width:100%; flex-direction:column; align-items:center; justify-content:flex-start; gap:7px; padding:7px; box-sizing:border-box; border:1px solid #e0e7ed; border-radius:13px; background:#fff; text-align:center; overflow:hidden; } .hvn-asset-showcase-item img{ display:block!important; width:100%!important; max-width:190px!important; height:auto!important; aspect-ratio:1/1; object-fit:contain!important; border-radius:11px!important; background:#f8fafc!important; } .hvn-asset-showcase-item b{ display:block; width:100%; min-width:0; color:#24415b; font-size:12px; line-height:1.25; font-weight:800; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; min-height:30px; } .hvn-asset-showcase-item small{ position:absolute; top:7px; right:7px; min-width:22px; padding:3px 6px; border-radius:999px; background:#f39c12; color:#fff; font-size:11px; line-height:1.2; font-weight:900; } .hvn-asset-showcase-grid>.hvn-asset-empty{grid-column:1/-1} /* My Assets page uses the same showcase dimensions as both profile pages. */ .hvn-assets-page .hvn-assets-category{padding:16px!important} .hvn-assets-page .hvn-asset-showcase-item img{max-width:190px!important} /* Public profile: message button beside identity/name; old CONTACT panel is hidden by JS. */ .hvn-profile-message-action{display:inline-flex;margin-left:12px;vertical-align:middle} .hvn-profile-message-action a{display:inline-flex!important;align-items:center;gap:5px;padding:6px 11px!important;border:1px solid #b9cfd9;border-radius:999px;background:#fff;font-weight:800;text-decoration:none!important} @media(max-width:1100px){ .hvn-asset-showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} } @media(max-width:850px){ .hvn-three-profile-cols,.hvn-profile-showcase.hvn-profile-showcase-v395{grid-template-columns:1fr!important} .hvn-three-profile-cols>.hvn-my-main-card:nth-child(2),.hvn-profile-showcase-v395>section:nth-child(2){border-left:0!important;border-top:1px solid #d9e2ea!important;padding-top:18px!important} .hvn-asset-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} .hvn-profile-assets-wide{padding-left:10px;padding-right:10px} } @media(max-width:620px){ .hvn-asset-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} .hvn-asset-showcase-item{padding:6px} .hvn-asset-showcase-item img{max-width:none!important} .hvn-profile-message-action{display:flex;margin:8px 0 0} } /* ===== 3.9.27: Xu gifts, millionaire rank, profile actions ===== */ .hvn-lp-millionaire{max-width:220px;margin:7px auto 8px;padding:6px 8px;border:1px solid #f0c36c;border-radius:9px;background:#fff8e7;color:#a96500;text-align:center;font:700 11px Tahoma,Arial,sans-serif} .hvn-lp-millionaire strong{color:#e58a00;font-size:12px} .hvn-profile-message-action{display:inline-flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin-left:10px;vertical-align:middle} .hvn-profile-gift-xu-action{background:linear-gradient(180deg,#ffbf2f,#f28b00)!important;border-color:#df7d00!important;color:#fff!important;font-weight:800!important;text-shadow:none!important} .hvn-profile-gift-xu-action .icon{color:#fff!important} .hvn-gift-xu-modal[hidden]{display:none!important}.hvn-gift-xu-modal{position:fixed;z-index:10050;inset:0;background:rgba(20,30,40,.48);display:flex;align-items:center;justify-content:center;padding:18px} .hvn-gift-xu-dialog{position:relative;width:min(430px,100%);background:#fff;border:1px solid #f2bf58;border-radius:18px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.25)} .hvn-gift-xu-dialog h3{margin:0 0 8px;color:#bd7000}.hvn-gift-xu-dialog p{margin:0 0 14px}.hvn-gift-xu-dialog label{display:block;font-weight:700;margin:10px 0}.hvn-gift-xu-dialog input,.hvn-gift-xu-dialog textarea{box-sizing:border-box;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #ccd6df;border-radius:9px}.hvn-gift-xu-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.hvn-gift-xu-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:26px;cursor:pointer;color:#697782} @media(max-width:700px){.hvn-profile-message-action{display:flex!important;margin:7px 0 0!important}.hvn-gift-xu-dialog{padding:17px}} /* ===== 3.9.28: compact millionaire badge + hide joined date in posts ===== */ .postprofile .profile-joined,.post.hvn-social-post .postprofile .profile-joined{display:none!important} .hvn-lp-millionaire{box-sizing:border-box!important;width:100%!important;max-width:180px!important;margin:6px auto 7px!important;padding:5px 7px!important;border-radius:8px!important;font-size:10.5px!important;line-height:1.2!important} .hvn-lp-millionaire strong{font-size:11px!important} .post.hvn-social-post .postprofile .hvn-lp-millionaire{max-width:180px!important} /* ===== 3.9.29: millionaire badge aligns exactly with the Rank card ===== */ .hvn-lp-millionaire{margin-left:0!important;margin-right:0!important;max-width:none!important} /* ===== 3.9.30: Rank card fills the same width as the millionaire badge in post profile ===== */ .postprofile .hvn-rank-frame-shell{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} .postprofile .hvn-rank-frame-shell>.hvn-lp-card{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} /* HVN LevelPoint 3.9.32 - navbar responsive moved to Breeze HVN Social style */ .hvn-lp-menu-gvcn,.hvn-lp-menu-class{display:none!important} /* LevelPoint 3.9.33 - public profile full name follows phpBB group colour. Colour itself is supplied dynamically from user_colour; never hard-coded here. */ .hvn-profile-group-coloured-name{ font-weight:900!important; } /* ===== 3.9.34: member name + profile actions stay on one row ===== */ .hvn-profile-name-action-row{ display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; } .hvn-profile-name-action-row .hvn-profile-name-inline-target{ display:inline-flex!important; align-items:center!important; width:auto!important; max-width:100%!important; margin:0!important; padding:0!important; line-height:1.2!important; } .hvn-profile-name-action-row .hvn-profile-message-action{ display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; width:auto!important; margin:0!important; padding:0!important; vertical-align:middle!important; } @media(max-width:700px){ .hvn-profile-name-action-row{ gap:6px!important; } .hvn-profile-name-action-row .hvn-profile-message-action{ display:inline-flex!important; margin:0!important; } } /* ===== 3.9.35: VIP 1–12 badge on Rank cards ===== */ .hvn-rank-frame-shell>.hvn-vip-badge{ position:absolute!important;z-index:9!important;top:-11px!important;right:-8px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; min-width:48px!important;height:23px!important;padding:0 8px!important;box-sizing:border-box!important; border:1px solid #e7a321!important;border-radius:999px!important; background:linear-gradient(180deg,#fff3a6 0%,#ffc736 55%,#ef9410 100%)!important; color:#7a3f00!important;font-size:11px!important;font-weight:900!important;line-height:1!important; white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important; box-shadow:0 3px 8px rgba(188,111,0,.28),inset 0 1px 0 rgba(255,255,255,.65)!important; pointer-events:auto!important; } .postprofile .hvn-rank-frame-shell>.hvn-vip-badge{top:-9px!important;right:4px!important;font-size:10px!important;height:21px!important;min-width:44px!important;padding:0 6px!important} @media(max-width:700px){.hvn-rank-frame-shell>.hvn-vip-badge{top:-8px!important;right:-4px!important;font-size:10px!important;height:21px!important;min-width:44px!important;padding:0 6px!important}} /* ============================================================ LevelPoint 3.9.37 - My Assets wallet Xu emphasis Visual only: "Xu hiện có: ... Xu" in orange-gold. ============================================================ */ .hvn-assets-wallet{ color:#c96a00!important; font-weight:850!important; border-color:#efcf9d!important; background:linear-gradient(180deg,#fffdf8 0%,#fff8e9 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 10px rgba(171,98,0,.05)!important; } .hvn-assets-wallet strong{ color:#b85b00!important; font-weight:950!important; } /* ============================================================ LevelPoint 3.9.38 - Shop assets: highest current listed price first in each group. - VIP: use the owned VIP product image as an emblem perched on the top-right corner of every Rank card. ============================================================ */ .hvn-rank-frame-shell>.hvn-vip-emblem{ position:absolute!important; z-index:12!important; top:-26px!important; right:-24px!important; display:flex!important; align-items:center!important; justify-content:center!important; width:62px!important; height:62px!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; pointer-events:auto!important; line-height:1!important; } .hvn-rank-frame-shell>.hvn-vip-emblem>img{ display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:contain!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; filter:drop-shadow(0 3px 4px rgba(96,55,0,.22))!important; } .hvn-rank-frame-shell>.hvn-vip-emblem>.hvn-vip-emblem-fallback{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:48px!important; height:23px!important; padding:0 8px!important; box-sizing:border-box!important; border:1px solid #e7a321!important; border-radius:999px!important; background:linear-gradient(180deg,#fff3a6 0%,#ffc736 55%,#ef9410 100%)!important; color:#7a3f00!important; font-size:11px!important; font-weight:900!important; white-space:nowrap!important; text-shadow:0 1px 0 rgba(255,255,255,.55)!important; box-shadow:0 3px 8px rgba(188,111,0,.28),inset 0 1px 0 rgba(255,255,255,.65)!important; } /* Forum post mini-profile is narrower: keep the emblem neat and inside its visual lane. */ .postprofile .hvn-rank-frame-shell>.hvn-vip-emblem{ top:-22px!important; right:-8px!important; width:52px!important; height:52px!important; } @media(max-width:700px){ .hvn-rank-frame-shell>.hvn-vip-emblem{ top:-18px!important; right:-12px!important; width:46px!important; height:46px!important; } .postprofile .hvn-rank-frame-shell>.hvn-vip-emblem{ top:-16px!important; right:-5px!important; width:42px!important; height:42px!important; } } /* Profile asset details: user-requested display only. */ .hvn-profile-assets-wide .hvn-profile-asset-name,.hvn-assets-page .hvn-profile-asset-name{ color:#9a3f2b!important; font-weight:900!important; } .hvn-profile-assets-wide .hvn-profile-asset-category,.hvn-assets-page .hvn-profile-asset-category{ display:block; width:100%; color:#5b55c9!important; font-size:11px; line-height:1.25; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .hvn-profile-assets-wide .hvn-profile-asset-price,.hvn-assets-page .hvn-profile-asset-price{ display:block; width:100%; color:#e27b00!important; font-size:12px; line-height:1.25; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* v3.9.39 - Shop assets are grouped dynamically; PetBattle pets show combat power. */ .hvn-profile-asset-power{ display:block; width:100%; color:#b45f06; font-size:12px; line-height:1.25; font-weight:900; text-align:center; } .hvn-assets-category + .hvn-assets-category{margin-top:18px} /* v3.9.40 - Asset gallery readability + consistent 5-column desktop layout. */ .hvn-profile-assets-wide .hvn-profile-asset-name, .hvn-assets-page .hvn-profile-asset-name{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; word-break:normal!important; min-height:30px!important; line-height:1.3!important; } @media(min-width:851px){ .hvn-asset-showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;} }