*{box-sizing:border-box;list-style:none;margin:0;padding:0}body{background-color:#f2f2f2;font-family:Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif}#root,body{display:flex;justify-content:center}#root{width:100%}.app{color:#555;height:100vh;max-width:600px;position:relative;width:600px}@media screen and (max-width:768px){.app{max-width:600px;width:100%}}.navbar{align-items:center;background-color:#fff;display:flex;font-size:x-large;justify-content:space-between;max-width:600px;padding:20px 10px;position:fixed;top:0;width:100%;z-index:1}@media screen and (max-width:768px){.navbar{font-size:large}}.navbar__button{align-items:center;cursor:pointer;display:flex}.navbar__title{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main{font-size:large}@media screen and (max-width:768px){.main{font-size:medium}}.main__cards{grid-gap:20px;background-color:#f2f2f2;color:#555;display:grid;gap:20px;max-width:600px;overflow-x:auto;padding:20px 10px;position:fixed;width:100%;z-index:1}@media screen and (max-width:768px){.main__cards{font-size:12px;gap:10px;padding:10px}}.main__cards__card{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px 5px;transition:all .3s;word-break:keep-all}.main__cards__card span{color:#a9a9a9}.main__cards__card--active{background-color:#fbf2e8;border:1px solid #f5750f;color:#f5750f}.main__cards__card--active span{color:#f5750f}.main__cards__card--disabled{color:#a9a9a9}.main__opinion{align-items:center;border-radius:5px;color:#555;display:flex;flex-direction:column;gap:20px;padding:0 10px}.main__opinion>span{align-items:center;-webkit-animation:fade .5s normal;animation:fade .5s normal;display:flex;gap:5px;margin-top:20px}@media screen and (max-width:768px){.main__opinion{font-size:12px;gap:10px;padding:0 10px}}.main__opinion__container{-webkit-animation:fade .5s normal;animation:fade .5s normal;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:20px;padding:20px;width:100%}@media screen and (max-width:768px){.main__opinion__container{gap:10px;padding:10px}}.main__opinion__container:last-child{margin-bottom:50px}.main__opinion__title{display:flex;justify-content:space-between;position:relative}.main__opinion__title__left{display:flex;gap:10px}.main__opinion__title__left__avatar{background-color:bisque;border-radius:9999px;height:70px;object-fit:cover;width:70px}.main__opinion__title__left__info{display:flex;flex-direction:column;justify-content:center}.main__opinion__title__left__info__job{display:flex}.main__opinion__title__left__info__job>span{align-items:center;display:flex}.main__opinion__title__left__info__job:nth-child(2){color:#e99b2b}.main__opinion__title__left__info__job>label{margin-left:5px}.main__opinion__title__right{align-items:center;color:#5c97fe;display:flex;position:absolute;right:0;top:0}.main__opinion__title__right>div{align-items:center;display:flex;justify-content:flex-end;overflow:hidden;width:250px}.main__opinion__title__right>div>label{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main__opinion__body{background-color:#f5f5f5;border-radius:5px;letter-spacing:1.5px;line-height:30px;padding:20px}@media screen and (max-width:768px){.main__opinion__body{line-height:20px;padding:10px}}.main__opinion__body__top{display:flex;flex-direction:column;gap:10px;position:relative;width:100%}.main__opinion__body__top:after{background-color:#e6e6e6;bottom:0;content:"";height:1px;width:100%}.main__opinion__body__bottom{padding-top:10px}.main__opinion__body__bottom .selection{color:#e99b2b}.main__opinion__foot{cursor:pointer;display:flex;gap:3px;justify-content:center}.main__opinion__foot>span{align-items:center;display:flex}.loading{-webkit-animation:rotate360 .5s linear infinite;animation:rotate360 .5s linear infinite;border:2px solid #d3d3d3;border-radius:9999px;border-top:none;display:block;height:30px;width:30px}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.collapse{display:flex;flex-direction:column;gap:20px}@media screen and (max-width:768px){.collapse{gap:10px}}.collapse__children{white-space:pre-wrap}.collapse__main{transition:all .3s;word-break:break-all}.collapse--unexpand{max-height:150px;overflow-y:hidden}@media screen and (max-width:768px){.collapse--unexpand{max-height:100px}}.collapse--expand{max-height:1000px;overflow-y:auto}.collapse__foot{cursor:pointer;display:flex;gap:5px;justify-content:center}.collapse__foot>span{align-items:center;display:flex}
/*# sourceMappingURL=main.31e02064.css.map*/