@import url('tools/fonts/iconfont.css');
@import url('tools/fonts2/iconfont.css');
@import url('basic.css');

body{padding-top:50px;background-color:#f3f6f9}body.page_player{background:#f3f6f9 url('images/playbg.jpg') no-repeat}
a{color:#555}a:hover,a:focus{color:#4CAF50;text-decoration:none}label{font-weight: normal;}
input:focus {box-shadow: none !important;outline: none !important}

/* [class^="col-"] {padding-right: 15px;padding-left: 15px} */

/* 导航条 */
.navbar{margin-bottom:0}
.navbar-default{background-color:#2d2d2d; border: none}
.navbar-default .navbar-brand{color:#4CAF50;font-weight:bold;margin-right:10px;padding-top:8px}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5cb85c}
.navbar-default .navbar-brand img{display:inline-block;height:36px;margin-right:5px;vertical-align:middle}
.navbar-default .navbar-nav>li>a{color:#e7e7e7;height:51px;padding:15px 12px}
.navbar-default .navbar-nav.navbar-right>li>a{padding:15px 8px !important}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#4CAF50;color:#fff;background-color:#404040}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#333;color:#4CAF50}
.navbar-default .dropdown-menu{background-color:#2d2d2d;margin:0;border:none;padding-top:0}
.navbar-default .dropdown-menu>li>a{color:#e7e7e7;padding: 8px 20px}
.navbar-default .dropdown-menu>li>a:hover,.navbar-default .dropdown-menu>li>a:focus{background-color:#4CAF50;color:#fff}
.navbar-default .dropdown-menu>li.divider{background-color:#555;margin:5px 0}
.navbar-form{margin-right:5px !important; margin-left:5px !important}
.navbar-form .form-control{min-width:80px; width: auto; border-radius:4px 0 0 4px !important}
.navbar-form .form-control:focus{border-color:#d1d2d6;z-index:1}
.navbar-collapse{border:none;background-color:#2d2d2d}
.navbar-right{margin-right:0}
.navbar-right .user-avatar{width:25px;height:25px;border-radius:50%;margin-right:5px;vertical-align: middle}
.navbar-right .user-link{display: flex;align-items: center}
.navbar-right .badge{position:absolute;top:4px;right:0;background-color:#d9534f}

/* 按钮 */
.btn{line-height:21px; box-shadow: none !important;transform: none !important;outline: none !important}
.btn:active,.btn:focus,.btn:hover{border-color:transparent}


/* 面包屑 */
.breadcrumb{background-color: transparent; padding:15px 0; margin-bottom:0}

/* 框架 */
@media (min-width: 992px) {
	.mainbox{width:calc(100% - 330px);min-height:800px;float:left;position:relative;padding-left:15px;padding-right:0}
	.sidebar{width:330px;float:left;position:relative;padding-left:15px;padding-right:15px}
}
@media (max-width: 768px) {
	.breadcrumb{padding:10px 0}
	.mainbox{padding-left:10px;padding-right:10px}
	.sidebar{padding-left:10px;padding-right:10px}
	.box{padding:10px;margin-bottom:10px}
}

/* 页脚 */
.footer {background-color: #2c3e50;color: #ecf0f1;padding: 20px 0}


/* mod-面板 */
.panel-default{border-color: #eee}
.panel-default>.panel-heading{padding:12px 15px;border-bottom:1px solid #eaeaea;border-radius:5px 5px 0 0;background-color:#fbfbfb}
.badge{background-color: #aaa}

/* mod-媒体 */
.media{padding-bottom: 15px; border-bottom:1px solid #eee; background-color: #fff}
.media .media-left{padding-right: 20px}
.media-img{width:160px;height:102px;object-fit:cover}
.media-heading{font-size:17px;margin-bottom:10px;color:#2c3e50}
.media-body p{color:#666;line-height:1.6;margin-bottom:10px}
.media-meta{color:#999;font-size:12px}
.media-meta span{margin-right:15px}

/* mod-图文 */
.imglist .row{margin:0 -10px}
.imglist [class^="col-"]{padding-right:10px;padding-left:10px}
.imgitem{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:30px;transition:all 0.3s ease}
.imgitem:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-2px)}
.imgthumbnail{position:relative;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}
.imgthumbnail img{width:100%;transition:all 0.3s ease}
.imghover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease}
.imgitem:hover .imghover{opacity:1}
.imgitem:hover .imgthumbnail img{transform:scale(1.05)}
.imgbadge{position:absolute;top:10px;right:10px;color:white;padding:3px 8px;border-radius:3px;font-size:12px}
.imgbadge.hot{background-color:#e74c3c}
.imgbadge.elite{background-color:#f39c12}
.imginfo{padding:15px}
.imginfo h4{margin-top:0;margin-bottom:10px;font-size:16px}
.imginfo h4 a{color:#333}
.imginfo h4 a:hover{color:#3498db;text-decoration:none}
.imginfo .meta{color:#999;font-size:12px;margin-bottom:10px}
.imginfo .meta span{margin-right:10px}
.imginfo .desc{color:#666;font-size:13px;margin-bottom:10px;line-height:1.5;height:40px;overflow:hidden}
.tags{margin-top:10px}
.tag{display:inline-block;background-color:#f5f5f5;color:#666;padding:2px 8px;border-radius:3px;font-size:12px;margin-right:5px;margin-bottom:5px;transition:all 0.2s}
.tag:hover{background-color:#3498db;color:white;text-decoration:none}

/* mod-搜索 */
.search_mini{max-width:400px;height:40px;margin:10px auto}
.search_mini input{flex:1;height:42px;padding-left:8px;outline:0;border:1px solid #3FAF50;border-right:none;margin:0}
.search_mini .btn{width:100px;height:42px;font-size:15px;border:none;border-radius:0 3px 3px 0}

/* mod-单元格 */
.cell_list a,.tag_list a{margin:5px 0; transition:all 0.2s ease}
.cell_list a:hover,.tag_list a:hover{transform:translateY(-1px);box-shadow:0 1px 5px rgba(0,0,0,0.1)}

.cell_list,.tag_list{margin:0 -5px}
.cell_list [class^="col-"],.tag_list [class^="col-"],.link_list [class^="col-"]{padding-right:5px;padding-left:5px}

.cell_list a{border:1px solid #E7E7E7;color:#555;padding:10px;display:block;background-color:#fff}
.cell_list a:hover{border:1px solid #6ABC6D}
@media (max-width:768px){
	.cell_list,.tag_list{margin:0 10px}
}

/* mod-links */
.link_list{margin:0 -10px}
.link_list a{display:block;padding:8px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.link_list a:hover{text-decoration: underline;}

/* mod-标签盒 */
.tag_list a{display:block;padding:10px;text-align:center;background-color:#f3f3f5;color:#555}
.tag_list a:hover{color:#fff !important;background:#3FAF50}

/* mod-友链 */
.flinks{margin-bottom: 15px;}



/* mod-侧栏 */
.sidebar{}
.sidebar .user-info{text-align:center}
.sidebar .user-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}
.stats-list{list-style:none;padding:0; margin-bottom: 0}
.stats-list li{padding:8px 0;border-bottom:1px solid #eee}
.stats-list li:last-child{border-bottom:none}

.small-tag{display:inline-block;margin-right:5px;margin-bottom:5px;padding:3px 8px;background-color:#f0f0f0;border-radius:3px;font-size:14px}
.small-tag:hover{background-color:#e0e0e0}

.sidebar .sidebox{padding:0;overflow: hidden}
.sidebar .sidebox .boxhd{background-color:#6c757d;padding-bottom:0;border-bottom:none}
.sidebar .sidebox .boxhd.bg_green{background-color:#28a745}
.sidebar .sidebox .boxhd h4{height:45px;line-height:45px;margin:0;padding-left:10px;color:#fff}

.sidebar .nowday h3{margin:10px auto 20px;font-size:68px;height:100px;line-height:100px;width:100px;background:#42962e;color:#FFF;text-align:center;border-radius:12px}
.sidebar .nowday p{margin-bottom:10px}
.sidebar .nowday p i{display:block;float:left;text-align:center;margin-right:12px;width:20px;line-height:20px;font-size:13px;overflow:hidden;height:20px;color:#FFF;background:#42962e;border-radius:3px}
.sidebar .nowday .ji i{background:#DA301E}

.sidebar .media{margin: 10px 0; padding-bottom:10px}
.sidebar .media-img{width:90px;height:60px}
.sidebar .media-left{padding-right: 10px}
.sidebar .media-heading{line-height: 24px; font-size: 15px}

.sidebar .sharebox{padding: 15px;text-align:center;}
.sidebar .sharebox a{width:35px;height:35px;display:inline-block;border-radius:50%;line-height:33px;border:1px solid #666;cursor: pointer;}

.sidebar .sdlist{overflow: hidden;}
.sidebar .sdlist li{width: 50%;float: left; line-height: 28px;}
.sidebar .sdlist li a:hover{text-decoration: underline;}


@media (max-width:768px){
	.sidebar .media-left{padding-right:10px}
	.sidebar .media-img{width:120px;height:90px}
	.sidebar .media-heading{line-height: 26px; font-size: 17px}
}




/* tool_index */
.card{overflow: hidden;padding-top: 10px;margin-bottom: 0;}
.card li{padding:5px 0;}
.card li a{ padding: 0 15px;font-size: 16px; border-radius: 5px;color:#2196f3; color: #3dabb8;}
.card li a:hover{background-color: #f8f9fa;}
.card li a i{font-size: 28px;margin-right: 5px;}


/* 首页 */
.swiperbox{margin-bottom:15px}
.swiperbox img {width: 100%;display:block}

.forum-header{background-color:#fff;border-radius:4px;padding:15px;margin-bottom:15px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.forum-list{background-color:#fff;border-radius:4px;margin-bottom:15px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.forum-list-item{padding:12px 15px;border-bottom:1px solid #eee}
.forum-list-item:hover{background-color:#f9f9f9;transition:background-color 0.3s ease}
.forum-list-item:last-child{border-bottom:none}
.post-info{color:#999;font-size:12px}

.post-list{padding:0}
.post-item{padding:15px 0 12px;overflow: hidden; background-color:#fff;border-bottom:1px solid #eee}
.post-item:hover{background-color:#f7f7f7}
.post-item:last-child{margin-bottom:0}
.post-avatar{width:58px;height:58px;border-radius:50%;float:left;border:1px solid #eee}
.post-title{margin-top:0;margin-bottom:5px;font-size:16px}
.post-title .label{font-size: 10px}
.post-meta{color:#999;font-size:12px;margin-bottom:5px}
.post-summary{color:#666;font-size:13px;line-height:1.5}

/* 列表页 */
.newsbox .media-img{width:160px;height:102px}
@media (max-width:768px){
	.newsbox .media-left{padding-right:10px}
	.newsbox .media-img{width:120px;height:90px}
	.newsbox .media-heading{line-height: 26px}
	.newsbox .media-body p{display: none}
	/* 垂直 */
	/* .media-left{display:block;margin-right:0}
	.media-img{width:100%;height:auto;margin-bottom:10px} */
}

/* 筛选页 */
.filter-bar{background-color:#fff;padding:10px;margin-bottom:20px}
.filter{padding:20px}
.filter_div{position:relative;margin-bottom:15px}
.filter_div::before{display:table;content:""}
.filter_div::after{display:table;content:"";clear:both}
.filter_container{padding-right:30px;position:relative}
.filter_title{font-weight: bold; padding-right: 10px;float:left;line-height: 26px}
.filter_item{width:85%;overflow:hidden;height:25px;float:left}
.filter_item > a{color:#333;display:inline-block;padding:2px 10px;margin-bottom: 10px}
.filter_item > a:hover{color:green; background-color: #2E7D32; color: #fff}
.filter_item a.active{background-color:#000;color:#FFF}
.open{height:auto}



/* 内容页 */
.artbox{background-color:#fff;border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.arthd{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}
.artbox h1{margin:10px 0 20px;color:#333}
.artmeta{color:#999;font-size:13px;margin-bottom:5px}
.artcont{line-height:1.8;font-size:15px;color:#555}
.artcont h3{color:#4CAF50;margin-top:25px;margin-bottom:15px}
.artcont h4{color:#4CAF50;margin-top:25px;margin-bottom:15px}
.artcont img{max-width:100%;height:auto;margin:15px 0;border-radius:4px}
.artlink{margin-top:30px}.artlink a{color: #1da1f2}.artlink a:hover{text-decoration: underline}

.artfoot{border-top:1px solid #eee;padding-top:15px;margin-top:20px}
.arttags{display:inline-block}

.comment-list{margin-top:30px}
.comment-item{padding:15px;margin-bottom:15px;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.comment-avatar{width:50px;height:50px;border-radius:50%;float:left;margin-right:15px;border:1px solid #eee}
.comment-content{margin-left:65px}
.comment-author{font-weight:bold;color:#4CAF50;margin-right:10px}
.comment-meta{color:#999;font-size:12px;margin-bottom:10px}
.comment-text{color:#555;line-height:1.6}
.comment-reply{margin-top:10px}

.relbox{}
.relbox .row{margin:0 -5px}
.relbox [class^="col-"]{padding-right:5px;padding-left:5px}
.relbox .imgitem{margin-bottom:15px}
.relbox .imgthumbnail{height:130px}
.relbox h4{line-height: 22px; font-size: 15px}
@media (max-width:767px){
	.artacts .pull-right{float:none !important;margin-top:10px;text-align:right}
}

/* 标签页 */
.tag-header{position:relative;height:200px;background:url('https://picsum.photos/id/26/1200/200') center center;background-size:cover;margin-bottom:30px}
.tag-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.tag-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:32px;font-weight:bold}
.tag-item{display:inline-block;background-color:white;border:1px solid #e1e1e1;border-radius:4px;padding:8px 15px;margin:0 10px 15px 0;font-size:14px;color:#333;transition:all 0.3s ease}
.tag-item:hover{background-color:#f5f5f5;text-decoration:none;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.tag-count{display:inline-block;margin-left:8px;color:#999}


/* 播放页 */
.page_player .breadcrumb,.page_player .breadcrumb a{color:#888}
.page_player #player{width:100%;height:600px;background-color:#000}
.page_player .input-group{width:95%}
.page_player .input-group .input-group-addon,.page_player .input-group .form-control,
.page_player .input-group .btn{height:36px}
.page_player .btn.btn-default.dropdown-toggle{border-radius:0}
.page_player .input-group-btn,.page_player .input-group-btn .btn{min-width:160px}
.page_player .input-group-btn .btn.dropdown-toggle{border-left:none}
.page_player .dropup .dropdown-menu{margin-bottom:0}
@media (max-width:767px){
	.page_player #player{width:100%;height:320px}
	.page_player .input-group{width:100%}
	.page_player .input-group-btn,.page_player .input-group-btn .btn{min-width:80px}
}


/* BMI页 */
.bmitable{width:auto;min-width:320px;float:right}
.bmitable th,.bmitable td{border:none !important; text-align: center}
.bmitable th{padding:10px 20px 8px}.bmitable td{padding:2px 20px;}
.bmitable thead {background: #eee; border-radius: 10px}
.bmitable .table-info,.bmitable .table-info>td,.bmitable .table-info>th{background-color:#bee5eb}
.bmitable .table-success,.bmitable .table-success>td,.bmitable .table-success>th{background-color:#c3e6cb}
.bmitable .table-active,.bmitable .table-active>td,.bmitable .table-active>th{background-color:rgba(0,0,0,.075)}
.bmitable .table-warning,.bmitable .table-warning>td,.bmitable .table-warning>th{background-color:#ffeeba}
@media (max-width:992px) {
	.bmitable{float:none;width: 100%;}
}


/* 时间戳页 */
.timestampbox{padding:20px;}
.timestampbox .converter-title{color:#333;margin-bottom:20px;text-align:center}
.timestampbox .form-group{margin-bottom:20px}
.timestampbox .btn-convert{width:100%;padding:10px;font-size:16px}
.timestampbox .swap-btn{text-align:center;margin:15px 0}
.timestampbox .swap-icon{font-size:24px;color:#337ab7;cursor:pointer;transition:transform 0.3s ease}
.timestampbox .swap-icon:hover{transform:rotate(180deg)}
.timestampbox .current-time{text-align:center;margin:20px;color:#666;font-size:14px}
.timestampbox .direction-indicator{text-align:center;color:#666;margin-bottom:10px;font-weight:bold}
.timestampbox .quick-date-buttons{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}
.timestampbox .quick-date-btn{flex:1;min-width:80px;padding:5px 8px;font-size:12px}
.timestampbox .input-error{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.timestampbox .error-text{color:#a94442;font-size:12px;margin-top:5px;display:none}
.timestampbox .disabled-hint{color:#999;font-size:12px;margin-top:5px;display:none}
.timestampbox .input-group{position:relative;width:100%}
.timestampbox .form-control{width:100%;padding-right:30px}
.timestampbox .copy-btn{position:absolute;right:5px;top:5px;z-index:10;background:none;border:none;color:#337ab7;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.timestampbox .copy-btn:hover{color:#23527c}
.timestampbox .copy-tooltip{position:absolute;background:#333;color:white;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:100}


/* 随机密码页 */
.passwdbox{padding:20px;}
.passwdbox .strength-meter{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}
.passwdbox .strength-meter-bar{height:100%;width:0;transition:width 0.3s ease,background-color 0.3s ease}
.passwdbox .strength-weak .strength-meter-bar{width:33%;background-color:#f44336}
.passwdbox .strength-medium .strength-meter-bar{width:66%;background-color:#ff9800}
.passwdbox .strength-strong .strength-meter-bar{width:100%;background-color:#4caf50}
.passwdbox .option-group{margin-bottom:20px;display:block;width:100%}
.passwdbox .mt30{margin-top:30px}
.passwdbox .option-label{font-weight:600;margin-bottom:8px;display:block}
.passwdbox .character-option{margin-bottom:10px}
.passwdbox #passwordDisplayContainer{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:stretch}
.passwdbox #passwordDisplayContainer .input-group{margin-bottom:8px;display:flex;flex:1}
.passwdbox #passwordDisplayContainer .input-group:last-child{margin-bottom:0}
.passwdbox #passwordDisplayContainer .password-display{min-height:50px;display:flex;align-items:center;flex:1;overflow:visible;text-overflow:clip;white-space:nowrap;padding:10px 12px}
.passwdbox #passwordDisplayContainer .input-group-addon{background-color:#f8f9fa;min-width:30px;text-align:center;border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none;display:flex;align-items:center;justify-content:center;vertical-align:middle}
.passwdbox #passwordDisplayContainer .input-group-btn{display:flex;white-space:nowrap;min-width:100px}
.passwdbox #passwordDisplayContainer .input-group-btn .btn{min-width:100px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;white-space:nowrap}
.passwdbox .btn-group{gap:10px}
.passwdbox #copyAllBtn{background-color:#17a2b8 !important;border-color:#17a2b8 !important}
.passwdbox #copyAllBtn:hover,.passwdbox #copyAllBtn:focus,.passwdbox #copyAllBtn:active{background-color:#138496 !important;border-color:#117a8b !important}
@media (max-width:767px){.passwdbox .btn-group-wrapper{display:flex;justify-content:center;width:100%}
.passwdbox .btn-group{flex-direction:row;width:auto;gap:8px;justify-content:center}
.passwdbox #passwordDisplayContainer .input-group-addon{display:flex;align-items:center;justify-content:center;vertical-align:middle}
.passwdbox .btn-group .btn{flex:1;min-width:auto}
.passwdbox #passwordDisplayContainer .input-group{flex-wrap:nowrap;overflow:visible}
.passwdbox #passwordDisplayContainer .input-group-addon,.passwdbox #passwordDisplayContainer .input-group-btn{flex-shrink:0}
.passwdbox #passwordDisplayContainer .password-display{flex:1;min-width:0}
}






.imglist2{margin-top:10px}
.imglist2.row{margin:0 -8px}
.imglist2 [class^="col-"]{padding-right:8px;padding-left:8px}
.imglist2 .thumbnail{padding:0;border:none}
.imglist2 .thumbnail img{border-radius: 4px}
.imglist2 .thumbnail .caption{padding:0}

/* tipsbox */
.tipsbox{}
.tipsbox h4{font-weight: bold; margin-bottom: 15px;}
.tipsbox p,.tipsbox li{color:#777;font-size: 15px;}
.tipsbox p strong{font-size: 14px;}
.tipsbox ul{list-style-type: disc; padding-left: 20px;}
.tipsbox li{margin-bottom: 10px;}

/* 帖子页 */
.post-card{background:#fff;margin-bottom:20px;padding:15px}
.post-card .user-info{display:flex;align-items:center;margin-bottom:12px}
.post-card .avatar{width:40px;height:40px;border-radius:50%;background-color:#1da1f2;color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-right:10px}
.username{font-weight:bold;color:#14171a;font-size: 16px}
.timestamp{color:#657786;font-size:13px;margin-left:10px}
.post-content{color:#14171a;font-size:15px;line-height:1.5;margin:0 5px 12px}
.post-actions{display:flex;border-top:1px solid #e6ecf0;padding-top:12px}
.action-btn{display:flex;align-items:center;margin-right:20px;color:#657786;text-decoration:none;font-size:13px}
.action-btn:hover{color:#1da1f2}
.action-btn .icon{margin-right:5px;font-size:16px}
.favorite{color:#ffad1f}
.user-comment{background-color:#f5f8fa;border-radius:8px;padding:12px;margin-top:15px}
.comment-user{font-weight:bold;color:#14171a;margin-bottom:5px}
.comment-timestamp{color:#657786;font-size:12px;margin-left:10px}




