.book-3d,.story-titles{text-align:center}.tab-item-active{background-color:#fff;color:#000;border-bottom:2px solid #ff5733}.tab-item-inactive{background-color:orange;color:#ff5733;border-bottom:2px solid transparent}h2.text-xl.font-bold.mb-4,h3.text-xl.font-bold.mb-4,p.chapter-content.text-gray-500,p.font-semibold,p.mt-1.text-black-700{color:#000}@media (max-width:1024px){.flex-wrap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px}}a.border-2.border-orange-500.text-orange-500.px-2.py-1.rounded-2xl.hover\:bg-orange-500.hover\:text-white,span.border-2.border-orange-500.text-orange-500.px-2.py-1.rounded-md{color:orange;border-color:orange}i.fas.fa-star,i.fas.fa-star-half-alt{color:#fb9b45}.bg-white.rounded-lg.shadow-lg.w-4\/5.w-full.md\:w-4\/5.h-full.relative{margin:auto}li.border-b.border-gray-200.py-2.hover\:bg-gray-200{color:#ff7000}a.ten_tacgia{color:#fca5a5;font-size:17px}@media (max-width:768px){#story-full,.summary-text,.text-center{text-align:center}}#chapterModal{display:flex;justify-content:center;align-items:center}@media (min-width:768px){#chapterListContainer ul{grid-template-columns:repeat(2,1fr)}}h2#storyTitle{font-size:20px;color:#000}li.text-lg.border-b-2.border-gray-300.md\:pr-4.p-4.bg-white-500.hover\:bg-orange-600.text-white.transition-colors.duration-300.rounded-lg.shadow-md{background:#fff3db}li.text-lg.border-b-2.border-gray-300.md\:pr-4.p-4.bg-white-500.hover\:bg-orange-600.text-white.transition-colors.duration-300.rounded-lg.shadow-md:hover{background:#f3e1bb}button.flex-1.py-2.text-center.text-muted-foreground.hover\:text-foreground{color:gray;font-size:15px;border:1px solid}button.flex-1.py-2.text-center.bg-primary.text-primary-foreground{background:#fdb34c;color:red;font-size:15px}.aspect-\[3\/4\]{aspect-ratio:3/4}span.text-title.text-xs.font-semibold{font-size:9px}p.chapter-content.text-sm{color:#080606;font-weight:600}span.cursor-pointer.text-red-600.hover\:text-red-800{font-size:27px}.story-containers:hover .story-image{transform:scale(1.1)}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0);width:2px;height:50px}h2.text-3xl.font-bold{font-size:23px}.vertical-divider{position:relative;height:100%;margin:0 .5rem}.vertical-divider::before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #ccc;transform:translateX(-50%)}.book-3d .book-info-pic:after{width:5%;left:100%;background-color:#efefef;box-shadow:inset 0 0 5px #aaa;transform:perspective(300px) rotateY(20deg);position:absolute;top:2%;height:96%;content:' ';z-index:-1}.book-3d .book-info-pic:before{width:100%;left:7.5%;background-color:#000;position:absolute;top:2%;height:96%;content:' ';z-index:-1}.book-3d .book-info-pic{display:inline-block;position:relative;transform:perspective(300px);outline:#fff0 solid 1px;box-shadow:5px 5px 20px #333;margin:0}img.story-images{width:240px;align-items:center;margin:auto}.flex.justify-between.items-center.border-b-2.border-gray-300.pb-2.mb-4.bg-orange-500{background:#111827;padding:5px}h2.text-xl.font-500.text-white{font-size:16px}a.text-blue-100{font-size:10px}li.text-lg.border-b-2.border-gray-300.md\:pr-4.p-4{color:#f58d30;font-size:16px}.lg\:col-span-1{padding:10px;border:1px solid #ccc;border-radius:7px}a.tab-item.text-lg.font-bold.text-white.py-2.px-4.bg-white{background:#ca883e;border-radius:5px}.flexs{display:flex;margin:auto}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1}button.tab-button.w-3.h-3.rounded-full.bg-orange-500{background:#663399}.story-containers{overflow:hidden;position:relative;height:16rem}.story-container{position:relative;width:7.7rem;height:11.6rem}#loading,.story-image{width:100%;height:100%}.story-image{transition:transform .3s;object-fit:cover}.story-titles{position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,.7);color:#fff;padding:.2rem}#main-content{min-height:200px}#loading{position:absolute;display:flex;justify-content:center;align-items:center;font-size:12px;color:#304e74;top:0;left:0;z-index:1000}#dots::after{content:'';animation:1s steps(5,end) infinite dots}@keyframes dots{0%,20%{content:''}40%{content:'.'}60%{content:'..'}100%,80%{content:'...'}}p.comment-info.font-semibold{color:#d16928}textarea#comment,textarea.w-full.rounded-md.border-gray-300.shadow-sm.mb-4{border:1px solid;color:#000}h3.text-lg.font-semibold.mb-2{color:red}.error{display:grid;align-items:center;justify-content:center;background:#fff;min-height:421px}