/*! ©2026 shanghai life and info zhaozhishi.net */
/* CSS Document */
/* ==头部样式 == */
* {margin:0; padding:0; box-sizing:border-box}
html,body {height:100%; font:14px/1.5 Arial,"Microsoft YaHei",sans-serif; background:#f8f9fa}
a {color:#333; text-decoration:none; transition:color .3s}
a:hover {color:#ed4040}
ul,ol {list-style:none}
img {max-width:100%; height:auto; border:none}
.clearfix::after {content:""; display:block; clear:both}
.wrapper {min-height:100%; padding-top:60px}
.container {width:95%; max-width:1200px; margin:0 auto; padding:15px 0}
.main-layout {display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start}
.header {
position:fixed; top:0; left:0; right:0; height:60px; line-height:60px;
background:#fff; border-bottom:1px solid #e9ecef; box-shadow:0 2px 8px rgba(0,0,0,.05); z-index:9999
}
.header-inner {width:95%; max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between}
.logo {width:120px}
.logo img {height:40px; object-fit:contain}
.search-form {flex:1; max-width:500px; margin:0 20px}
.search-input {
width:100%; height:38px; padding:0 15px 0 35px; border:1px solid #e9ecef; border-radius:19px; outline:0; font-size:14px;
background:#f8f9fa url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 0 1-11 0 5.5 5.5 0 1 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 12px center
}
.search-input:focus {border-color:#ed4040; box-shadow:0 0 0 3px rgba(237,64,64,.1)}
.menu-btn-wrapper {display:flex; align-items:center; gap:8px}
.menu-text {display:none; font-size:15px; color:#333; font-weight:500}
.menu-arrow {display:none; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #ed4040; transition:transform .3s}
.menu-btn {width:42px; height:42px; background:#ed4040; color:#fff; border-radius:50%; text-align:center; line-height:42px; font-size:20px; cursor:pointer; transition:background .3s,transform .3s; border:none; outline:0}
.menu-btn:hover {background:#d93636; transform:scale(1.05)}
.global-menu {display:none; position:fixed; top:60px; right:0; width:280px; background:#fff; border:1px solid #e9ecef; border-top:none; border-radius:0 0 0 8px; box-shadow:0 4px 12px rgba(0,0,0,.1); z-index:9998; max-height:calc(100vh - 60px); overflow-y:auto}
.global-menu ul {padding:8px 0}
.global-menu li {border-bottom:1px solid #f8f9fa}
.global-menu a {display:block; height:48px; line-height:48px; padding:0 20px; font-size:15px}
.global-menu a:hover {background:#f8f9fa; color:#ed4040}
/* ==顶部栏目导航（一行横排 美化） === */
.top-channel {
background:#fff;
border-radius:8px;
padding:12px 20px;
margin-bottom:20px;
box-shadow:0 2px 8px rgba(0,0,0,.05);
display: flex;
align-items: center;
gap: 15px;
}
.top-channel .dtag {
font-size:14px;
font-weight:bold;
color:#ed4040;
white-space: nowrap;
}
.top-channel .Pgc_article {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.top-channel .Pgc_article li {
height:auto;
border:none;
}
.top-channel .Pgc_article li::before {
display:none;
}
.top-channel .Pgc_article li a {
padding: 4px 10px;
border-radius:4px;
font-size:14px;
white-space:nowrap;
}
.top-channel .Pgc_article li a:hover {
background:#ed4040;
color:#fff;
}
/* === zhaozhishi.net右侧边栏 === */
.detail-right {
width:280px;
position:sticky;
top:80px;
z-index:1;
flex-shrink:0;
display:block !important;
order: 2;
}
.sideGap {
margin-bottom:20px;
background:#fff;
padding:15px;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.dtag {
font-size:14px;
font-weight:bold;
color:#333;
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px dashed #eee;
}
.Pgc_info {
text-align: center;
margin-bottom: 10px;
}
.image_head {
width:60px;
height:60px;
border-radius:50%;
margin:0 auto 10px;
background:url(/style/sh_logo.png);
background-size:cover;
}
.Pgc_name {
display:block;
text-align:center;
font-weight:700;
margin-bottom:5px;
font-size:15px;
}
.Pgc_details {
display:block;
text-align:center;
font-size:12px;
color:#999;
}
.Pgc_article ul {
padding:0;
margin:0;
list-style:none;
}
.Pgc_article li {
display:flex;
align-items:center;
height:34px;
line-height:34px;
font-size:14px;
border-bottom:1px dashed #eee;
}
.Pgc_article li::before {
content:"";
width:6px;
height:6px;
border-radius:50%;
background:#999;
margin-right:10px;
flex-shrink:0;
}
.Pgc_article li a {
flex:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transition: padding-left 0.2s;
}
.Pgc_article li a:hover {
padding-left: 4px;
color:#ed4040;
}
.monthhot li {
height:28px;
line-height:28px;
font-size:13px;
border-bottom:1px dashed #eee;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.monthhot i {
display:inline-block;
width:16px;
height:16px;
line-height:16px;
text-align:center;
background:#ccc;
color:#fff;
border-radius:50%;
margin-right:5px;
font-size:12px;
}
.monthhot li:nth-child(1) i,
.monthhot li:nth-child(2) i,
.monthhot li:nth-child(3) i {
background:#ed4040;
}
.hotgallery_show {
padding: 0;
}
.hotgallery_show li {
margin-bottom: 12px;
}
.hotgallery_show img {
width:100%;
height:160px;
object-fit:cover;
border-radius:4px;
transition: transform 0.2s;
}
.hotgallery_show img:hover {
transform: scale(1.02);
}
.gallery-con {
position:relative;
}
.pic_number {
position:absolute;
background:rgba(0,0,0,.5);
color:#fff;
padding:2px 5px;
font-size:12px;
border-radius:3px;
right:5px;
top:5px;
}
.gallery_item .title p {
font-size: 13px;
margin-top: 4px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* ==底部样式 ==*/
#aboutus {text-align:center; padding:15px 0; font-size:12px; color:#999; background:#fff; margin-top:20px; border-top:1px solid #eee}
.feedback_dialog {position:fixed; right:-380px; bottom:100px; width:320px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); z-index:9999; transition:all .3s; border-radius:6px}
.feedback_dialog.on {right:10px}
.feedback_dialog:hover {right:10px}
.dialog-header {
padding:10px;
background:#f5f5f5;
border-bottom:1px solid #eee;
font-weight:700;
display: flex;
justify-content: space-between;
align-items: center;
}
.feedback_panel {padding:15px}
.feedback_item {margin-bottom:12px}
.feedback_panel p {margin-bottom:6px; font-size:14px; color:#333}
.email,.content {width:100%; border:1px solid #eee; padding:8px; border-radius:4px; outline:0; font-size:14px}
.content {height:100px; resize:none}
.btn_group {display:flex; gap:10px; margin-top:10px}
.submit-btn,.close-btn {flex:1; padding:8px 0; text-align:center; color:#fff; border:none; border-radius:4px; cursor:pointer; font-size:14px}
.submit-btn {background:#ed4040}
.close-btn {background:#6c757d}
/* === 主体列表（左侧） ===*/
.index-main {flex:1; min-width:300px; order:1;}
#pagelet-nfeedlist {background:#fff; border-radius:8px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,.05)}
/* 加载提示 */
.alert-msg {text-align:center; padding:15px 0; color:#666; font-size:13px}
.alert-msg img {vertical-align:middle; margin-right:6px}
/* 未读新闻 */
.unread {background:#fff0f0; color:#ed4040; padding:10px 15px; border-radius:6px; margin:10px 0; cursor:pointer; font-size:13px}
/* 列表容器 */
.listBox {margin-top:15px}
.listBox .item {padding:16px 0; border-bottom:1px dashed #eee; position:relative}
.listBox .item:last-child {border-bottom:none}
/* 左图 */
.lbox {width:110px; height:80px; float:left; margin-right:15px; flex-shrink:0}
.lbox img {width:100%; height:100%; object-fit:cover; border-radius:4px}
/* 右内容 */
.rbox {overflow:hidden}
.rbox-inner {width:100%}
.title-box {margin-bottom:6px}
.title-box .title {font-size:16px; font-weight:700; color:#222; line-height:1.4}
.title-box .title:hover {color:#ed4040}
/* 摘要 */
.abstract {font-size:13px; color:#666; line-height:1.6; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
/* 底部信息 */
.footer {font-size:12px; color:#999; display:flex; justify-content:space-between; align-items:center}
.lbtn {margin-right:10px; color:#999}
.rbtn {width:16px; height:16px; display:inline-block; margin-left:6px; cursor:pointer}
.rbtn.digg {background:url('data:image/svg+xml;utf8,') no-repeat center; background-size:contain}
.rbtn.bury {background:url('data:image/svg+xml;utf8,') no-repeat center; background-size:contain}
/* 加载更多 */
.loadmore {display:block; text-align:center; padding:14px; color:#666; cursor:pointer; font-size:13px}
.indexListLoading {text-align:center; padding:10px; color:#999; font-size:12px}
/* 分页 */
.pageBox {
text-align: center;
padding: 20px 0;
font-size: 14px;
}
.pageBox a,
.pageBox strong {
display: inline-block;
min-width: 36px;
height: 36px;
line-height: 36px;
margin: 0 4px;
padding: 0 6px;
border-radius: 6px;
text-align: center;
text-decoration: none;
background: #fff;
border: 1px solid #e9ecef;
color: #333;
transition: all 0.2s ease;
vertical-align: middle;
}
/* 分页 hover 效果 */
.pageBox a:hover {
border-color: #ed4040;
color: #ed4040;
background: #fffafa;
}
/* 当前页高亮样式 */
.pageBox strong {
background: #ed4040;
border-color: #ed4040;
color: #fff;
font-weight: normal;
}
/* 上一页、下一页 加宽 */
.pageBox a[href*="page"] {
min-width: 60px;
}
/* 适配 */
@media (max-width:768px){
.lbox {width:90px; height:70px}
.title-box .title {font-size:15px}
}