#dashboard {
    padding: 18px 0;
}

.info {
    padding: 27px 18px;
    display: inline-block;
    z-index: 20;
}
.info .genre {font-size: 12px;font-weight: 400}
.genre.g_fantasy {color: #8b00e9}
.genre.g_action {color: #006afa}
.genre.g_drama {color: #00b19a}
.genre.g_romance,.genre.g_romance_m {color: #fd337f}
.genre.g_comedy {color: #eea800}
.genre.g_sports {color: #1ba8f2}
.genre.g_sf {color: #2d4464}
.genre.g_thriller {color: #c00355}
.genre.g_slice_of_life {color: #9ab710}
.genre.g_historical {color: #62422b}
.genre.g_heartwarming {color: #fd6900}
.genre.g_horror {color: #be0000}
.genre.g_super_hero {color: #4a20e2}.genre.g_tiptoon {color: #ff76cd}
.genre.g_short_story {color: #609bfc}
.genre.g_web_novel {color: #3393c6}
.genre.g_supernatural {color: #7a41e9}
.genre.g_crime_mystery,.genre.g_mystery {color: #434458}
.genre.g_romantic_fantasy {color: #d216e9}
.genre.g_bl_gl {color: #ee82ff}
.genre.g_western_palace {color: #d216e9}
.genre.g_eastern_palace {color: #63422b}
.genre.g_time_slip {color: #6550fb}
.genre.g_city_office {color: #37308c}
.genre.g_adaptation {color: #00c855}
.genre.g_school {color: #da8754}
.genre.g_local {color: #25ef92}
.genre.g_shonen {color: #2961b0}
.genre.g_martial_arts {color: #905125}
.genre.g_all,.genre.g_others {color: #373737}
.info .title {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    margin: 4px auto 0;
    border-bottom: 1px solid #afafaf
}
.info p.summary {
    margin: 9px 0;
    font-size: 12px;
    line-height: 16px
}

.detail_lst {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 742px;
    padding: 18px 9px 98px;
    background: #353746
}
li, ol, ul {list-style: none}
a, a:active, a:focus, a:hover {text-decoration: none}
.detail_lst li {position: relative;border-bottom: 1px solid #afafaf}
.detail_lst li:first-child {border-top: 1px solid #afafaf}
.detail_lst li:hover {background: #1f2029}
.detail_lst li>div {
    height: 48px;
    display: block;
    white-space: nowrap;
    cursor: pointer
}
.detail_lst li>div.visited {opacity: .5}
.detail_lst li>div:hover{opacity: 1}
.detail_lst .chtitle {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 63px;

    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;

    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 300% 300%;
    animation: animatedgradient 10s ease alternate infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.detail_lst .date {
    position: absolute;
    bottom: 6px;
    left: 6px;
    font-size: 12px;
}
.detail_lst .tx {
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #dadada;
    font-size: 16px;
    font-weight: 200;
}