/*****************************
* PHPwork官方网址： ruanjiesoft.com
* PHPwork应用官方QQ群： 317075601
* PHPwork应用开发者QQ： 1980572700
* 不得使用本软件用于非法用途，不得违反国家法律。
*************************************/

a,a:hover,a:active{color:inherit;text-decoration: none;}

.rj-container{max-width:1080px !important;margin:0 auto;margin-bottom:80px;}

/* 顶部导航条 返回 title 主页 */
.rj-appbar{display: flex;justify-content: space-between;padding:12px 15px;background-color:#1da76c;color:#fff;}

/* 底部导航 */
.rj-tabbar{ position: fixed;bottom: 0; display: flex;justify-content: space-around;align-items: center; 
			width: 100%;height: 60px;padding: 0;box-shadow: 0 0 5px 0px rgba(153, 153, 153,0.5);text-align: center;
			background-color: rgba(255,255,255,0.8);backdrop-filter: blur(10px);font-size:14px;}
.rj-tabbar img{ width: 30px;height: 30px; object-fit: cover;}


/********************/
/* 首页 */
.top_image{ width:100% ; height: calc( (100vw - 40px)/2 * 3/4 );object-fit: cover;}
.task_number{ display:flex;justify-content: space-around;background-color: #1da76c;color: #fff;margin: 5px 10px 10px 10px;padding: 5px;}
.task_number div{text-align: center;}
.select_choice{ display:flex;justify-content: space-between;margin: 0 10px 5px 10px;}
.select_choice div{width:48%}
.select{ width:100%;height: 30px;font-size: 14px;border: none;color: #969696;background-color: #f7f7f7;}
.task{display:flex;justify-content: space-between;margin: 10px 10px 5px 10px;}

.rj-load_more{text-align:center;margin-top:10px;}

/* 排名 */
.ranking_title{display:flex;justify-content: space-around;margin:10px 10px 0 10px;background-color: #1da76c;color: #fff;padding: 5px 10px;}
.ranking_list{display:flex;justify-content: space-around;margin: 3px 10px 3px 10px;background-color:#f7f7f7;padding: 5px 10px;}
.ranking_number{width:15%;text-align: left;font-size: 14px;}
.ranking_grid{width:25%;text-align: center;font-size: 14px;}
.ranking_all{width:20%;text-align: center;font-size: 14px;}
.ranking_rate{width:20%;text-align: right;font-size: 14px;}

/* ***  单页 */
.rj-page_detail { margin: 10px;}
.rj-page_detail img{ max-width: 100% !important;height: auto !important;}
.rj-page_detail h2.rj-title{margin:50px 0 30px;font-size:24px;text-align:center;}
.rj-page_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-page_detail .rj-content{ min-height:500px;padding: 10px;background-color:rgba(255,255,255,0.8);}

/* 弹窗 */
#task_desc_pop{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;z-index: 9999;border-radius: 5px;}
.pop_content{background-color: #fff;width: 90%;margin: 100px auto;padding:5px;text-align: center;
				max-height: calc( 100vh - 200px - 10px );    overflow: auto;}
.pop_content_title{padding:10px;border-bottom:1px solid #f4f4f4;}
#task_desc{padding:10px;text-align: justify;}


/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.rj-container,.rj-tabbar,.pop_content{max-width:677px !important;}
	/* 首页 */
	.top_image{ width:calc( (677px - 40px)/2 ) ; height: calc( (677px - 40px)/2 * 3/4 );object-fit: cover;}

}

/* 根据系统的深色模式响应深色变量 */
@media (prefers-color-scheme: dark) {
	html{filter: invert(1) hue-rotate(180deg);}
	body{background: #fff;}
	img,video{filter: invert(1) hue-rotate(180deg);}

	input::placeholder{color:rgba(0,0,0,.3);}

}