.book_o_8 {
    padding: .16rem;
    margin: .12rem 0;
    background-color: #fff;
    border-radius: .1rem
}

.book_o_8 {
    background-color: #fff
}

[data-theme=blue] .book_o_8,[data-theme=yellow] .book_o_8,[data-theme=beige] .book_o_8,[data-theme=green] .book_o_8 {
    background-color: rgba(0,0,0,.04)
}

[data-theme=dark] .book_o_8 {
    background-color: rgba(255,255,255,.08)
}

.book_o_3 {
    height: .84rem;
    display: flex;
    align-items: center;
    border-radius: .06rem;
    padding: 0 .12rem
}

.book_o_2 {
    display: block;
    width: .45rem;
    height: .6rem;
    border: .005rem solid;
    border-radius: .04rem;
    margin-right: .1rem
}

.book_o_2,[data-theme=blue] .book_o_2,[data-theme=yellow] .book_o_2,[data-theme=beige] .book_o_2,[data-theme=green] .book_o_2 {
    border-color: rgba(0,0,0,.08)
}

[data-theme=dark] .book_o_2 {
    border-color: rgba(255,255,255,.12)
}

.book_o_1 {
    min-width: 0
}

.book_o_7 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.book_o_7 {
    color: #191919
}

[data-theme=blue] .book_o_7,[data-theme=yellow] .book_o_7,[data-theme=beige] .book_o_7,[data-theme=green] .book_o_7 {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .book_o_7 {
    color: rgba(255,255,255,.6)
}

.book_o_4 {
    color: gray;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    margin: .02rem auto
}

.book_o_4 {
    color: gray
}

[data-theme=blue] .book_o_4,[data-theme=yellow] .book_o_4,[data-theme=beige] .book_o_4,[data-theme=green] .book_o_4 {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .book_o_4 {
    color: rgba(255,255,255,.4)
}

.book_o_6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0
}

.book_o_5 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .13rem;
    line-height: .2rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.book_o_5 {
    color: #adadad
}

[data-theme=blue] .book_o_5,[data-theme=yellow] .book_o_5,[data-theme=beige] .book_o_5,[data-theme=green] .book_o_5 {
    color: rgba(0,0,0,.36)
}

[data-theme=dark] .book_o_5 {
    color: rgba(255,255,255,.36)
}

.book_o {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem;
    padding-top: .12rem
}

.book_o {
    color: #4c4c4c
}

[data-theme=blue] .book_o,[data-theme=yellow] .book_o,[data-theme=beige] .book_o,[data-theme=green] .book_o {
    color: rgba(0,0,0,.7)
}

[data-theme=dark] .book_o {
    color: rgba(255,255,255,.5)
}

.book_o i {
    width: .2rem;
    height: .2rem;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/bg14.png) center no-repeat;
    background-size: contain
}

body,body[data-theme=default],body[data-theme=blue],body[data-theme=yellow],body[data-theme=beige],body[data-theme=green] {
    --primary-red-500: #e5353e;
    --primary-red-300: #ff6f75;
    --primary-red-50: #ffe6e7;
    --secondary-blue-500: #5790df;
    --secondary-blue-300: #84b4f5;
    --secondary-blue-50: #ebeffa;
    --surface-gray-900: #191919;
    --surface-gray-700: #4c4c4c;
    --surface-gray-500: #808080;
    --surface-gray-400: #adadad;
    --surface-gray-300: #ccc;
    --surface-gray-200: #e0e0e0;
    --surface-gray-100: #ebebeb;
    --surface-gray-50: #f5f5f5;
    --surface-bw-white: #fff;
    --background-gray-100: #ebebeb;
    --background-gray-50: #f5f5f5;
    --background-bw-white: #fff;
    --sheet-background-gray-50: #f5f5f5;
    --sheet-background-bw-white: #fff;
    --nav-bar-background-bw-white: #fff;
    --on-image-bw-white: #fff;
    --on-image-white-70: rgba(255, 255, 255, .7);
    --on-image-white-36: rgba(255, 255, 255, .36);
    --on-image-black-90: rgba(0, 0, 0, .9);
    --on-image-black-60: rgba(0, 0, 0, .6);
    --on-image-black-36: rgba(0, 0, 0, .36);
    --outline-black-8: rgba(0, 0, 0, .08);
    --overlay-black-90: rgba(0, 0, 0, .9);
    --overlay-black-60: rgba(0, 0, 0, .6);
    --overlay-black-36: rgba(0, 0, 0, .36);
    --segmentation-black-4: rgba(0, 0, 0, .04);
    --bw-black: #000;
    --bw-white: #fff;
    --sd2: rgba(0, 0, 0, .06);
    --sd3: rgba(0, 0, 0, .06);
    --sd4: rgba(0, 0, 0, .07);
    --sd5: rgba(0, 0, 0, .08);
    --sd6: rgba(0, 0, 0, .09);
    --sd7: rgba(0, 0, 0, .1);
    --sd8: rgba(0, 0, 0, .12);
    --sd12: rgba(0, 0, 0, .16);
    --sd16: rgba(0, 0, 0, .16);
    --on-image-surface-black-4: rgba(0, 0, 0, .04);
    --on-image-surface-black-8: rgba(0, 0, 0, .08)
}

