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

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

:root{
	--rj-lux-bg:#f8f6f2;
	--rj-lux-card:#fff;
	--rj-lux-text:#2f2923;
	--rj-lux-sub:#8f8376;
	--rj-lux-line:#ece4d9;
	--rj-lux-primary:#8a6846;
	--rj-lux-primary-2:#b08a5b;
	--rj-lux-shadow:0 10px 28px rgba(90,64,36,.08);
}

/* 卡片 */
.rj_card{margin:15px 10px;border-radius:14px;overflow:hidden;box-shadow:var(--rj-lux-shadow);border:1px solid rgba(232,220,206,.55);background-color:var(--rj-lux-card);}

/* 首页 */
.rj-index_list{box-sizing:border-box;min-height:500px;}
.rj-index_list .rj-item{display:flex;justify-content:space-between;margin-bottom:12px;background:#fff;border-radius:14px;padding:10px;box-shadow:var(--rj-lux-shadow);border:1px solid rgba(232,220,206,.55);}
.rj-index_list .rj-item .rj-left{width:calc(30vw - 10px);height:calc((30vw - 10px) * 3/4);margin-right:10px;flex-shrink:0;}
.rj-index_list .rj-item .rj-left img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;}
.rj-index_list .rj-item .rj-right{width:calc(65vw - 10px);}
.rj-index_list .rj-item .rj-right .rj-item_title{height:45px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;font-weight:600;color:var(--rj-lux-text);}
.rj-index_list .rj-item .rj-right .rj-tip{height:18px;font-size:12px;color:var(--rj-lux-sub);}

/* 版权区 */
.rj-copy{clear:both;text-align:center;background-color:rgba(255,255,255,.7);line-height:200%;border-radius:12px;padding:6px 8px;color:var(--rj-lux-sub);}

/* activity页 顶部右侧导航 */
.rj-nav_position_top_right{position:absolute;z-index:999;top:20px;right:0;text-align:right;font-size:14px;}
.rj-nav_position_top_right span{display:inline-block;margin-bottom:10px;padding:4px 8px 4px 15px;border-right:0;border-radius:15px 0 0 15px;background:rgba(58,45,34,.58);color:#fff;}

/* 头部 */
.top-title{margin-bottom:1em}
.top-title img{border-radius:10px;width:100%;margin-top:15px;}
.top-title .nickname{width:100%;text-align:center;font-size:1.5em;margin-top:10px}
.rj-top_content img{max-width:100%;}

/* 自定义表单 */
.content{margin-bottom:10px;}
.title{margin-bottom:5px;font-size:16px;}
.content .title .rj-is_required{color:#c85d4a;}

.rj-activity_box{width:100%;background:rgba(255,255,255,.72);border-radius:12px;padding:10px;margin-bottom:10px;}
.rj-activity_box input{margin-bottom:.5em;}
.rj-activity_box .button{background:#9f764f;border-radius:2.5em;height:2.5em;line-height:2.5em;color:#fff;margin-bottom:.5em;}
.rj-activity_box .invite{background:linear-gradient(135deg,var(--rj-lux-primary),var(--rj-lux-primary-2));border-radius:3em;height:3em;line-height:3em;cursor:pointer;color:#fff;}
.rj-activity_box .rj-btn_upload{margin:0 auto;width:150px;line-height:50px;border:1px dashed #b8a790;color:#886c4d;font-size:14px;cursor:pointer;border-radius:10px;background:#fcfaf7;}

/* 我的 */
.rj-my_head_img{margin-bottom:50px;padding-top:40px;text-align:center;}
.rj-my_head_img img{width:70px;height:70px;border:2px solid #fff;border-radius:50%;}
.rj-my_list_item{display:flex;justify-content:space-between;align-items:center;font-size:16px;padding:10px;border-bottom:1px solid #eee;}

/* 底部导航 */
.rj-tabbar{position:fixed;z-index:500;display:flex;bottom:0;width:100%;max-width:1080px !important;background-color:rgba(255,255,255,.95);box-shadow:0 -8px 18px rgba(90,64,36,.1);backdrop-filter:blur(5px);border-top:1px solid rgba(232,220,206,.65);}
.rj-tabbar a{flex:1;padding:5px 0 0;}
.rj-tabbar a .rj-tabbar_img{height:27px;width:27px;margin:0 auto;}
.rj-tabbar a .rj-tabbar_img img{width:100%;}
.rj-tabbar a .rj-tabbar_label{margin:0;text-align:center;color:#5e5143;font-size:12px;line-height:1.8;}

/* 单页 */
.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,.82);}
.rj-page_detail .rj-content img{max-width:100% !important;height:auto !important;}

/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.container,.rj-tabbar{max-width:677px !important;}
	.rj-index_list .rj-item .rj-left{width:calc(30vw - 10px);height:120px;}
}

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