/* Cẩm Giang — flipbook.css: khối "Đọc truyện" và khung sách (biến thể truyen-ngan). */ /* ===== Khối "Đọc truyện" ===== */ .cg-book { margin-top: clamp(30px, 3.8vw, 48px); border-top: 1px solid var(--cg-border); padding-top: clamp(22px, 2.6vw, 32px); } .cg-book__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .cg-book__hint { font-size: 12.5px; color: var(--cg-text-faint); } .cg-book__frame { margin-top: clamp(18px, 2.2vw, 26px); background: var(--cg-border-faint); border: 1px solid var(--cg-border); padding: clamp(16px, 2.6vw, 34px) clamp(12px, 2.4vw, 30px); } .cg-book__host { width: 100%; display: flex; justify-content: center; } /* Khổ hẹp: sách hiện một trang, và độc giả phải chụm tay phóng to được — chữ trong PDF ở 358px là nhỏ, phóng to là lối thoát duy nhất (spec §6, nghiệm thu §8.6). StPageFlip đặt `touch-action: pan-y` lên `.stf__parent` khi mobileScrollSupport bật; `pan-y` cho phép cuộn dọc nhưng chặn luôn cử chỉ chụm, nên phải thêm `pinch-zoom`. Chọn `.cg-book .cg-book__host` (0,2,0) để thắng `.stf__parent` (0,1,0): thư viện chèn CSS của nó vào lúc chạy, tức đứng SAU tệp của theme — bằng điểm là nó thắng. */ @media ( max-width: 619.98px ) { .cg-book .cg-book__host { touch-action: pan-y pinch-zoom; } } .cg-book__nav { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 2vw, 20px); padding-top: clamp(16px, 2vw, 24px); } /* Nút thật, nên phải xoá kiểu mặc định của