/* Mobile shell: real CSS pixels, no viewport zoom. Ads stay 1:1 with their hit target. */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding-top: env(safe-area-inset-top);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
}

body > form {
    display: block;
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

[style*="width: 320px"],
[style*="width:320px"],
.book_c,
.book_list_top,
.shujia,
.ceent_0 {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

/* Keep the original cover-left layout. Cards sit inset from the header, with space between books. */
a:has(> .ceent_0) {
    display: block;
    margin: 10px 10px 0;
}

.ceent_0 {
    display: flex !important;
    align-items: center;
    gap: 10px;
    height: auto !important;
    min-height: 92px;
    padding: 12px 8px 12px 12px !important;
    overflow: hidden;
    background: #fff;
    border: none !important;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(30, 50, 60, 0.06);
}

.ceent_0::after {
    content: "查看";
    flex: 0 0 auto;
    align-self: center;
    margin-left: 4px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #fff;
    background: #1a6fbf;
    border-radius: 4px;
}

.ceent_0 > .img_00,
.ceent_0 > div {
    float: none !important;
}

.ceent_0 > div[style*="width: 240px"],
.ceent_0 > div[style*="width:240px"] {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.img_00 {
    width: 56px !important;
    height: 76px !important;
    margin-right: 12px !important;
    border-radius: 4px;
}

.img_00 img {
    width: 56px !important;
    height: 76px !important;
    object-fit: cover;
    border-radius: 4px;
}

.ceent_1img,
.ceent_2img,
.ceent_3img {
    float: none !important;
    clear: both;
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
}

.ceent_1img {
    margin: 0 0 4px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #2c3338;
}

.ceent_2img {
    margin: 0 0 2px !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

.ceent_3img {
    margin: 2px 0 0 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #8b939a !important;
}

.ceent_1img,
.ceent_3img,
.ceent_2dimg,
.ceent_2aimg {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ceent_2aimg {
    width: auto !important;
    max-width: 62%;
}

.ceent_2bimg {
    float: left !important;
    width: auto !important;
    margin-left: 12px;
    white-space: nowrap;
}

/* Chapter, category and book rows were sized for a 320px page. */
a:has(> .book_list),
a:has(> .book_list_color) {
    display: block;
}

.book_list,
.book_list_color {
    width: 100% !important;
    height: auto !important;
    min-height: 48px;
    margin-top: 1px;
    box-sizing: border-box;
    overflow: hidden;
}

.book_list_ab,
.book_list_00 {
    width: calc(100% - 61px) !important;
    box-sizing: border-box;
}

.book_list_03,
.book_list_0a {
    width: calc(100% - 48px) !important;
    box-sizing: border-box;
}

.book_list_0centerb {
    float: left !important;
    width: calc(100% - 120px) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left !important;
}

.neirong_0,
.gengxinshijian {
    width: 100% !important;
    box-sizing: border-box;
}

[style*="background-size: 318px"],
[style*="background-size:318px"] {
    background-size: 100% 1px !important;
}

.sousuo,
.sousuo:hover {
    left: auto !important;
    right: 48px !important;
}

.shuaxin,
.shuaxin:hover {
    left: auto !important;
    right: 12px !important;
}

.fuyun {
    left: 52px !important;
    right: 76px !important;
    width: auto !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 2px;
}

div[style*="tit_lebottom.jpg"] {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box;
}

.huadong_top,
.huadong_top a,
.huadong_top a:hover {
    float: none !important;
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    margin-left: 0 !important;
    box-sizing: border-box;
}

.huadong_top a,
.huadong_top a:hover {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

img {
    max-width: 100%;
}

/*
 * Fixed ad slots. 32px sits outside the ad iframe, close to the old
 * 30px spacer, so a near-miss does not land on the ad.
 */
.m-ad-slot {
    clear: both;
    box-sizing: border-box;
    padding: 32px 12px;
    margin: 0;
}

/* Empty placeholders must not leave a fake tappable hole or a huge blank. */
.m-ad-slot:not(:has(ins, iframe, img, object, embed)) {
    padding: 0;
}

.m-ad-slot ins.adsbygoogle {
    margin: 0 auto !important;
}

ins.adsbygoogle {
    display: block;
    clear: both;
    margin: 32px 12px !important;
}

.m-ad-gap {
    display: block;
    width: 100%;
    clear: both;
    pointer-events: none;
}