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)
}

.book_y {
    margin: .12rem;
    padding: .16rem;
    border-radius: .1rem;
    overflow: hidden
}

[data-theme=default] .book_y {
    background-color: #fff
}

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

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

.foot_y {
    display: flex;
    align-items: center;
    justify-content: center
}

.foot_y .obje_y_1 {
    height: .16rem;
    display: block;
    position: relative
}

.foot_y .obje_y_1:before {
    content: "";
    position: absolute;
    width: .16rem;
    height: .16rem;
    background-image: url(/images/bg5.svg);
    transform: translate(-100%,-50%);
    top: 50%;
    left: .1rem;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.foot_y .obje_y,.foot_y em {
    width: auto;
    border-radius: .04rem;
    padding: 0 .03rem;
    font-size: .1rem;
    -webkit-text-size-adjust: 100%;
    display: block;
    white-space: nowrap;
    height: .16rem;
    line-height: .16rem
}

[data-theme=default] .foot_y .obje_y,[data-theme=default] .foot_y em {
    color: #adadad
}

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

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

.foot_y .obje_y {
    padding-left: .12rem;
    background: #ffe6e7
}

[data-theme=default] .foot_y .obje_y,[data-theme=blue] .foot_y .obje_y,[data-theme=yellow] .foot_y .obje_y,[data-theme=beige] .foot_y .obje_y,[data-theme=green] .foot_y .obje_y {
    color: #e5353e
}

[data-theme=dark] .foot_y .obje_y {
    color: #ff4d55
}

.foot_y em {
    margin-left: .04rem
}

[data-theme=default] .foot_y em {
    background-color: #f5f5f5
}

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

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

.reco_y .y-list__item:nth-child(n+2) {
    margin-top: .18rem
}

.open_y_1 {
    width: .68rem;
    height: .28rem;
    margin-right: .12rem;
    border-radius: .24rem
}

[data-theme=default] .open_y_1,[data-theme=blue] .open_y_1,[data-theme=yellow] .open_y_1,[data-theme=beige] .open_y_1,[data-theme=green] .open_y_1,[data-theme=dark] .open_y_1 {
    background-color: rgba(229,53,62,.1)
}

.open_y {
    position: relative;
    width: 100%;
    height: 100%
}

.open_y:before {
    content: "打开App";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: .12rem;
    line-height: .16rem;
    white-space: nowrap
}

[data-theme=default] .open_y:before {
    color: #e5353e
}

[data-theme=blue] .open_y:before {
    color: #e5353e
}

[data-theme=yellow] .open_y:before {
    color: #e5353e
}

[data-theme=beige] .open_y:before {
    color: #e5353e
}

[data-theme=green] .open_y:before {
    color: #e5353e
}

[data-theme=dark] .open_y:before {
    color: #ff4d55
}
.book_y {
    background-color: #fff;
}