.con-box{background:#fff;min-height:100vh;padding:0 0 .7rem 0}.head{height:4.5rem}.hd{position:fixed;top:0;z-index:100;background:#fff;width:100%;max-width:640px;margin:0 auto}.head-box{padding:.9rem .3rem .2rem 0;position:relative;width:100%;font-size:1.5rem;height:3rem;box-shadow:0 .3rem .4rem 0 rgba(0,0,0,.05)}.head .return-btn{background: no-repeat;background-position:center;background-size:2.4rem 2.4rem;position:absolute;top:0;left:0}.head .hd .head-box button{width:3.9rem;height:3.9rem;text-align:center;cursor:pointer}.head .hd .head-box button.edit-btn{width:auto;height:3.9rem;cursor:pointer;position:absolute;top:0;right:.5rem;line-height:3.9rem;font-size:1.4rem;padding:0 1rem}.head .hd-column{font-size:1.5rem;width:calc(100% - 9rem);width:-moz-calc(100% - 9rem);height:2.4rem;line-height:2.4rem;vertical-align:text-bottom;display:flex;flex-flow:row nowrap;justify-content:space-around;margin:0 auto}.head .hd-column .hd-column-item{position:relative;cursor:pointer;height:3.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head .hd-column .hd-column-item.active:after{content:"";position:absolute;height:.3rem;border-radius:3rem;background:#d22222;width:1rem;bottom:0;left:0;right:0;margin:0 auto}.head .hd-column .hd-column-item.active{color:#d22222}.content{padding:0 2rem}@media(prefers-color-scheme:dark){html:not(.light) .con-box,html:not(.light) .hd{background-color:#000}html:not(.light) .comment .placeholder .review-footer .collapse,html:not(.light) .head .hd-column .hd-column-item{color:#fff}html:not(.light) .head .hd-column .hd-column-item.active{color:#f95455}html:not(.light) .head .hd-column .hd-column-item.active:after{background:#f95455}html:not(.light) .head-box{box-shadow:0 .3rem .4rem 0 rgba(255,255,255,.05)}}html.dark:not(.light) .con-box,html.dark:not(.light) .hd{background-color:#000}html.dark:not(.light) .comment .placeholder .review-footer .collapse,html.dark:not(.light) .head .hd-column .hd-column-item{color:#fff}html.dark:not(.light) .head .hd-column .hd-column-item.active{color:#f95455}html.dark:not(.light) .head .hd-column .hd-column-item.active:after{background:#f95455}html.dark:not(.light) .head-box{box-shadow:0 .3rem .4rem 0 rgba(255,255,255,.05)}