/* ============================================================================= TIEN HIEP — HUD MOBILE (JOB_TH1_07) Nguồn: Meta-Ecosystem/06.00. Lịch sử thử nghiệm (Owner 2026-09-05): 1) Quạt hướng tâm — icon không tên, khó đoán chức năng ⟹ bỏ. 2) Rail dọc có nhãn + nút ‹ › thu/phóng — đo thật cho thấy 7 icon/rail đã VỪA ĐỦ 1 cột trên màn dọc chuẩn (iPhone ~812px cao) ⟹ nút thu/ phóng THỪA, bỏ luôn. Bản chốt: rail dọc có nhãn, hiện đủ, không cần tương tác gì thêm. ============================================================================= */ @media (max-width:700px){ /* Owner 2026-09-07 (đợt 4→5): xếp CHỒNG DỌC thay vì ẩn hẳn — Khối A (nhân vật + 10 ô trang bị) co lại + ĐẨY CAO HẲN lên đỉnh màn (Owner đợt 5: "nhân vật bị mất do Rương Chứa Đồ... dời lên trên vì bên trên còn trống khá nhiều"), Khối B chiếm hẳn nửa dưới, full bề ngang. Giữ đúng tỉ lệ ảnh gốc (aspect-ratio, không kéo dãn méo panel) — canh giữa ngang thay vì kéo left/right 2 mép. Đợt 11: Owner đã cho vẽ ẢNH RIÊNG cho mobile — khung NẰM NGANG (panel_bg_mobile.png, tỉ lệ 1536:640 ≈ 2.4:1) thay vì dùng tạm bản dọc desktop kéo giãn. Khung ngang lùn hơn nhiều so với bản dọc cũ ⟹ tốn ít chiều cao màn hơn hẳn — rút "sàn" nhân vật từ 48vh xuống 30vh, nhường thêm khoảng trống cho nhân vật đứng cao/rõ hơn. */ .hero-tienhiep.is-equip-view{--khoiA-shift-x:0px;--ch-h:26vh;} /* Đợt 22: "dời sân đá và nhân vật xuống thấp 5px" — bottom 30vh→calc(30vh - 5px). */ .hero-tienhiep.is-equip-view .char-home-portrait{bottom:calc(30vh - 5px + var(--ch-h) * 0.29);} /* BUG THẬT (đợt 35→36): "tăng kích thước nhân vật thêm 60%" ở đợt trước thực ra CHỈ áp cho bóng (.th-char-shadow) — hiểu nhầm câu "giao diện nhân vật cho tăng kích thước 60%" thành bóng, còn chính ảnh nhân vật (char-home-portrait) chưa hề đổi size, nên Owner thấy "vẫn còn nhỏ" là đúng. Sửa lại: áp +60% CHO CHÍNH NHÂN VẬT, cộng thêm +50px theo yêu cầu mới nhất — height gốc ch-h*0.84 → ch-h*0.84*1.6 + 50px. */ .hero-tienhiep.is-equip-view .char-home-portrait{height:calc(var(--ch-h) * 1.344 + 50px);} /* BUG THẬT (đợt 35): bóng nhân vật (.th-char-shadow, tien-hiep-hero.css) chỉ có công thức GỐC bottom:calc(ch-h*0.27), không có override riêng cho màn Nhân Vật mobile — thiếu hẳn phần bù "30vh - 5px" mà portrait có ở đây, nên bóng tụt xuống tuốt gần đáy màn thật (ẩn mất, không nằm dưới chân nhân vật nữa). Copy đúng công thức portrait (chỉ đổi hệ số 0.29→0.27 cho khớp mức chân đã tính trước đó). */ .hero-tienhiep.is-equip-view .th-char-shadow{bottom:calc(30vh - 5px + var(--ch-h) * 0.27);} /* Đợt 35: "tăng kích thước thêm 60%" — 0.32/0.06 → ×1.6 = 0.512/0.096. */ .hero-tienhiep.is-equip-view .th-char-shadow{width:calc(var(--ch-h) * 0.512);height:calc(var(--ch-h) * 0.096);} .hero-tienhiep .th-invpanel{display:none;} /* Owner 2026-09-07 (đợt 14): "Khối A đã tinh gọn, dư khoảng trống giữa A và B khá nhiều — đẩy B lên sát A" (bottom 6px→90px→80px, từng "chạy theo" Khối A bằng cách dò tay). Đợt 16: Owner chốt lại — "neo Khối B vào CẠNH DƯỚI, cách 20px, KHÔNG cho chạy theo Khối A nữa" — bỏ hẳn kiểu dò-theo-A, neo CỐ ĐỊNH tuyệt đối vào đáy màn hình. */ /* Owner 2026-09-08 (đợt 17→19): "scale ảnh nền cao thêm 10px" — đợt 17 thử rồi revert vì méo hoa văn góc khung. Đợt 18: Owner chấp nhận méo nhẹ, áp lại 1536:640→1536:684 (+10px) — nguyên nhân "1/2 cột bị ẩn" hoá ra là bug grid riêng (đã sửa gốc ở .th-invpanel-grid, không phải do ảnh méo). Đợt 19: "+5px nữa" — 1536:684→1536:706. */ .hero-tienhiep.is-equip-view .th-invpanel{ position:absolute;left:50%;right:auto;top:auto;bottom:20px; transform:translateX(-50%); width:94vw;max-width:520px;height:auto;aspect-ratio:1536/706; background-image:url('../../assets/themes/tien_hiep/ui/khoiB/panel_bg_mobile.webp'); gap:4px; } /* Đợt 30→32 (chốt UI màn Nhân Vật mobile): "Về Sảnh thấp xuống sát Trang Bị" rồi "canh đúng khoảng cách như giao diện máy tính" (desktop cách nhau đúng 36px: tabbar top:50px − exit top:14px). BUG THẬT (đợt 31→32): đợt 31 gán exit top CỐ ĐỊNH 28px (tính tay dựa trên --header-h giả định luôn là 60px), nhưng --header-h chỉ đổi 60px ở max-width:600px (style.css) — từ 601-700px (vẫn trong breakpoint mobile 700px của riêng theme Tiên Hiệp) header-h vẫn là 68px mặc định, trong khi tabbar CÓ dùng var(--header-h) nên tự đẩy xuống theo, còn exit đứng yên 28px ⟹ khoảng cách giãn ra ở đúng dải rộng "nửa vời" đó (Owner mô tả "cỡ tablet"). Sửa tận gốc: exit CŨNG dùng var(--header-h) y hệt tabbar, trừ đúng 36px không đổi — 2 nút luôn cùng trồi/sụt theo header-h, khoảng cách không bao giờ lệch dù ở bề rộng nào. */ .hero-tienhiep.is-equip-view .th-equip-exit{top:20px;} .hero-tienhiep.is-equip-view .th-char-tabbar{top:calc(var(--header-h) + 4px);} /* Owner 2026-09-07 (đợt 13): "2 cột 10 trang bị dời thấp xuống để Giày/ Nhẫn Hữu ngang tầm cạnh dưới Sân Đá" — Sân Đá (char-home-platform) neo bottom:30vh; rail canh giữa theo top:X% + translateY(-50%). Dời xuống 34%→40% để đáy rail (2 ô cuối) hạ gần khớp đáy Sân Đá hơn. */ .hero-tienhiep.is-equip-view .th-equip-rail{top:43%;} /* Đợt 34: "dời vị trí xuống 10px" — trừ thẳng 10px vào bottom. Owner 2026-09-09: "dời Thần Thú lên cao 10px" — cộng lại đúng 10px vừa trừ (-10px+10px=0), bóng đi theo đúng toạ độ mount. */ .hero-tienhiep.is-equip-view .th-equip-mount-float{bottom:calc(30vh + var(--ch-h) * 0.28);} .hero-tienhiep.is-equip-view .th-mount-shadow{bottom:calc(30vh + var(--ch-h) * 0.28);} /* Vũ Khí dùng đúng ảnh đang mặc và đứng đối xứng, ngang tầm Thần Thú. */ .hero-tienhiep.is-equip-view .th-equip-weapon-float.is-unlocked{ display:inline-flex !important; /* Dùng ĐÚNG neo ngang Vũ Khí của Sảnh Chính. Nhân Vật và Thần Thú đã cùng bám cụm này; không tự canh tay theo rail để tránh lệch giữa hai Scene. */ left:calc(50% + var(--khoiA-shift-x) + (var(--ch-h) * .19) - 55px); height:calc(var(--ch-h) * .594); bottom:calc(30vh + var(--ch-h) * 0.28); } /* Owner: "mobile Trang Bị không hiển thị Phi Kiếm sau lưng như desktop" — tien-hiep-hero.css tắt Phi Kiếm ở ≤700px bằng !important, nên bật lại RIÊNG trong Trang Bị (Sảnh Chính mobile giữ nguyên ẩn). Giữ đúng tỉ lệ desktop so với Nhân Vật: đáy ≈67% chiều cao nhân vật, cao ≈60% nhân vật (desktop: bottom ch-h*.85 / height ch-h*.5 trên nhân vật cao ch-h*.84). Nhân Vật mobile: bottom 30vh-5px+ch-h*.29, height ch-h*1.344+50px. */ .hero-tienhiep.is-equip-view .th-equip-phikiem-float.is-visible{ display:inline-flex !important; bottom:calc(30vh - 5px + var(--ch-h) * 0.29 + (var(--ch-h) * 1.344 + 50px) * 0.67); height:calc((var(--ch-h) * 1.344 + 50px) * 0.6); } /* Bố cục ảnh ngang mới: viên ngọc + bảng tên nằm chung 1 dải NGANG trên đỉnh (khác bản dọc — header/tab/lưới xếp chồng dọc trong 1 cột giữa), bảng tên trống nằm bên TRÁI viên ngọc — dời hẳn khung nội dung xuống dưới dải đó, header canh trái thay vì giữa. */ /* BUG THẬT (Owner báo "click vào chữ Trang Bị không ăn, phải click thấp hơn"): tay nắm kéo (.th-invpanel-draghandle) có z-index:3 > tabs (auto) nên LUÔN đè lên trên dù đứng trước trong DOM — kích thước 15% thừa kế từ desktop quá to so với panel ngang lùn (mobile), che mất nửa trên hàng tab. Thu nhỏ + dời đúng vào viên ngọc thật trên ảnh ngang (đỉnh giữa, nhỏ hơn nhiều so với bản dọc). */ .hero-tienhiep.is-equip-view .th-invpanel-draghandle{ top:0%;width:7%; } /* Owner 2026-09-07 (đợt 12): "3 tab dời lên 10px + tăng cao ảnh nền, 2 hàng khung vật phẩm cũng dời lên 10px" — tabs+grid cùng nằm trong .th-invpanel-inner (flex-column) nên chỉ cần dời NGUYÊN khối lên 10px là cả 2 cùng dời theo (10px ≈ 6.8% trên panel cao ~147px): 26%→19%. Đợt 15: .th-invpanel-inner không còn flex-column (xem tien-hiep-hero. css — tabs/grid giờ 2 lớp tuyệt đối độc lập), inset ở đây chỉ còn xác định khung chứa chung, không ảnh hưởng bố cục bên trong nữa. */ .hero-tienhiep.is-equip-view .th-invpanel-inner{inset:19% 4% 8%;} /* transform:none BẮT BUỘC — desktop có translateX(-50%) để canh giữa, mobile không reset thì header bị dịch trái thêm 50% bề rộng của chính nó, tụt hẳn ra ngoài mép trái panel (bug thật, đã bắt qua devtools). */ /* Owner 2026-09-07 (đợt 13): "icon+text Rương dời phải 20px, thấp 3px" — 20px≈5.7% bề rộng panel (352px), 3px≈2% chiều cao panel (147px). */ .hero-tienhiep.is-equip-view .th-invpanel-header{ position:absolute;left:10%;top:6%;width:34%;height:16%; transform:none;justify-content:flex-start;gap:4px; } .hero-tienhiep.is-equip-view .th-invpanel-icon{width:14px;height:14px;} .hero-tienhiep.is-equip-view .th-invpanel-title{font-size:11px;} /* Owner 2026-09-07 (đợt 12): "chỉ cần icon và chữ Rương là đủ" — ẩn hẳn " Chứa Đồ" trên mobile, chỉ hiện "Rương" (đỡ chật khung pill hẹp). */ .hero-tienhiep.is-equip-view .th-invpanel-title-rest{display:none;} /* Owner 2026-09-07 (đợt 13): "tăng cao hơn nữa + rộng hơn nữa" — rộng hơn = thu hẹp khoảng cách giữa 3 tab (gap 3px→1px) để mỗi tab có thêm chỗ. Đợt 15: bỏ min-height cố định (từng gây bóp méo ảnh nền trên màn hẹp, đúng lỗi Owner báo) — dùng chung aspect-ratio 340:165 khai báo ở tien-hiep-hero.css, tự đúng tỉ lệ dù tab hẹp cỡ nào trên mobile. */ /* Owner 2026-09-08 (đợt 16): "dời 3 cụm text lên 10px, sau đó dời cả khối 3 ảnh nền + 3 text lên thêm 10px để 2 hàng vật phẩm dời theo" — 2 bước tách biệt: (a) CHỈ chữ dời lên 10px (translateY trên label, độc lập ảnh nền), (b) CẢ khối .th-invpanel-tabs (ảnh nền lẫn chữ) dời lên thêm 10px (top:-10px, vì tabs giờ position:absolute độc lập — xem đợt 15) — ảnh nền dời tổng 10px, chữ dời tổng 20px. Lưới dời theo cùng 10px của bước (b) — trừ thẳng vào top: 30%→23% (10px ≈ 6.8% trên panel ~147px). */ /* Đợt 28: gap→0, cùng lý do đã sửa ở desktop (xem tien-hiep-hero.css). */ /* BUG THẬT (đợt 23→29): left/right:-10% (nới rộng tab cho panel desktop hẹp) cũng bị rò rỉ sang mobile do không có override riêng — panel mobile vốn đã rộng (ngang), nới thêm -10% mỗi bên làm tab tràn quá khổ khung. Trả lại left:0;right:0 (đúng như mobile đã chốt trước đó). */ .hero-tienhiep.is-equip-view .th-invpanel-tabs{left:0;right:0;gap:0;top:-10px;} /* Owner 2026-09-08 (đợt 19→20): "tăng size chữ lên 1 size, dời thấp xuống 2px" — 8px→9px; translateY(-10px)→(-8px). Đợt 20: "tăng thêm 1 size nữa" — 9px→10px. */ /* BUG THẬT (đợt 24→29): sửa aspect-ratio cho riêng desktop (340:165→ 340:370, để hết bóp méo ảnh) nhưng để chung trong rule GỐC không tách mobile — mobile "ăn theo" luôn tỉ lệ 340:370 gần vuông, tab hoá ra cao vọt bất thường trên khung ngang hẹp, vỡ toàn bộ layout (Owner báo "vỡ nát hết"). Trả lại đúng aspect-ratio 340:165 CHỈ RIÊNG cho mobile — khớp đúng trạng thái mobile đã chốt trước khi đụng vào desktop. */ .hero-tienhiep.is-equip-view .th-invpanel-tab{aspect-ratio:340/165;padding:1px 2px 4px;font-size:10px;} /* Đợt 21: "thấp xuống 2px" — translateY(-8px)→(-6px). */ .hero-tienhiep.is-equip-view .th-invpanel-tab-label{display:inline-block;transform:translateY(-6px);} /* Hai tab Scene cùng một hàng trên mobile: bỏ bo góc, không cho xuống dòng. */ .hero-tienhiep.is-equip-view .th-char-tabbar{ width:auto;max-width:calc(100vw - 24px);gap:4px; } .hero-tienhiep.is-equip-view .th-char-tab{ flex:0 0 auto;border-radius:0;padding:8px 8px;font-size:12px;white-space:nowrap; } /* Owner 2026-09-08 (đợt 15): "cố định 16 ô cho mobile" — grid-template- rows:repeat(2,1fr) + overflow:hidden (khai báo mặc định ở hero.css) đã khoá cứng đúng 16 ô (8×2) dù JS lỡ render dư — chỉ cần đổi cột 4→8 + chỉnh top cho khớp khung ngang mobile ("nổi" lên đè khoảng trống dưới ảnh tab, thay vì đợi tabs nhường chỗ). Đợt 18: BUG "1/2 cột bị ẩn" — nguồn gốc là `bottom:2px` (chiều cao CỐ ĐỊNH) xung đột với `aspect-ratio:1` từng ô (đã gỡ, xem tien-hiep-hero. css). Bỏ hẳn `bottom`, đổi sang `aspect-ratio:8/2` NGAY TRÊN khung lưới — 8 cột × 2 hàng vuông vức tự suy chiều cao đúng từ chiều rộng thật, không còn ép ô rộng hơn cột nữa. */ .hero-tienhiep.is-equip-view .th-invpanel-grid{ grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr); aspect-ratio:8/2;gap:1px;top:23%; } .hero-tienhiep.is-equip-view .th-invpanel-pager{bottom:-14px;} .hero-tienhiep.is-equip-view .th-invpanel-pager-btn{width:18px;height:18px;font-size:11px;} .hero-tienhiep.is-equip-view .th-invpanel-pager-label{font-size:9px;} /* ---------- Hàng trên gọn lại ---------- */ .hero-tienhiep #hudTopLeft{ width:auto;max-width:60vw; padding:6px 10px; top:calc(-1 * var(--header-h) + 6px); } /* Treo tại góc phải-dưới Khung Avatar: tâm lồng đèn bám đúng mép phải của khung, thay vì trôi ra giữa màn hình; vẫn tránh rail icon hai bên. 18vh cũ giảm 30% = 12.6vh. */ .hero-tienhiep .th-android-apk-lantern{left:calc(100% - 6.3vh - 50px);top:calc(100% - 4px);height:calc(12.6vh * var(--apk-lantern-scale,1));} .hero-tienhiep .th-id-row{gap:6px;} .hero-tienhiep .th-avatar{width:38px;height:38px;font-size:18px;} .hero-tienhiep .th-lc{font-size:12px;} .hero-tienhiep .th-level, .hero-tienhiep .th-realm{font-size:10px;} .hero-tienhiep .th-bar{height:10px;} .hero-tienhiep .th-hp{height:11px;} .hero-tienhiep .th-bar-text{font-size:8px;} /* Owner 2026-09-07: EXP giờ có chữ % thường trực (như HP) — cần đủ cao để chữ không bị cắt, bỏ kiểu mảnh 4px cũ. */ .hero-tienhiep .th-exp{height:11px;margin-top:-2px;} /* ---------- Rail trái/phải: đủ chỗ cho 7 icon 1 cột, không cần thu/phóng ---------- */ .hero-tienhiep #hudRailLeft, .hero-tienhiep #hudRailRight{ /* Nâng thêm trên mobile: sau khi Hoạt Động thu gọn còn 7 icon/cột, vị trí này vừa không đè khung nhân vật vừa chừa đáy cho Thông Báo Hệ Thống. */ top:92px; display:flex;flex-direction:column;gap:4px; } /* Owner 2026-10-05: rail phải 2 cột (xem tien-hiep-hud.css cuối tệp); mobile đã làm phẳng nhóm nên grid áp lên chính #hudRailRight. */ .hero-tienhiep #hudRailRight{display:grid;grid-template-columns:auto auto;align-items:start;justify-items:center;column-gap:4px;row-gap:4px;} /* Giữ cụm Hoạt Động đúng cơ chế desktop: bình thường chỉ có icon cha; khi bấm mới bung ngang 3 icon Tu Luyện, Bí Cảnh, Sự Kiện sang trái. */ .hero-tienhiep #hudRailRight .hud-group[data-hud-group-wrap="hoatdong_flyout"]{ position:relative; } /* Thông Báo Hệ Thống neo đáy màn trên mobile. Khi nó đang hiện, nâng đồng bộ HUD dock và cụm Nhân Vật/Sân đá/Tên lên 70px để không bị che. */ body.th-syslog-on .hero-tienhiep #hudDock{bottom:126px;} body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .char-home-platform{bottom:120px;} body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .char-home-portrait{bottom:calc(var(--ch-h) * 0.29 + 120px);} body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .th-char-shadow{bottom:calc(var(--ch-h) * 0.27 + 120px);} body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .th-char-nameplate{bottom:186px;} /* Owner 2026-10-03: hạ bảng tên 14px (200→186) cho khỏi sát chân */ /* Neo Thần Thú và vũ khí bay cùng cụm nhân vật, phía trên nhật ký hệ thống. */ .hero-tienhiep.is-char-home:not(.is-equip-view) .th-equip-weapon-float.is-unlocked{ display:inline-flex !important; bottom:calc(var(--ch-h) * .4); } body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .th-equip-weapon-float.is-unlocked{ bottom:calc(var(--ch-h) * .4 + 70px); } body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .th-equip-mount-float, body.th-syslog-on .hero-tienhiep.is-char-home:not(.is-equip-view) .th-mount-shadow{ bottom:calc(var(--ch-h) * .4 + 70px); } /* Trang Bị mobile: log hệ thống chiếm đáy màn, nâng rail và Rương vừa đủ để cả ô vật phẩm lẫn nội dung Rương không bị che. */ body.th-syslog-on .hero-tienhiep.is-equip-view .th-equip-rail{top:39%;} body.th-syslog-on .hero-tienhiep.is-equip-view .th-invpanel{ bottom:106px; /* Owner 2026-10-03: hạ Rương xuống thêm 24px (130→106) */ } /* Owner 2026-10-03: tên nhân vật (màn Trang Bị mobile) dời LÊN ngay dưới chân nhân vật (đỉnh bảng tên sát mép dưới chân; công thức theo chân nhân vật = bóng đổ − 14px). */ .hero-tienhiep.is-equip-view .th-char-nameplate{bottom:calc(30vh - 5px + var(--ch-h) * 0.27 - 28px);} /* hạ thêm 14px (đợt 2): đáy bảng tên vừa chạm mép trên Rương */ /* Icon/nhãn nhỏ lại một chút cho vừa cả 7 cái trong màn hẹp — vẫn GIỮ NHÃN CHỮ */ .hero-tienhiep #hudRailLeft .hud-item, .hero-tienhiep #hudRailRight .hud-item{padding:2px;} /* cỡ icon/ô/nhãn: --hud-icon (tien-hiep-hud.css), co giãn theo vh */ /* BXH vẫn một dòng trên màn hẹp, nhưng chỉ nới vừa đủ để không tràn mép phải. */ .hero-tienhiep #hudRailRight .hud-item[data-item-key="bxh"] .hud-item-label{width:calc(var(--hud-icon) * 1.7);} /* Dock: đã có breakpoint 600px hạ icon xuống 56px (tien-hiep-hud.css). */ /* Popup Sảnh Game / popup game: bảng grid 5 cột (tien-hiep-popup.css) tự thu 3 cột ở max-width:720px — không cần sửa thêm ở đây. */ /* ---------- Header thu gọn (widget năng lượng + Ngân Khố) ---------- Owner 2026-09-05: năng lượng chỉ icon + số, bỏ thanh %; Ngân Khố chỉ icon + số dư + ▼, bỏ chữ "Ngân Khố". Header dùng CHUNG cho mọi theme nên khoanh vùng riêng [data-theme="tien_hiep"] — kid/pro không đổi gì. */ [data-theme="tien_hiep"] .energy-bar-outer{display:none;} [data-theme="tien_hiep"] .balance-chip-label{display:none;} /* Cổ Trấn thay trọn lớp Sảnh Nhân Vật, kể cả khi nhật ký hệ thống đang mở. Rule mobile phía trên từng bật lại Vũ Khí với !important cho Sảnh cũ, khiến nó lơ lửng trên nền Cổ Trấn. Khoanh vùng data-co-tran và đặt rule này CUỐI stylesheet mobile để không breakpoint nào khôi phục nhân vật, Vũ Khí, Thần Thú, Phi Kiếm, bóng hoặc bảng tên. Chỉ HUD, avatar, chat và thông báo hệ thống còn lại. */ .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .stage, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .l4-roof, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .l4-railing, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .l4-lantern, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .char-home-platform, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .char-home-portrait, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .th-char-shadow, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .th-char-nameplate, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .th-equip-weapon-float, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .th-equip-mount-float, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .th-mount-shadow, .hero-tienhiep[data-co-tran="1"]:not(.is-equip-view) .th-equip-phikiem-float{display:none !important;} /* Cụ thể hơn rule Sảnh cũ `.is-char-home ... .is-unlocked` (cũng dùng !important), để cascade không thể làm Vũ Khí xuất hiện lại khi mở log. */ .hero-tienhiep[data-co-tran="1"].is-char-home:not(.is-equip-view) .th-equip-weapon-float.is-unlocked, .hero-tienhiep[data-co-tran="1"].is-char-home:not(.is-equip-view) .th-equip-mount-float.is-visible, .hero-tienhiep[data-co-tran="1"].is-char-home:not(.is-equip-view) .th-equip-phikiem-float.is-visible{display:none !important;} }