body[data-theme=blue] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #cedde1;
    --background-gray-50: #dcebef;
    --background-bw-white: #edf5f7;
    --sheet-background-gray-50: #dcebef;
    --sheet-background-bw-white: #edf5f7;
    --nav-bar-background-bw-white: #edf5f7
}

body[data-theme=yellow] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #e3d0a1;
    --background-gray-50: #efe2c0;
    --background-bw-white: #f4ecd1;
    --sheet-background-gray-50: #efe2c0;
    --sheet-background-bw-white: #f4ecd1;
    --nav-bar-background-bw-white: #f4ecd1
}

body[data-theme=beige] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #ebe6da;
    --background-gray-50: #f5f1e8;
    --background-bw-white: #faf9f4;
    --sheet-background-gray-50: #f5f1e8;
    --sheet-background-bw-white: #faf9f4;
    --nav-bar-background-bw-white: #faf9f4
}

body[data-theme=green] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #c9e0cb;
    --background-gray-50: #e0eee1;
    --background-bw-white: #ebfaeb;
    --sheet-background-gray-50: #e0eee1;
    --sheet-background-bw-white: #ebfaeb;
    --nav-bar-background-bw-white: #ebfaeb
}

body[data-theme=dark] {
    --primary-red-500: #ff4d55;
    --primary-red-300: rgba(229, 53, 62, .48);
    --primary-red-50: rgba(229, 53, 62, .16);
    --secondary-blue-500: #6da2ed;
    --secondary-blue-300: rgba(109, 162, 237, .48);
    --secondary-blue-50: rgba(114, 148, 227, .16);
    --surface-gray-900: rgba(255, 255, 255, .6);
    --surface-gray-700: rgba(255, 255, 255, .5);
    --surface-gray-500: rgba(255, 255, 255, .4);
    --surface-gray-400: rgba(255, 255, 255, .36);
    --surface-gray-300: rgba(255, 255, 255, .32);
    --surface-gray-200: rgba(255, 255, 255, .24);
    --surface-gray-100: rgba(255, 255, 255, .12);
    --surface-gray-50: rgba(255, 255, 255, .08);
    --surface-bw-white: rgba(255, 255, 255, .08);
    --background-gray-100: #0a0a0a;
    --background-gray-50: #111;
    --background-bw-white: #191919;
    --sheet-background-gray-50: #191919;
    --sheet-background-bw-white: #1f1f1f;
    --nav-bar-background-bw-white: #1f1f1f;
    --on-image-bw-white: rgba(255, 255, 255, .9);
    --on-image-white-70: rgba(255, 255, 255, .6);
    --on-image-white-36: rgba(255, 255, 255, .36);
    --on-image-black-90: rgba(0, 0, 0, .9);
    --on-image-black-60: rgba(0, 0, 0, .6);
    --on-image-black-36: rgba(0, 0, 0, .36);
    --outline-black-8: rgba(255, 255, 255, .12);
    --overlay-black-90: rgba(0, 0, 0, .9);
    --overlay-black-60: rgba(0, 0, 0, .6);
    --overlay-black-36: rgba(0, 0, 0, .36);
    --segmentation-black-4: rgba(0, 0, 0, .7);
    --bw-black: #000;
    --bw-white: #fff;
    --sd2: rgba(0, 0, 0, 0);
    --sd3: rgba(0, 0, 0, 0);
    --sd4: rgba(0, 0, 0, 0);
    --sd5: rgba(0, 0, 0, 0);
    --sd6: rgba(0, 0, 0, 0);
    --sd7: rgba(0, 0, 0, 0);
    --sd8: rgba(0, 0, 0, 0);
    --sd12: rgba(0, 0, 0, 0);
    --sd16: rgba(0, 0, 0, 0);
    --on-image-surface-black-4: rgba(255, 255, 255, .08);
    --on-image-surface-black-8: rgba(255, 255, 255, .12)
}

