*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;-webkit-font-feature-settings:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,input::-ms-input-placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!pointer-events-auto{pointer-events:auto!important}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-\[20px\]{bottom:20px}.left-0,.left-\[0px\]{left:0}.top-0,.top-\[0px\]{top:0}.z-10{z-index:10}.mx-\[4px\]{margin-left:4px;margin-right:4px}.mx-auto{margin-left:auto;margin-right:auto}.mb-\[20px\]{margin-bottom:20px}.mb-\[32px\]{margin-bottom:32px}.mb-\[60px\]{margin-bottom:60px}.ml-\[20px\]{margin-left:20px}.mr-\[20px\]{margin-right:20px}.mt-5{margin-top:1.25rem}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[32px\]{margin-top:32px}.mt-\[40px\]{margin-top:40px}.block{display:block}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.table{display:table}.contents{display:contents}.hidden{display:none}.\!h-\[26px\]{height:26px!important}.h-\[100vh\]{height:100vh}.h-\[296px\]{height:296px}.h-\[32px\]{height:32px}.h-\[40px\]{height:40px}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-full{height:100%}.h-px{height:1px}.\!w-\[36px\]{width:36px!important}.w-\[100vw\]{width:100vw}.w-\[200px\]{width:200px}.w-\[223px\]{width:223px}.w-\[30px\]{width:30px}.w-\[325px\]{width:325px}.w-\[327px\]{width:327px}.w-\[50px\]{width:50px}.w-auto{width:auto}.w-full{width:100%}.flex-1{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.flex-shrink-0{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.\!overflow-hidden{overflow:hidden!important}.rounded-\[32px\]{border-radius:32px}.rounded-\[50px\]{border-radius:50px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#07080a\]{--tw-bg-opacity:1;background-color:rgb(7 8 10/var(--tw-bg-opacity,1))}.bg-\[\#fe3355\]{--tw-bg-opacity:1;background-color:rgb(254 51 85/var(--tw-bg-opacity,1))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[red\]{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-\[20px\]{padding-bottom:20px}.pt-\[95px\]{padding-top:95px}.text-center{text-align:center}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[30px\]{font-size:30px}.font-semibold{font-weight:600}.leading-\[22px\]{line-height:22px}.text-\[\#999\]{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.text-\[\#E87D75\]{--tw-text-opacity:1;color:rgb(232 125 117/var(--tw-text-opacity,1))}.text-\[\#fff\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-\[0\.85\]{opacity:.85}.blur{--tw-blur:blur(8px)}.blur,.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.direction-rtl{direction:rtl;font-family:Droid Arabic Naskh,Segoe UI,Lucida Grande,Sans-serif}.flex-all-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.flex-all-center,.flex-between{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.relative-0{position:relative;top:0;left:0}.absolute-0{position:absolute;top:0;left:0}
.boundary{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.boundary .refresh{color:#3688ff;display:block;text-align:center}
.loading-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.loading{color:#fff;position:absolute;top:40%;left:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:50%;background-color:rgba(58,58,58,.9)}.loading .icon{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-image:url(https://page.joyreadland.com/assets/c152585d51.png);-webkit-animation:loading 1.5s linear infinite;animation:loading 1.5s linear infinite}.loading .text{font-size:14px;margin-top:12px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
body,html{padding:0;margin:0;width:100%;height:100%;color:#333;font-size:16px;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Hiragino Sans GB,Helvetica,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important}body{--adm-color-white:#fff}*{max-height:999999px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%!important;margin:0}#root{width:100%;height:100%}a{text-decoration:none}.vc-switch,.vc-toggle{font-size:12px!important}.vc-switch{bottom:20%!important}.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.ai-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.jc-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.jc-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.oh-1{
  /*! autoprefixer: off; */-webkit-line-clamp:1}.oh-1,.oh-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-word}.oh-2{
  /*! autoprefixer: off; */-webkit-line-clamp:2}.oh-3{
  /*! autoprefixer: off; */-webkit-line-clamp:3}.oh-3,.oh-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-word}.oh-5{
  /*! autoprefixer: off; */-webkit-line-clamp:5}.border-1px-bottom{position:relative}.border-1px-bottom:after{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid #f3f3f3;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}.scrollbar-hidden::-webkit-scrollbar{display:none}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.text-12px{font-size:12px;line-height:14px}.text-14px{font-size:14px!important;line-height:17px!important}.text-16px{font-size:16px!important;line-height:19px!important}button{outline:none!important}.text-shadow-none{text-shadow:none!important}.adm-auto-center-content{word-break:break-word;text-align:center}.lh-1{line-height:1}.page{background:#fff;width:100vw;min-height:100vh;overflow:hidden;position:relative;padding-bottom:63px}p{margin:0}img{display:block}.p-15{padding:0 15px}.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.download-app{width:100%;height:54px;overflow:hidden;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.download-app .top-logo img:first-child{width:33px}.download-app .top-logo img:nth-child(2){height:21px;margin-left:8px}.download-app .download-button{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:28px;padding:0 18px;background:-webkit-gradient(linear,right top,left top,from(#cc8cff),to(#998cff));background:-webkit-linear-gradient(right,#cc8cff,#998cff);background:linear-gradient(270deg,#cc8cff,#998cff);border-radius:75px 75px 75px 75px;font-size:14px;font-family:PingFang SC-Medium,PingFang SC;color:#fff}.title-box{width:100%;background-size:cover;position:relative;left:0;top:0}.title-box h4{font-weight:600;color:#27292a;width:335px;margin:0 auto;word-wrap:break-word}.title-box .avatar{width:375px;height:375px}.title-box .mask{position:absolute;bottom:-1px;left:0;width:100%;height:40%;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(hsla(0,0%,100%,.5)),to(#fff));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5),#fff);background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5),#fff)}.title-box h3{width:80%;margin:0 auto;text-align:center;font-size:18px;font-family:SF Pro Display-Bold,SF Pro Display;font-weight:700;color:#17142a;line-height:24px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.title-box .tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-height:120px;overflow:hidden;padding:0 10px}.title-box .tags .tag{padding:2px 12px;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;border-radius:30px;font-size:12px;font-family:SF Pro Display-Regular,SF Pro Display;border:1px solid #9a8cff;color:#9a8cff;margin:12px 6px 0}.title-box .title-footer{width:90%;height:74px;background:#fff;margin:6px auto;border-bottom:1px solid #9a8cff16}.title-box .title-footer>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;height:44px}.title-box .title-footer>div h4{font-size:18px;color:#28234a}.title-box .title-footer>div p{font-size:14px;color:#a9a7b7}.title-box .title-footer>i{display:inline-block;width:1px;height:44px;background:#9a8cff16}.recommend{padding:0 15px}.recommend h4{font-weight:700;font-size:18px;margin-top:20px}.recommend p{font-size:14px;color:#8c8c8c}.popular{padding:0 15px}.popular h4{font-size:18px;font-weight:700;margin-top:20px}.popular .popular-title{margin-top:40px}.content{padding:0 15px;font-size:16px}.content h4{font-size:18px;font-weight:700;width:100%;text-align:center;color:#cc8cff;word-wrap:break-word}.content .title{font-weight:500;font-size:14px;margin-top:20px}.content .text{margin-top:10px;color:#5c5c5c;line-height:23px;font-size:14px;padding-bottom:30px;white-space:pre-wrap;word-wrap:break-word}.footer{height:83px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:62px}.footer img:first-child{width:36px}.footer img:nth-child(2){height:26px;margin-left:15px}.footer-title{padding:0 15px;margin-top:20px}.footer-title,.footer-title .title-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer-title .title-wrap{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#e6e4f1;border-radius:34px;height:34px;padding:10px}.footer-title .title-wrap img{width:24px;height:24px}.footer-title .title-wrap span{color:#27292a;font-size:14px;line-height:24px;margin-left:10px;max-width:260px;white-space:nowrap;overflow:hidden}.footer-content-wrap{padding:20px 15px;width:100%}.footer-content-wrap .footer-content{width:100%;font-size:14px}.footer-img{width:280px;height:auto;margin:0 auto}.footer-button{min-height:63px;padding:10px 0;width:100%;position:fixed;bottom:0;background:#fff}.footer-button,.footer-button a{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer-button a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:84%;padding:8px 32px;text-align:center;border-radius:38px;font-size:16px;font-family:SF Pro Display-Regular,SF Pro Display;color:#fff}.footer-button-joyread a,.footer-button a{background:-webkit-gradient(linear,right top,left top,from(#cc8cff),to(#998cff));background:-webkit-linear-gradient(right,#cc8cff,#998cff);background:linear-gradient(270deg,#cc8cff,#998cff)}.footer-button-tapon a{background:#f92500}.direction-rtl .footer-button-tapon a{background:-webkit-linear-gradient(358.61deg,#f99451 1.18%,#fd6b0a 98.82%);background:linear-gradient(91.39deg,#f99451 1.18%,#fd6b0a 98.82%)}