#body{background:#000 !important;}.darkroom-main-content{position:relative;width:var(--darkroom-width);margin:0px auto 0px;min-height:800px;padding-top:10px;padding-bottom:1px;}.darkroom-header-html{color:#fff;}.darkroom-header-html h1{text-align:center;color:#fff;margin:50px;font-size:40px;}.darkroom-box{margin-bottom:30px;border:1px solid #999;border-radius:var(--darkroom-border-radius);padding:20px;background-color:rgba(141,141,141,0.3);}.darkroom-box>.title{padding-bottom:20px;border-bottom:1px solid #333;font-size:20px;font-weight:bold;color:#d2d200;}.darkroom-box>.title span{font-size:14px;color:#999;margin-left:20px;font-weight:normal;}.darkroom-box .content{padding-top:20px;}li{list-style:none;}.darkroom-box .content li{float:left;text-align:center;margin-right:15px;padding:10px;border-radius:4px;cursor:default;width:calc((100% - 120px)/9);min-width:105px;margin-bottom:20px;box-sizing:border-box;}.darkroom-box .content li:hover{background-color:#383838;}a{color:#333;text-decoration:none;}img{border:none;}.avatar{background-color:#f6f6f6;object-fit:cover;}.darkroom-box .content li img{width:60px;height:60px;border-radius:100%;background-color:#555;}.darkroom-box .content li .name{margin:8px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px;}.darkroom-box .content li .name a,.darkroom-box .content li .name a font{color:#aaa !important;}.darkroom-box .content li .time{margin:10px 0;color:#FF5722;font-size:12px;}.darkroom-box .content li .time.yellow{color:#CDDC39;}.darkroom-box .content li .time.black{color:#000;}.darkroom-box .content li .btn{padding:5px 10px;margin-top:5px;background-color:#3ba358;color:#fff;border-radius:2px;cursor:pointer;width:100%;box-sizing:border-box;}.clear:after{display:block;content:'';clear:both;}