.constellation-list{padding:1rem}.constellation-list ul{display:flex;flex-wrap:wrap}.constellation-list ul li{width:25%;padding:0.5rem;box-sizing:border-box}.constellation-list ul li a{width:100%;display:flex;flex-direction:column;align-items:center;padding:1rem 0.5rem;box-sizing:border-box;border:1px solid #efefef;border-radius:0.4rem}.constellation-list ul li.selected a,.constellation-list ul li a:hover{border-color:rgba(199,0,239,0.02);background:linear-gradient(-45deg,rgba(199,0,239,0.05),rgba(40,0,199,0.03))}.constellation-list ul li a .sign{display:flex;width:4rem;height:4rem;justify-content:center;align-items:center;font-size:3.2rem}.constellation-list ul li a .name{font-size:1.6rem;font-weight:600}.constellation-list ul li a .date{font-size:1rem;color:#999;margin-top:0.8rem;white-space:nowrap}.constellation-header{padding:1.5rem;position:relative}.constellation-header .meta{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0}.constellation-header .meta .sign{width:8rem;height:8rem;display:flex;justify-content:center;align-items:center;font-size:4rem;border-radius:50%;background:linear-gradient(-45deg,rgba(199,0,239,0.05),rgba(40,0,199,0.03))}.constellation-header .meta .name{font-size:2rem;color:rgba(199,0,239,1);margin-top:1rem;font-weight:600}.constellation-header .meta .date{font-size:1.2rem;margin:1rem 0;color:#999}.constellation-header .link{position:absolute;left:50%;bottom:10rem;margin-left:8rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.constellation-header .link span{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;border:1px solid rgba(199,0,239,0.2);background:linear-gradient(-45deg,rgba(199,0,239,0.1),rgba(40,0,199,0.1));border-radius:50%;font-size:2.4rem;color:rgba(199,0,239,0.9)}.constellation-header .link div{font-size:1rem;margin-top:0.5rem;color:rgba(199,0,239,0.5)}.constellation-header .nav{background:linear-gradient(-45deg,rgba(199,0,239,1),rgba(40,0,199,1));border-radius:0.5rem;display:flex;overflow:hidden}.constellation-header .nav li{flex:1;border-left:1px solid rgba(255,255,255,0.1)}.constellation-header .nav li a{display:flex;justify-content:center;align-items:center;height:5rem;color:#fff}.constellation-header .nav li a:hover{background-color:rgba(199,0,239,0.1)}.constellation-header .nav li a.selected{background-color:rgba(199,0,239,0.4)}.fate-box{padding:0 1.5rem}.fate-box .date{margin-bottom:2rem;text-align:center}.fate-box .date h1{padding:0;margin:0;font-size:1.8em}.fate-box .luck{border:1px solid rgba(199,0,239,0.02);background:linear-gradient(-45deg,rgba(199,0,239,0.05),rgba(40,0,199,0.03));border-radius:0.5rem}.fate-box .luck,.fate-box .luck dl,.fate-box .luck dl dt,.fate-box .luck dl dd{display:flex;justify-content:center;align-items:center;height:5rem}.fate-box .luck dl{flex:1;color:rgba(199,0,239,1)}.fate-box .luck dl dd{font-size:1.6rem;font-weight:700}.fate-box .index{display:flex;justify-content:space-between;flex-wrap:wrap;margin:1rem 0}.fate-box .index dl{border:1px solid rgba(199,0,239,0.02);background:linear-gradient(-45deg,rgba(199,0,239,0.1),rgba(40,0,199,0.2));border-radius:0.5rem;width:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:1rem 0;padding:1rem;box-sizing:border-box}.fate-box .index dl dt{font-size:1.3rem}.fate-box .index dl dd{color:rgba(40,0,199,1);font-size:1.8rem;font-weight:700;margin-top:0.5rem}.fate-box .intro{margin:1rem 0}.fate-box .intro h2{font-size:1.6rem;height:5rem;line-height:5rem}.fate-box .intro .content{color:#666;line-height:1.75em}