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

body{margin:0;padding: 0;}

.container{max-width:1080px !important;margin:0 auto;margin-bottom:60px;}
/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.container{max-width:677px !important;}
}

a{color: #000;text-decoration: none;}


/* 卡片 */
.rj-card{margin:15px;padding:5px;border-radius:4px;overflow: hidden;box-shadow: 0 0 4px #ddd;background-color:#fff;font-size: 14px;}

/* 首页导航 */
.nav-list{display: flex;justify-content: space-between;align-items: center;font-size: 16px;padding: 10px;border-bottom: 1px solid #eee;}
.nav-list .nav-list-left{display:flex;align-items: center;}
.nav-list .nav-list-left img{width: 32px;height: 32px;margin-right: 5px;}
.nav-list .nav-list-right img{width:12px}


/* 登录 注册 */
.active{color:#2879fe}

/* 顶部导航条 返回主页 按钮 */
.rj-top-title{line-height: 48px;text-align:center;color:#666;position: relative;}
.rj-top-title .rj-nav-left{position: absolute;left:15px;}
.rj-top-title .rj-nav-right{position: absolute;right:15px;}
.rj-top-title .rj-nav-left img,.rj-top-title .rj-nav-right img{width:30px}

/* 查询首页 */
.rj-input_search{width: 90%;height: 45px;font-size: 18px;border-radius: 5px;border: 1px solid #ddd;text-align: center;outline:none}
.rj-btn_search{width: 90%;height: 45px;font-size: 18px;border: none;background-color: #2879fe;color: #fff;border-radius:4px;}

/* 单页 */
.rj-page_detail .rj-title{padding:10px;line-height:150%;margin-top:30px;font-size:18px;text-align:center;}
.rj-page_detail .rj-content{padding:10px; min-height:200px;background-color:rgba(255,255,255,0.8);}
.rj-page_detail .rj-content img{ max-width: 100% !important;height: auto !important;}


/* 列表页 */
.header-info{margin: 20px 10px;display: flex;justify-content: space-between;padding: 10px;border: 1px solid #609287;border-radius: 10px;background-color: #fff;}
.header-info .user-info{display: flex;align-items: center;}
.header-info .user-info .avatar img{width: 50px;}
.header-info .user-info .nickname{margin-left: 10px;}
.header-info .user-info .nickname .name{font-size:15px;font-weight: bold;}
.header-info .user-info .nickname .id_number{color:#8f8f8f;margin-top: 3px;}
.header-info .button{color:#16baaa;}

/* 报告列表页 查询 */
.rj-report_search{padding:0 10px 10px;display: flex;justify-content: space-between;align-items: center;box-sizing:border-box;}
.rj-report_search .input-time{width: 30%;text-align: center;}
.rj-report_search .input-time input{width: 90%;height: 30px;border: none;border-bottom:1px solid #888;background: #fff;}
.rj-report_search .input-confim{font-size: 15px;color:#32c4c3;font-weight: bold;}

.rj-report_info {display: flex;justify-content: space-between;padding: 10px;}
.rj-report_info .name{color:#32c4c3;font-size: 16px;font-weight: bold;}
.rj-report_info .icon{color:#16baaa;}

.rj-report{padding:0 10px;}
.rj-report .list{margin-bottom:15px;background-color: #fff;border-radius: 10px;font-size: 15px;box-shadow: 0 0 4px rgba(221, 221, 221,0.8);}
.rj-report .list .title{background-color: #32c4c3;color: #fff;padding: 8px 10px;border-radius: 10px 10px 0 0;}
.rj-report .list .content{padding: 10px;}
.rj-report .list .content .item{display: flex;justify-content: space-between;margin-bottom: 5px;}
.rj-report .list .btn_pdf{padding:5px 10px;font-size: 14px;border-radius: 4px;background-color:#32c4c3;color: #fff;}


/* 根据系统的深色模式响应深色变量 */
@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);}

}