Game Sưu Tầm Nhân Vật
Bản hệ nhân vật mới. Không còn hệ trái ác quỷ cũ.
Gacha cố định: 200 kim cương / 1 lần và 1500 kim cương / 10 lần, áp dụng cho mọi level.
EXP
Thẻ nâng cấp thường
Thẻ nâng cấp siêu cấp
Thẻ đột phá
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Save cũ vẫn dùng key cũ và được migrate sang hệ nhân vật.
Vàng
Kim cương
Level tài khoản
Điểm Lữ Khách
Tiền đ
Nhân vật đã có
Thám hiểm & Boss
Gacha nhân vật
1 lần
200 💎
10 lần
1500 💎
Lượt còn lại
Làm mới
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Đội hình 5 nhân vật
Nhân vật đã sở hữu
Nhân vật chưa có
Shop vật phẩm nâng cấp
Đã xóa shop bán trái cũ, chợ cũ và gamepass. Shop giờ chỉ còn vật phẩm nâng cấp nhân vật.
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Giảm giá
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Buff đang chạy
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Toàn bộ nhân vật
Đội hình
Sức mạnh nhân vật đang dùng
Nhân vật đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Đã xóa hệ thống trái cũ, thay bằng hệ thống nhân vật Dragon Ball.
- Gacha dùng kim cương cố định: 200 / 1 lần và 1500 / 10 lần, mọi level như nhau.
- Đã xóa thẻ siêu may mắn và thẻ awakening cũ.
- Vật phẩm mới: thẻ nâng cấp thường, thẻ nâng cấp siêu cấp, thẻ đột phá.
- Tab Túi đồ đã đổi thành Nhân vật: xem đã có / chưa có và nâng cấp level nhân vật.
- Mỗi 1 level nâng cấp sẽ tăng thêm lực chiến và tiêu hao thẻ nâng cấp thường.
- Có nút nâng cấp +1 level và +10 level liên tiếp.
- Mốc level càng cao sẽ cần thêm thẻ nâng cấp siêu cấp: 30 / 70 / 120 / 160 / 210 / 260 / 320.
- Cứ mỗi 100 level cần dùng thẻ đột phá để mở giới hạn tiếp theo.
- Lv max nhân vật: B = 60, A = 120, S = 200, SS = 360, SSS = 360.
- Có thể chọn tối đa 5 nhân vật để tạo thành 1 đội hình.
- Bậc SSS có tỉ lệ 0% trong gacha, không thể quay ra trực tiếp.
- Giftcode mới: CHIENBINHTOITHUONG nhận hòm nhân vật bậc S ngẫu nhiên.
- Giftcode mới: DENBUNHA nhận hòm SS + 500k vàng + 30 thẻ random + 800 kim cương.
- Shop chỉ còn vật phẩm nâng cấp nhân vật.
gap: 16px; } .hero { grid-template-columns: 1.2fr 1fr; margin-bottom: 20px; } .layout { grid-template-columns: 1.45fr 0.85fr; gap: 20px; } .shop-layout { grid-template-columns: 1fr 1fr; gap: 14px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .unit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label, .muted { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .tabs, .subtabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn, .subtab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active, .subtab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } .badge.b { background:#dbeafe; color:#1d4ed8; } .badge.a { background:#dcfce7; color:#15803d; } .badge.s { background:#fef3c7; color:#b45309; } .badge.ss { background:#ede9fe; color:#6d28d9; } .badge.sss { background:#fee2e2; color:#b91c1c; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action.good { background: var(--good); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .hidden { display: none !important; } .unit-chip { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; font-size: 22px; font-weight: 900; color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 18px rgba(15,23,42,.12); border: 1px solid rgba(15,23,42,.08); flex: 0 0 58px; } .unit-chip.large { width: 76px; height: 76px; border-radius: 22px; font-size: 28px; } .unit-chip.b { background: linear-gradient(135deg, #60a5fa, #2563eb); } .unit-chip.a { background: linear-gradient(135deg, #4ade80, #15803d); } .unit-chip.s { background: linear-gradient(135deg, #fbbf24, #d97706); } .unit-chip.ss { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .unit-chip.sss { background: linear-gradient(135deg, #fb7185, #be123c); } .unit-row { display:flex; gap:12px; align-items:center; } .unit-main { flex:1; min-width:0; } .unit-card.locked { opacity:.52; } .pill { display:inline-block; padding:5px 10px; border-radius:999px; background:#f1f5f9; font-size:12px; font-weight:700; } input.textbox { flex: 1; min-width: 220px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 12px; font: inherit; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { grid-template-columns: 1fr; } .tabs, .subtabs { flex-direction: column; } }
Game Gacha Nhân Vật
Đại tu từ hệ trái ác quỷ sang hệ nhân vật. Giữ lại các tài nguyên chính và sự kiện đang có.
EXP người chơi
Kim cương
Điểm Lữ Khách
Cánh thiên thần
Thẻ nâng cấp thường
Thẻ nâng cấp siêu cấp
Hệ lưu dữ liệu vẫn dùng localStorage như trước. Tài nguyên cũ sẽ được giữ lại nếu có thể.
Vàng
Kim cương
Level
Tiền đ
Thẻ đột phá
Nhân vật sở hữu
Thám hiểm & Boss
Gacha nhân vật
1 lần
200 💎
10 lần
1500 💎
Lượt còn lại
Làm mới
Giftcode
Nhập mã quà để nhận tài nguyên hoặc nhân vật. Mỗi mã chỉ dùng 1 lần.
Nhân vật đang dùng
Kho nhân vật
Bộ sưu tập chưa có
Shop vật phẩm
Đã xoá shop trái cũ, chợ và gamepass. Shop giờ chỉ còn vật phẩm nâng cấp cho nhân vật.
Mua vật phẩm nâng cấp
Hướng dẫn nâng cấp
- Thẻ nâng cấp thường: dùng để tăng cấp nhân vật.
- Thẻ nâng cấp siêu cấp: tăng cấp hiệu quả hơn cho nhân vật bậc cao.
- Thẻ đột phá: mở giới hạn cấp mới cho nhân vật mạnh.
- Nâng cấp thực hiện ở tab Nhân vật.
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Gacha mới
Nhân vật
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Shop đổi
Buff / vật phẩm
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách nhân vật
Đội hình hiện tại
Lực chiến hiện tại
Nhân vật đang dùng:
Nhật ký hoạt động
Ghi chú luật mới
- Đã xoá toàn bộ hệ trái ác quỷ cũ, thay bằng hệ nhân vật.
- Gacha mới dùng kim cương: 200/1 lần, 1500/10 lần, áp dụng mọi level.
- Đã xoá thẻ siêu may mắn và vé awakening cũ.
- Vật phẩm mới: thẻ nâng cấp thường, thẻ nâng cấp siêu cấp, thẻ đột phá.
- Tab Túi đồ đổi thành tab Nhân vật, có thể xem đã có/chưa có và nâng cấp cấp nhân vật.
- Shop giữ lại làm nơi mua vật phẩm nâng cấp, không còn bán nhân vật hay gamepass.
- Giữ lại thám hiểm, boss, Lữ Khách, Thiên Đàng, tiền đ và giftcode.
gap: 16px; } .hero { grid-template-columns: 1.2fr 1fr; margin-bottom: 20px; } .layout { grid-template-columns: 1.45fr 0.85fr; gap: 20px; } .shop-layout { grid-template-columns: 1fr 1fr; gap: 14px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .unit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label, .muted { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .tabs, .subtabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn, .subtab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active, .subtab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } .badge.b { background:#dbeafe; color:#1d4ed8; } .badge.a { background:#dcfce7; color:#15803d; } .badge.s { background:#fef3c7; color:#b45309; } .badge.ss { background:#ede9fe; color:#6d28d9; } .badge.sss { background:#fee2e2; color:#b91c1c; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action.good { background: var(--good); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .hidden { display: none !important; } .unit-chip { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; font-size: 22px; font-weight: 900; color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 18px rgba(15,23,42,.12); border: 1px solid rgba(15,23,42,.08); flex: 0 0 58px; } .unit-chip.large { width: 76px; height: 76px; border-radius: 22px; font-size: 28px; } .unit-chip.b { background: linear-gradient(135deg, #60a5fa, #2563eb); } .unit-chip.a { background: linear-gradient(135deg, #4ade80, #15803d); } .unit-chip.s { background: linear-gradient(135deg, #fbbf24, #d97706); } .unit-chip.ss { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .unit-chip.sss { background: linear-gradient(135deg, #fb7185, #be123c); } .unit-row { display:flex; gap:12px; align-items:center; } .unit-main { flex:1; min-width:0; } .unit-card.locked { opacity:.52; } .pill { display:inline-block; padding:5px 10px; border-radius:999px; background:#f1f5f9; font-size:12px; font-weight:700; } input.textbox { flex: 1; min-width: 220px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 12px; font: inherit; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { grid-template-columns: 1fr; } .tabs, .subtabs { flex-direction: column; } }
Game Gacha Nhân Vật
Đại tu từ hệ trái ác quỷ sang hệ nhân vật. Giữ lại các tài nguyên chính và sự kiện đang có.
EXP người chơi
Kim cương
Điểm Lữ Khách
Cánh thiên thần
Thẻ nâng cấp thường
Thẻ nâng cấp siêu cấp
Hệ lưu dữ liệu vẫn dùng localStorage như trước. Tài nguyên cũ sẽ được giữ lại nếu có thể.
Vàng
Kim cương
Level
Tiền đ
Thẻ đột phá
Nhân vật sở hữu
Thám hiểm & Boss
Gacha nhân vật
1 lần
200 💎
10 lần
1500 💎
Lượt còn lại
Làm mới
Giftcode
Nhập mã quà để nhận tài nguyên hoặc nhân vật. Mỗi mã chỉ dùng 1 lần.
Nhân vật đang dùng
Kho nhân vật
Bộ sưu tập chưa có
Shop vật phẩm
Đã xoá shop trái cũ, chợ và gamepass. Shop giờ chỉ còn vật phẩm nâng cấp cho nhân vật.
Mua vật phẩm nâng cấp
Hướng dẫn nâng cấp
- Thẻ nâng cấp thường: dùng để tăng cấp nhân vật.
- Thẻ nâng cấp siêu cấp: tăng cấp hiệu quả hơn cho nhân vật bậc cao.
- Thẻ đột phá: mở giới hạn cấp mới cho nhân vật mạnh.
- Nâng cấp thực hiện ở tab Nhân vật.
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Gacha mới
Nhân vật
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Shop đổi
Buff / vật phẩm
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách nhân vật
Đội hình hiện tại
Lực chiến hiện tại
Nhân vật đang dùng:
Nhật ký hoạt động
Ghi chú luật mới
- Đã xoá toàn bộ hệ trái ác quỷ cũ, thay bằng hệ nhân vật.
- Gacha mới dùng kim cương: 200/1 lần, 1500/10 lần, áp dụng mọi level.
- Đã xoá thẻ siêu may mắn và vé awakening cũ.
- Vật phẩm mới: thẻ nâng cấp thường, thẻ nâng cấp siêu cấp, thẻ đột phá.
- Tab Túi đồ đổi thành tab Nhân vật, có thể xem đã có/chưa có và nâng cấp cấp nhân vật.
- Shop giữ lại làm nơi mua vật phẩm nâng cấp, không còn bán nhân vật hay gamepass.
- Giữ lại thám hiểm, boss, Lữ Khách, Thiên Đàng, tiền đ và giftcode.
border-radius: 20px; box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06); } .card-header { padding: 18px 18px 0; font-weight: 700; font-size: 18px; } .card-body { padding: 18px; } .hero, .layout, .shop-layout { display: grid; gap: 16px; } .hero { grid-template-columns: 1.2fr 1fr; margin-bottom: 20px; } .layout { grid-template-columns: 1.45fr 0.85fr; gap: 20px; } .shop-layout { grid-template-columns: 1fr 1fr; gap: 14px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .unit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label, .muted { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .tabs, .subtabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn, .subtab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active, .subtab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } .badge.b { background:#dbeafe; color:#1d4ed8; } .badge.a { background:#dcfce7; color:#15803d; } .badge.s { background:#fef3c7; color:#b45309; } .badge.ss { background:#ede9fe; color:#6d28d9; } .badge.sss { background:#fee2e2; color:#b91c1c; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action.good { background: var(--good); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .hidden { display: none !important; } .unit-chip { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; font-size: 22px; font-weight: 900; color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 18px rgba(15,23,42,.12); border: 1px solid rgba(15,23,42,.08); flex: 0 0 58px; } .unit-chip.large { width: 76px; height: 76px; border-radius: 22px; font-size: 28px; } .unit-chip.b { background: linear-gradient(135deg, #60a5fa, #2563eb); } .unit-chip.a { background: linear-gradient(135deg, #4ade80, #15803d); } .unit-chip.s { background: linear-gradient(135deg, #fbbf24, #d97706); } .unit-chip.ss { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .unit-chip.sss { background: linear-gradient(135deg, #fb7185, #be123c); } .unit-row { display:flex; gap:12px; align-items:center; } .unit-main { flex:1; min-width:0; } .unit-card.locked { opacity:.52; } .pill { display:inline-block; padding:5px 10px; border-radius:999px; background:#f1f5f9; font-size:12px; font-weight:700; } input.textbox { flex: 1; min-width: 220px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 12px; font: inherit; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .unit-grid { grid-template-columns: 1fr; } .tabs, .subtabs { flex-direction: column; } }
Game Gacha Nhân Vật
Đại tu từ hệ trái ác quỷ sang hệ nhân vật. Giữ lại các tài nguyên chính và sự kiện đang có.
EXP người chơi
Kim cương
Điểm Lữ Khách
Cánh thiên thần
Thẻ nâng cấp thường
Thẻ nâng cấp siêu cấp
Hệ lưu dữ liệu vẫn dùng localStorage như trước. Tài nguyên cũ sẽ được giữ lại nếu có thể.
Vàng
Kim cương
Level
Tiền đ
Thẻ đột phá
Nhân vật sở hữu
Thám hiểm & Boss
Gacha nhân vật
1 lần
200 💎
10 lần
1500 💎
Lượt còn lại
Làm mới
Giftcode
Nhập mã quà để nhận tài nguyên hoặc nhân vật. Mỗi mã chỉ dùng 1 lần.
Nhân vật đang dùng
Kho nhân vật
Bộ sưu tập chưa có
Shop vật phẩm
Đã xoá shop trái cũ, chợ và gamepass. Shop giờ chỉ còn vật phẩm nâng cấp cho nhân vật.
Mua vật phẩm nâng cấp
Hướng dẫn nâng cấp
- Thẻ nâng cấp thường: dùng để tăng cấp nhân vật.
- Thẻ nâng cấp siêu cấp: tăng cấp hiệu quả hơn cho nhân vật bậc cao.
- Thẻ đột phá: mở giới hạn cấp mới cho nhân vật mạnh.
- Nâng cấp thực hiện ở tab Nhân vật.
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Gacha mới
Nhân vật
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Shop đổi
Buff / vật phẩm
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách nhân vật
Đội hình hiện tại
Lực chiến hiện tại
Nhân vật đang dùng:
Nhật ký hoạt động
Ghi chú luật mới
- Đã xoá toàn bộ hệ trái ác quỷ cũ, thay bằng hệ nhân vật.
- Gacha mới dùng kim cương: 200/1 lần, 1500/10 lần, áp dụng mọi level.
- Đã xoá thẻ siêu may mắn và vé awakening cũ.
- Vật phẩm mới: thẻ nâng cấp thường, thẻ nâng cấp siêu cấp, thẻ đột phá.
- Tab Túi đồ đổi thành tab Nhân vật, có thể xem đã có/chưa có và nâng cấp cấp nhân vật.
- Shop giữ lại làm nơi mua vật phẩm nâng cấp, không còn bán nhân vật hay gamepass.
- Giữ lại thám hiểm, boss, Lữ Khách, Thiên Đàng, tiền đ và giftcode.
0f172a; --accent-2: #f59e0b; --good: #059669; --bad: #dc2626; } * { box-sizing: border-box; } body { margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: linear-gradient(135deg, #f8fafc, #fff7ed); color: var(--text); } .container { max-width: 1320px; margin: 0 auto; padding: 20px; } .card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06); } .card-header { padding: 18px 18px 0; font-weight: 700; font-size: 18px; } .card-body { padding: 18px; } .hero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(6, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Tiền đ
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Tiền đ là vật phẩm mới, tách riêng với vàng.
- Thám hiểm có 40% nhận 2.000-10.000 đ, chương càng cao thì nhận càng nhiều.
- Đánh quái có 80% nhận 2.000-30.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Đánh boss nhận 100% 15.000-100.000 đ, chương càng cao thì thưởng tiền đ nhân mạnh hơn.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.
grid-template-columns: 1.2fr 1fr; gap: 16px; margin-bottom: 20px; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { display: grid; gap: 12px; } .stats-grid { grid-template-columns: repeat(5, 1fr); } .mini-grid { grid-template-columns: repeat(6, 1fr); margin-top: 14px; } .grid-5 { grid-template-columns: repeat(5, 1fr); } .grid-4, .top-strip { grid-template-columns: repeat(4, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-2, .fruit-grid { grid-template-columns: repeat(2, 1fr); } .stat, .mini { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: #f8fafc; } .stat .label, .mini .label { color: var(--muted); font-size: 12px; } .stat .value { font-size: 24px; font-weight: 800; margin-top: 4px; } .mini .value { font-size: 15px; font-weight: 700; margin-top: 2px; } .progress { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin-top: 14px; } .progress > div { height: 100%; width: 0%; background: linear-gradient(90deg, #0f172a, #f59e0b); transition: width .2s; } .layout { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 20px; } .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } .tab-btn { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 600; } .tab-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .chapter-btn { text-align: left; border: 1px solid var(--line); background: white; border-radius: 16px; padding: 14px; cursor: pointer; } .chapter-btn.active { background: var(--accent); color: white; border-color: var(--accent); } .chapter-btn.locked { opacity: .5; cursor: not-allowed; } .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .stack { display: flex; flex-direction: column; gap: 12px; } .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #e2e8f0; } button.action { border: none; background: var(--accent); color: white; border-radius: 14px; padding: 10px 14px; cursor: pointer; font-weight: 700; } button.action.secondary { background: #334155; } button.action.light { background: white; color: var(--text); border: 1px solid var(--line); } button.action:disabled { opacity: .55; cursor: not-allowed; } .list-item { border: 1px solid var(--line); border-radius: 16px; padding: 12px; background: white; } .muted { color: var(--muted); font-size: 13px; } .log-list { display: flex; flex-direction: column; gap: 10px; } .log-item { background: #f8fafc; border-radius: 14px; padding: 10px 12px; font-size: 13px; border: 1px solid var(--line); } .highlight { background: linear-gradient(90deg, #fef3c7, #fff7ed); border: 1px solid #fcd34d; } .shop-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; } .top-strip { margin-bottom: 14px; } .hidden { display: none !important; } .fruit-chip { width: 54px; height: 54px; border-radius: 18px; position: relative; flex: 0 0 54px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 16px rgba(15, 23, 42, 0.08); overflow: hidden; } .fruit-chip.large { width: 74px; height: 74px; border-radius: 22px; flex-basis: 74px; } .fruit-chip::before { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.15) 35%, transparent 36%); opacity: .95; } .fruit-chip::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 5px; transform: translateX(-50%) rotate(12deg); border-radius: 12px 12px 2px 12px; background: linear-gradient(180deg, #22c55e, #166534); box-shadow: 0 0 0 2px rgba(255,255,255,.35); } .fruit-core { position: absolute; inset: 10px; border-radius: 999px; display: grid; place-items: center; color: rgba(255,255,255,.96); font-size: 20px; font-weight: 900; text-shadow: 0 2px 8px rgba(0,0,0,.25); } .fruit-chip.large .fruit-core { font-size: 28px; } .fruit-core::before { content: ""; position: absolute; inset: 6px; border-radius: 999px; border: 2px dashed rgba(255,255,255,.35); opacity: .8; } .fruit-chip.thuong { background: linear-gradient(135deg, #cbd5e1, #94a3b8); } .fruit-chip.phobien { background: linear-gradient(135deg, #34d399, #059669); } .fruit-chip.hiem { background: linear-gradient(135deg, #60a5fa, #2563eb); } .fruit-chip.sieuhiem { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .fruit-chip.huyenthoai { background: linear-gradient(135deg, #fbbf24, #d97706); } .fruit-chip.dangcap { background: linear-gradient(135deg, #fb7185, #e11d48); } .fruit-chip.fire { background: linear-gradient(135deg, #fb7185, #ea580c); } .fruit-chip.ice { background: linear-gradient(135deg, #93c5fd, #38bdf8); } .fruit-chip.dark { background: linear-gradient(135deg, #312e81, #111827); } .fruit-chip.light { background: linear-gradient(135deg, #fde68a, #facc15); } .fruit-chip.dragon { background: linear-gradient(135deg, #f97316, #b91c1c); } .fruit-chip.water { background: linear-gradient(135deg, #67e8f9, #0ea5e9); } .fruit-chip.sound { background: linear-gradient(135deg, #c084fc, #ec4899); } .fruit-chip.angel { background: linear-gradient(135deg, #fef3c7, #f59e0b); } .fruit-row { display: flex; gap: 12px; align-items: center; } .fruit-main { flex: 1; min-width: 0; } @media (max-width: 1100px) { .hero, .layout, .shop-layout { grid-template-columns: 1fr; } .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .stats-grid, .mini-grid, .grid-5, .grid-4, .grid-3, .grid-2, .top-strip, .fruit-grid { grid-template-columns: 1fr; } .tabs { flex-direction: column; } }
Game Sưu Tầm Trái Ác Quỷ
Bản HTML độc lập để bạn có thể đem đi đăng web và chia sẻ cho bạn bè.
Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%. Trái Nước là trái sự kiện, không quay ra từ gacha thường.
EXP
Thẻ siêu may mắn
Thẻ random
Vé awakening
Thẻ Lữ Khách
Cánh thiên thần
Dữ liệu tự lưu trong trình duyệt bằng localStorage. Boss và các mốc hồi sinh cũng chạy theo thời gian thực.
Vàng
Kim cương
Level
Điểm Lữ Khách
Bộ sưu tập
Thám hiểm & Boss
Người gacha
Phí gacha
Bonus may mắn
Tự dùng thẻ siêu may mắn
Lượt gacha còn lại
Giftcode
Nhập mã quà để nhận tài nguyên. Mỗi mã chỉ dùng 1 lần.
Trái đang dùng
Inventory
Reset shop
Giảm giá Lữ Khách
Buff EXP
GAMEPASS
Vật phẩm chợ
GAMEPASS
Trái ác quỷ đang bán
Sự kiện: Lữ Khách Tham Gia
Điểm Lữ Khách
Thẻ Lữ Khách
Trái mới
Nước · 8.500
Nhiệm vụ ngày
Nhiệm vụ tuần
Đổi điểm Lữ Khách
Vòng quay Lữ Khách
1 thẻ / 1 lần · 5 thẻ / 5 lần + 1 lần miễn phí
Sự kiện mới: Sức mạnh của Thiên Đàng
Cánh thiên thần
Tỉ lệ nhận thêm
30%
Nguồn nhận
Thám hiểm / Đánh quái / Nhiệm vụ
Trái mới
Thiên Thần · 200.000
Bảng tỉ lệ thưởng cánh thiên thần
80%: 50 cánh • 15%: 150 cánh • 3%: 1000 cánh • 2%: 2000 cánh
Shop Quỷ Đổi
Danh sách trái ác quỷ
Nhân vật
Sức mạnh hiện tại
Trái đang dùng:
Nhật ký hoạt động
Ghi chú luật game
- Tất cả trái ác quỷ trong shop đã tăng giá thêm 40% nữa.
- Đã thêm tính năng nhập giftcode trong tab Gacha.
- Thám hiểm đã được làm lại thành 10 chương với khung level riêng.
- Level tối đa là 1000.
- Đánh quái kiếm vàng có cooldown 5 phút.
- GAMEPASS mở ở level 500.
- Mỗi chương có nhiệm vụ riêng, nhận tối đa 1 lần mỗi 1 phút để tăng EXP và cộng thêm vàng.
- EXP từng chương đã được cân lại để đầu chương khá dễ, giữa chương thường khoảng 2 nhiệm vụ lên 1 level và cuối chương khoảng 3 nhiệm vụ lên 1 level.
- Khi đủ level, chương tương ứng sẽ tự mở theo level hiện tại. Bạn cũng có thể quay lại chơi các chương cũ đã mở để farm lại.
- Chương mở khóa hiện được tính trực tiếp từ level hiện tại, không phụ thuộc save tiến độ cũ.
- Trong ô Thám hiểm có 2 nhánh: cày thường và Boss. Boss hồi sinh mỗi 20 phút, đánh trong 5 phút, thắng nhận +50 level.
- Đánh quái có 80% nhận thêm 2.000-50.000 đ, đánh boss nhận 100% 30.000-500.000 đ. Chương càng cao thì thưởng tiền càng nhân mạnh.
- Tỉ lệ gacha: Siêu hiếm 4%, Huyền thoại 1.3%, Rồng 0.1%; Trái Nước không xuất hiện trong gacha thường.
- Mỗi 30 phút chỉ gacha được tối đa 10 lần. Nếu có thẻ random thì hệ thống sẽ ưu tiên dùng thẻ để quay.
- Tỉ lệ rơi kim cương của tất cả chương đã tăng thêm 10% tuyệt đối.
- Nhiệm vụ tuần Lữ Khách mới đã thêm: gacha ra trái hiếm / siêu hiếm / huyền thoại và mua đồ trong chợ.
- Sự kiện Sức mạnh của Thiên Đàng đã có tab riêng. Mỗi lần thám hiểm, đánh quái hoặc nhận nhiệm vụ có 30% nhận cánh thiên thần để đổi buff EXP hoặc Trái Thiên Thần.