html {
    font-size: min(calc(100vw / 7.2), 100px);
}

body {
    overflow-x: hidden;
    -webkit-user-select: auto;
    user-select: auto;
}

.m {
    min-width: 0;
}

.footer {
    width: 100% !important;
}

.footer-link {
    flex-wrap: wrap;
    justify-content: center;
}

.book-simple,
.book-vertical {
    min-width: 0;
}

.book-info,
.book-title,
.book-intro,
.book-survey {
    min-width: 0;
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
    }

    .default.bg {
        background-size: min(100%, 1200px) auto !important;
    }

    .default .main,
    .page-index,
    .book-detail,
    .page-column,
    .book-search,
    .book-read {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    nav.index {
        height: 116px !important;
        background-size: 100% 116px !important;
    }

    nav header,
    nav ul {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    nav header {
        height: 64px;
        padding: 14px 24px 8px !important;
    }

    nav header .logo-a .logo-nav {
        height: 36px !important;
    }

    nav header .icons .iconfont {
        font-size: 24px;
    }

    nav ul {
        height: 52px !important;
        justify-content: flex-start !important;
        overflow-x: auto;
        padding: 0 16px !important;
    }

    nav ul li {
        font-size: 16px !important;
        margin: 0 18px !important;
    }

    nav ul li.active {
        font-size: 18px !important;
    }

    .page-index {
        padding: 140px 24px 44px !important;
    }

    .column {
        border-radius: 8px !important;
        margin-top: 24px !important;
        padding: 28px 0 24px !important;
    }

    .column-head {
        margin-bottom: 24px !important;
        padding: 0 24px !important;
    }

    .column-title {
        font-size: 24px !important;
    }

    .column-link {
        border-radius: 16px !important;
        font-size: 13px !important;
        padding: 6px 10px 6px 14px !important;
    }

    .column-link .icon-arrow-right {
        font-size: 14px !important;
    }

    .good-list,
    .updated-list,
    .rank-list,
    .recently {
        overflow: visible !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .good-list-wrap,
    .updated-list-wrap,
    .book-detail .recently-list-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        width: 100% !important;
    }

    .good-list ul li,
    .updated-list ul li,
    .book-detail .recently-list {
        width: auto !important;
        margin: 0 !important;
    }

    .rank-list-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        width: 100%;
        padding: 0 24px !important;
    }

    .rank-list-wrap .rank-item {
        width: auto !important;
        margin: 0 !important;
        border-radius: 8px !important;
        padding: 20px !important;
    }

    .rank-list-wrap .rank-item .rank-title {
        font-size: 20px !important;
    }

    .rank-list-wrap .rank-item .rank-ul .rank-li {
        font-size: 15px !important;
        padding: 10px 0 !important;
    }

    .finished-list,
    .free-list,
    .book-detail .hot {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 20px;
        overflow: visible !important;
        padding: 0 24px !important;
    }

    .finished-list li,
    .free-list li,
    .book-detail .hot-list {
        width: auto !important;
        margin: 0 !important;
    }

    .cate ul {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 16px;
        padding: 0 24px !important;
    }

    .cate ul li,
    .cate ul li:nth-child(3n) {
        width: auto !important;
        margin: 0 !important;
        border-radius: 8px !important;
        padding: 16px !important;
    }

    .m .w90,
    .pc .w90 {
        width: 90px !important;
        height: 120px !important;
    }

    .m .w130,
    .pc .w130 {
        width: 130px !important;
        height: 173px !important;
    }

    .cover {
        border-radius: 6px !important;
        margin-right: 16px !important;
    }

    .book-title {
        font-size: 18px !important;
    }

    .book-intro {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 8px 0 !important;
    }

    .book-survey,
    .book-chapter a,
    .book-chapter span,
    .book-cate {
        font-size: 14px !important;
    }

    .book-survey .rect,
    .book-tag,
    .cover .free,
    .book-vertical .free {
        font-size: 12px !important;
    }

    .book-vertical .cover {
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .page-column {
        margin-top: 116px !important;
        padding: 24px !important;
    }

    .page-column main {
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-column main ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        border-radius: 8px !important;
        padding: 24px !important;
    }

    .page-column main ul li {
        margin: 0 !important;
    }

    .book-detail {
        padding: 0 24px 44px !important;
    }

    .book-detail .header {
        padding: 140px 8px 28px !important;
        justify-content: flex-start !important;
    }

    .book-detail .header .book-cover {
        width: 160px !important;
        height: 213px !important;
        margin-right: 28px !important;
        border-radius: 8px !important;
    }

    .book-detail .header .book-info__title {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .book-detail .header .book-info__author,
    .book-detail .header .book-info__categories {
        font-size: 16px !important;
    }

    .book-detail .header .book-info__time,
    .book-detail .header .book-info__lastChapter,
    .copy-right {
        font-size: 14px !important;
    }

    .book-detail .detail-card {
        border-radius: 8px !important;
        margin-bottom: 24px !important;
    }

    .book-detail .detail-card__title {
        font-size: 22px !important;
    }

    .book-detail .intro-content {
        font-size: 16px !important;
    }

    .book-detail .detail-card-catalogue,
    .book-detail .detail-card-hot,
    .book-detail .detail-card-other,
    .book-detail .detail-card-recently,
    .book-detail .detail-card-writer {
        padding: 28px 24px 24px !important;
    }

    .book-detail .catalogue-list__link {
        height: 44px !important;
        line-height: 44px !important;
        font-size: 15px;
    }

    .book-detail .read-now {
        height: 44px !important;
        border-radius: 22px !important;
        margin-top: 18px !important;
    }

    .book-search {
        padding: 92px 24px 44px !important;
    }

    .book-search-nav {
        max-width: 1200px;
        left: 50% !important;
        transform: translateX(-50%) translateZ(1px) !important;
        height: 72px !important;
        padding: 12px 24px !important;
    }

    .book-search-nav .input-box {
        flex: 1;
        width: auto !important;
        height: 44px !important;
        border-radius: 22px !important;
        margin: 0 24px;
    }

    .book-search-nav .input-box input {
        font-size: 16px !important;
    }

    .book-search-nav .iconfont {
        font-size: 24px !important;
    }

    .book-search .search-tags .tag {
        height: 36px !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        margin: 0 12px 12px 0 !important;
        padding: 0 14px !important;
    }

    .book-box {
        border-radius: 8px !important;
        margin: 0 !important;
        padding: 24px !important;
    }

    .book-read {
        padding: 72px 64px 44px !important;
    }

    .book-read h2.header {
        max-width: 1200px;
        left: 50% !important;
        transform: translateX(-50%) !important;
        height: 56px !important;
        padding: 18px 64px !important;
        font-size: 14px !important;
    }

    .read-pagination {
        gap: 16px;
    }

    .read-pagination-item,
    .pc .read-pagination-item {
        height: 44px !important;
        border-radius: 22px !important;
        margin-right: 0 !important;
        max-width: none !important;
        font-size: 15px;
    }

    .book-read-content .chapter-box {
        max-width: 840px;
        margin: 0 auto;
        font-size: 20px !important;
    }

    .book-read-content h1.chapter-title {
        font-size: 1.5em !important;
    }
}

@media (min-width: 1024px) {
    .book-detail .recently-list-wrap,.book-detail .good-list-wrap {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .finished-list,
    .free-list,
    .book-detail .hot {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .footer {
        font-size: .21rem !important;
    }
}

@media (max-width: 767px) {
    .default.bg {
        background-size: 100% auto !important;
    }

    .page-column main ul,
    .book-box {
        overflow: hidden;
    }
}