/* Khung "Truyện của bạn" + nút Đọc tiếp. Dùng màu kế thừa để hợp cả 2 giao diện sáng/tối của 2 trang. */
[data-guest-continue][hidden],[data-guest-resume][hidden]{display:none!important}
.gx-panel{margin:0 0 22px;padding:14px 16px 10px;border:1px solid rgba(128,128,128,.3);border-radius:12px;background:rgba(128,128,128,.07);color:inherit;font-family:inherit}
.gx-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.gx-head b{font-size:1.05em;margin-right:6px}
.gx-head button{font:inherit;font-size:.85em;color:inherit;background:transparent;border:1px solid rgba(128,128,128,.45);border-radius:14px;padding:3px 12px;cursor:pointer}
.gx-head button.on{background:rgba(128,128,128,.3);font-weight:600}
.gx-head .clr{margin-left:auto;border-color:transparent;opacity:.7}
.gx-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.gx-card{position:relative;flex:0 0 240px;display:flex;flex-direction:column;gap:3px;padding:10px 30px 10px 12px;border:1px solid rgba(128,128,128,.3);border-radius:10px;color:inherit;text-decoration:none;scroll-snap-align:start}
.gx-card:hover{background:rgba(128,128,128,.12)}
.gx-card .t{font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gx-card .m{font-size:.82em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-card .go{margin-top:4px;font-size:.85em;font-weight:600}
.gx-card .x{position:absolute;top:4px;right:6px;border:0;background:transparent;color:inherit;opacity:.5;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}
.gx-card .x:hover{opacity:1}
.gx-note{margin:6px 0 0;font-size:.78em;opacity:.6}
@media (max-width:640px){.gx-card{flex-basis:78%}}