.banner-truyen{--bt-chu: #f6ebd1;--bt-phu: #e3d5b8;--bt-vang: #d9b968;--bt-nen: #1d1813;--bt-cham: #c6b99f;--bt-cham-on: #9f6b15;--bt-mo: .9s;--bt-troi: 7.5s;position:relative;margin:0 0 18px}:root[data-theme=toi] .banner-truyen{--bt-cham: #75654c;--bt-cham-on: #dfaf5c}.bt-khung{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2.6 / 1;max-height:480px;width:100%;border-radius:12px;background:var(--bt-nen);color:var(--bt-chu)}.bt-khung:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 35%,#140f0ba6 70%,#140f0beb),linear-gradient(90deg,#140f0bb3,#140f0b4d 40%,#0000 62%)}.bt-tranh{position:absolute;inset:0;z-index:0}.bt-anh{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 45%;opacity:0;transform:scale(1.03);transition:opacity var(--bt-mo) var(--ease),transform var(--bt-troi) linear}.bt-anh[data-hien]{opacity:1;transform:scale(1)}.bt-anh[data-doc]{object-position:center calc(var(--y, .4) * 100%);transform:scale(1.13)}.bt-anh[data-doc][data-hien]{transform:scale(1.1)}.bt-anh--trong{background:var(--bt-nen)}.bt-anh--qua{background:radial-gradient(ellipse at 75% 30%,#5a3f22 0%,#2a1f16 55%,var(--bt-nen) 100%)}.bt-chu{position:absolute;z-index:2;left:48px;right:48px;bottom:56px;max-width:580px;animation:bt-chu-vao .6s .2s ease both}.bt-chu :is(h1,p){text-shadow:0 1px 2px #0009}.bt-nhan{margin:0;font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--bt-vang)}.bt-chu h1{margin:6px 0 8px;font-size:clamp(28px,3.4vw,46px);line-height:1.2;color:var(--bt-chu)}.bt-tacgia,.bt-tom{margin:0 0 6px;color:var(--bt-phu)}.bt-tom{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:520px}.bt-nut{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.bt-phu{color:var(--bt-chu);padding:9px 14px;border:1px solid currentColor;border-radius:6px;text-decoration:none}.bt-phu:hover{background:#ffffff14}@keyframes bt-chu-vao{0%{opacity:0;transform:translateY(8px)}}.bt-qua{position:absolute;z-index:2;top:32px;right:32px;max-width:400px;margin:0;padding:0;list-style:none;display:grid;gap:10px;animation:bt-chu-vao .6s .3s ease both}.bt-qua li{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:8px;background:#f6ebd114;border:1px solid #d9b96855;color:var(--bt-phu);font-size:13px}.bt-qua strong{display:block;color:var(--bt-chu);font-size:15px}.bt-qua-so{display:inline-flex;align-items:center;gap:4px;min-width:76px;color:var(--bt-vang);font-weight:700;font-size:18px}.bt-chon{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px}.bt-chon button{display:grid;place-items:center;min-width:28px;height:28px;padding:0;border:0;background:none;color:var(--text-muted, #7b6a55);cursor:pointer}.bt-mui{font:22px/1 var(--font-ui, inherit)}.bt-cham span{position:relative;display:block;width:8px;height:8px;border-radius:8px;background:var(--bt-cham);overflow:hidden;transition:width var(--t-nhanh) var(--ease)}.bt-cham[aria-pressed=true] span{width:32px}.bt-cham[aria-pressed=true] span:after{content:"";position:absolute;inset:0;background:var(--bt-cham-on);transform-origin:left;animation:bt-chay 7s linear both}.banner-truyen[data-running=false] .bt-cham[aria-pressed=true] span:after{animation-play-state:paused}@keyframes bt-chay{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.bt-anh,.bt-cham span{transition:none}.bt-anh,.bt-anh[data-hien],.bt-anh[data-doc],.bt-anh[data-doc][data-hien]{transform:none}.bt-anh[data-doc]{transform:scale(1.1)}.bt-chu,.bt-qua{animation:none}.bt-cham[aria-pressed=true] span:after{animation:none}}@media(max-width:767px){.banner-truyen{margin-bottom:10px}.bt-khung{aspect-ratio:16 / 9;max-height:none;border-radius:10px}.bt-khung:after{background:linear-gradient(180deg,#0000 45%,#140f0bd9)}.bt-chu{inset:0;max-width:none;display:flex;flex-direction:column;justify-content:flex-end;padding:0 14px 10px}.bt-chu h1{font-size:21px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-chu :is(.bt-nhan,.bt-tom),.bt-nut>:not(.bt-mo){display:none}.bt-tacgia{font-size:13px;margin:0}.bt-nut{margin:0}.bt-nut .bt-mo{position:static;font-size:0;padding:0;border:0;background:none;box-shadow:none;min-height:0}.bt-nut .bt-mo svg{display:none}.bt-nut .bt-mo:after{content:"";position:absolute;inset:0;z-index:3}.bt-qua{top:12px;left:12px;right:12px;max-width:none;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.bt-qua li{flex-direction:column;gap:2px;padding:6px 4px;font-size:0;text-align:center}.bt-qua strong{font-size:12px}.bt-qua-so{justify-content:center;font-size:15px;min-width:0}.bt-qua-so img{width:20px;height:20px}.bt-mui{display:none!important}.bt-chon{margin-top:2px}.library-home .kind-tabs--trang{display:none}}