.cont_z {
    margin: auto .12rem
}

.cont_z {
    background-color: #f5f5f5
}

[data-theme=blue] .cont_z {
    background-color: #dcebef
}

[data-theme=yellow] .cont_z {
    background-color: #efe2c0
}

[data-theme=beige] .cont_z {
    background-color: #f5f1e8
}

[data-theme=green] .cont_z {
    background-color: #e0eee1
}

[data-theme=dark] .cont_z {
    background-color: #111
}

.time_z {
    margin-top: .12rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: .14rem;
    line-height: .22rem
}

.time_z {
    color: gray
}

[data-theme=blue] .time_z,[data-theme=yellow] .time_z,[data-theme=beige] .time_z,[data-theme=green] .time_z {
    color: rgba(0,0,0,.48)
}

[data-theme=dark] .time_z {
    color: rgba(255,255,255,.4)
}

.tags_z {
    display: flex
}

.tags_z p {
    background-color: #fff;
    padding: .02rem .04rem;
    border-radius: .04rem;
    margin-left: .04rem;
    white-space: nowrap
}

.tags_z p {
    background-color: #fff
}

[data-theme=blue] .tags_z p,[data-theme=yellow] .tags_z p,[data-theme=beige] .tags_z p,[data-theme=green] .tags_z p {
    background-color: rgba(0,0,0,.04)
}

[data-theme=dark] .tags_z p {
    background-color: rgba(255,255,255,.08)
}

.tags_z p {
    color: #adadad
}

[data-theme=blue] .tags_z p,[data-theme=yellow] .tags_z p,[data-theme=beige] .tags_z p,[data-theme=green] .tags_z p {
    color: rgba(0,0,0,.36)
}

[data-theme=dark] .tags_z p {
    color: rgba(255,255,255,.36)
}

.tags_z p span {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .13rem;
    transform: scale(.83);
    transform-origin: center;
    display: block
}

.butt_z {
    display: flex;
    padding-top: .12rem
}

.gode_z {
    margin-right: .08rem
}

.gray_z .y-tertiary {
    background-color: #f5f5f5;
    border: none
}

.gray_z .y-tertiary {
    background-color: #f5f5f5
}

[data-theme=blue] .gray_z .y-tertiary,[data-theme=yellow] .gray_z .y-tertiary,[data-theme=beige] .gray_z .y-tertiary,[data-theme=green] .gray_z .y-tertiary {
    background-color: rgba(0,0,0,.08)
}

[data-theme=dark] .gray_z .y-tertiary {
    background-color: rgba(255,255,255,.08)
}

.gray_z .y-tertiary {
    color: #191919
}

[data-theme=blue] .gray_z .y-tertiary,[data-theme=yellow] .gray_z .y-tertiary,[data-theme=beige] .gray_z .y-tertiary,[data-theme=green] .gray_z .y-tertiary {
    color: rgba(0,0,0,.9)
}

[data-theme=dark] .gray_z .y-tertiary {
    color: rgba(255,255,255,.6)
}

.left_z {
    display: flex;
    align-items: center;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem;
    min-width: 0
}

.back_z {
    font-size: 0;
    line-height: 0
}

.titl_z {
    margin-left: .02rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .14rem;
    line-height: .22rem
}

.icon_z {
    display: block
}