/* 全局样式重置 */
    html,body,div,span,h1,h2,h3,p,a,img,ul,li,header,nav,footer,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
    body{line-height:1.6;font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;background:#f8f9fa;color:#333;}
    ul{list-style:none;}
    a{text-decoration:none;color:#2c3e50;}
    a:hover{color:#1abc9c;}
    .qingchu:after{content:"";display:table;clear:both;}
    
    /* 布局容器 */
    .rongqi{width:1200px;margin:0 auto;}
    
    /* 顶部导航 */
    .daohang{background:#fff;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:25px;}
    .daohang-rongqi{display:flex;justify-content:space-between;align-items:center;}
    .logo{display:flex;align-items:center;}
    .logo img{height:40px;margin-right:12px;}
    .logo h1{color:#2c3e50;font-size:22px;font-weight:600;letter-spacing:1px;}
    .daohang-liebiao{display:flex;}
    .daohang-liebiao li{margin-left:25px;}
    .daohang-liebiao a{color:#2c3e50;font-size:15px;font-weight:500;padding:8px 0;position:relative;display:inline-block;}
    .daohang-liebiao a:after{content:'';position:absolute;width:0;height:2px;background:#1abc9c;bottom:0;left:0;transition:width 0.3s;}
    .daohang-liebiao a:hover:after{width:100%;}
    
    /* 主要内容区 - 统一比例 */
    .zhuyao-neirong{width:100%;}
    .zhuyao-neirong-rongqi{width:1200px;margin:0 auto;}
    
    /* 统一区块样式 */
    .tongyi-qukuai{
        display: flex;
        margin-bottom: 30px;
        align-items: stretch; /* 确保两侧高度一致 */
    }
    .zuo-bufen{
        flex: 3;
        margin-right: 25px;
    }
    .you-bufen{
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    /* 照片展示区 */
    .tezheng-jie{margin-bottom:25px;}
    .tezheng-jie-nei{
        background:#fff;
        padding:25px;
        border-radius:8px;
        box-shadow:0 3px 15px rgba(0,0,0,0.05);
        height: 100%; /* 确保高度填充 */
        box-sizing: border-box; /* 包含内边距 */
    }
    .jie-biaoti{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;position:relative;}
    .jie-biaoti:after{content:'';position:absolute;width:60px;height:2px;background:#1abc9c;bottom:-1px;left:0;}
    .zhaopian-lunbo{height:320px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);margin-bottom:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#7f8c8d;font-size:18px;overflow:hidden;}
    
    /* 照片网格 */
    .zhaopian-wangge{font-size:0;}
    .zhaopian-kapian{width:32%;margin-right:2%;margin-bottom:20px;display:inline-block;vertical-align:top;background:#fff;border-radius:6px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 10px rgba(0,0,0,0.08);font-size:14px;}
    .zhaopian-kapian:nth-child(3n){margin-right:0;}
    .zhaopian-kapian:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.12);}
    .zhaopian-tu{height:160px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#7f8c8d;overflow:hidden;position:relative;}
    .zhaopian-tu img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
    .zhaopian-kapian:hover .zhaopian-tu img{transform:scale(1.05);}
    .zhaopian-xinxi{padding:15px;}
    .zhaopian-xinxi h3{font-size:15px;margin-bottom:5px;color:#2c3e50;font-weight:600;}
    .zhaopian-xinxi p{font-size:13px;color:#7f8c8d;margin-bottom:8px;}
    .zhaopian-shuju{display:flex;justify-content:space-between;font-size:12px;color:#95a5a6;}
    
    /* 侧边栏 */
    .gongju{
        background:#fff;
        padding:25px;
        margin-bottom:25px;
        border-radius:8px;
        box-shadow:0 3px 15px rgba(0,0,0,0.05);
        flex-grow: 1; /* 填充剩余高度 */
        box-sizing: border-box;
    }
    .sousuo-kuang{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #eee;border-radius:6px;font-size:14px;transition:all 0.3s;box-sizing:border-box;}
    .sousuo-kuang:focus{border-color:#1abc9c;outline:none;box-shadow:0 0 0 3px rgba(26,188,156,0.1);}
    .sousuo-anniu{background:#1abc9c;color:#fff;border:none;padding:12px 15px;cursor:pointer;width:100%;border-radius:6px;font-size:14px;font-weight:500;transition:all 0.3s;appearance:none;}
    .sousuo-anniu:hover{background:#16a085;}
    .xinwen-liebiao li,.lianjie-liebiao li{padding:12px 0;border-bottom:1px solid #eee;display:flex;align-items:center;}
    .xinwen-liebiao li:before,.lianjie-liebiao li:before{content:'•';color:#1abc9c;margin-right:10px;font-size:18px;}
    .xinwen-liebiao li:last-child,.lianjie-liebiao li:last-child{border-bottom:none;}
    .xinwen-liebiao a,.lianjie-liebiao a{font-size:14px;color:#34495e;}
    .xinwen-liebiao a:hover,.lianjie-liebiao a:hover{color:#1abc9c;}
    
    /* 年代导航 */
    .niandai-daohang {
        background:#fff;
        padding:25px;
        border-radius:8px;
        box-shadow:0 3px 15px rgba(0,0,0,0.05);
        height: 100%; /* 确保高度填充 */
        box-sizing: border-box;
    }
    .niandai-daohang h3{color:#2c3e50;font-size:18px;margin-bottom:15px;}
    .niandai-daohang ul li{margin-bottom:12px;}
    .niandai-daohang a{display:block;padding:10px 15px;background:#f8f9fa;border-radius:4px;transition:all 0.3s;}
    .niandai-daohang a:hover{background:#1abc9c;color:#fff;}
    
    /* 底部友情链接 */
    .dibu-lianjie{background:#f1f5f9;padding:30px 0;}
    .lianjie-rongqi{display:flex;justify-content:space-between;flex-wrap:wrap;}
    .lianjie-zuzhi{width:23%;padding:0 1%;margin-bottom:20px;}
    .lianjie-zuzhi h3{color:#2c3e50;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd;}
    .lianjie-zuzhi ul li{margin-bottom:8px;}
    .lianjie-zuzhi a{color:#7f8c8d;font-size:14px;}
    .lianjie-zuzhi a:hover{color:#1abc9c;}
    
    /* 页脚 */
    .dibu{background:#2c3e50;color:#ecf0f1;padding:30px 0;}
    .dibu-rongqi{display:flex;justify-content:space-between;align-items:center;}
    .dibu-daohang{display:flex;list-style:none;}
    .dibu-daohang li{margin-right:20px;}
    .dibu-daohang a{color:#bdc3c7;font-size:14px;}
    .dibu-daohang a:hover{color:#1abc9c;}
    .banquan{font-size:13px;color:#95a5a6;}
    
    /* 响应式设计 - 主要修改部分 */
    @media screen and (max-width:1240px){
        .rongqi,.zhuyao-neirong-rongqi{width:95%;max-width:1200px;padding:0 15px;box-sizing:border-box;}
    }
    @media screen and (max-width:992px){
        .tongyi-qukuai{
            flex-direction:column;
        }
        .zuo-bufen{
            margin-right:0;
            margin-bottom:25px;
            width:100%;
        }
        .you-bufen{
            width:100%;
        }
        .zhaopian-kapian{width:48%;margin-right:4%;}
        .zhaopian-kapian:nth-child(3n){margin-right:4%;}
        .zhaopian-kapian:nth-child(2n){margin-right:0;}
        .daohang-rongqi{flex-direction:column;align-items:flex-start;}
        .daohang-liebiao{margin-top:15px;flex-wrap:wrap;justify-content:flex-start;}
        .daohang-liebiao li{margin-left:0;margin-right:15px;margin-bottom:5px;}
        .lianjie-zuzhi{width:48%;margin-bottom:15px;}
    }
    @media screen and (max-width:768px){
        .zhaopian-kapian{width:100%;margin-right:0;}
        .zhaopian-kapian:nth-child(3n),.zhaopian-kapian:nth-child(2n){margin-right:0;}
        .zhaopian-tu{height:200px;}
        .daohang-liebiao li{margin:5px 10px 5px 0;}
        .dibu-rongqi{flex-direction:column;text-align:center;}
        .dibu-daohang{margin-bottom:15px;flex-wrap:wrap;justify-content:center;}
        .dibu-daohang li{margin:5px 10px;}
        .lianjie-zuzhi{width:100%;}
    }

    /* ========== 内容页新增样式 ========== */

/* 面包屑导航 */
.mianbaoxie {
    padding: 15px 0;
    font-size: 14px;
    color: #7f8c8d;
}
.mianbaoxie a {
    color: #7f8c8d;
}
.mianbaoxie a:hover {
    color: #1abc9c;
}
.mianbaoxie span {
    margin: 0 5px;
    color: #bdc3c7;
}

/* 照片详情区 */
.zhaopian-xiangqing {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}
.zhaopian-biaoti {
    font-size: 24px;
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.zhaopian-yuanwen img {
    width: 100%;
    max-height: 600px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
}
.zhaopian-meta {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    color: #7f8c8d;
    font-size: 14px;
}
.zhaopian-meta span {
    margin-right: 20px;
}
.zhaopian-meta i {
    font-style: normal;
    color: #2c3e50;
    font-weight: 500;
}
.zhaopian-jieshao h3 {
    font-size: 18px;
    color: #2c3e50;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.zhaopian-jieshao p {
    margin-bottom: 15px;
    line-height: 1.8;
}

/* 相关信息 */
.xiangguan-xinxi {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
}
.xiangguan-xinxi h2 {
    font-size: 20px;
    color: #2c3e50;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.xiangguan-liebiao {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.xiangguan-item {
    display: flex;
    align-items: center;
}
.xiangguan-item img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 10px;
}
.xiangguan-item h3 {
    font-size: 14px;
    font-weight: 500;
}
.xiangguan-item p {
    font-size: 12px;
    color: #7f8c8d;
    margin-top: 5px;
}

/* 内容页响应式设计 */
@media screen and (max-width: 992px) {
    .xiangguan-liebiao {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .xiangguan-liebiao {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 576px) {
    .xiangguan-liebiao {
        grid-template-columns: 1fr;
    }
    .zhaopian-meta {
        flex-direction: column;
    }
    .zhaopian-meta span {
        margin-bottom: 8px;
    }
}


/* 内容页专用样式 */
.neirong-xiangqing {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.neirong-biaoti {
    color: #2c3e50;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.neirong-biaoti:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #1abc9c;
    bottom: -1px;
    left: 0;
}

.neirong-fubiaoti { color: #2c3e50; font-size: 20px; font-weight: 600; margin: 25px 0 15px; padding-bottom: 10px; border-bottom: 1px solid #eee;}

.neirong-meta { display: flex; margin-bottom: 10px; color: #7f8c8d; font-size: 14px;}
.neirong-meta span { margin-right: 20px; display: flex; align-items:center;}

.neirong-meta i { margin-right: 5px; color: #1abc9c;}

.neirong-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: #333; font-size: 16px; max-width: 100%; overflow-x: hidden; word-wrap: break-word; padding: 5px; }
.neirong-body p { margin: 0 0 16px 0; padding: 0; }

.neirong-body h1, .neirong-body h2, .neirong-body h3, .neirong-body h4, .neirong-body h5, .neirong-body h6 { margin: 22px 0 16px 0; font-weight: bold; color: #222; }
.neirong-body h1 { font-size: 28px; }
.neirong-body h2 { font-size: 24px; }
.neirong-body h3 { font-size: 20px; }
.neirong-body h4 { font-size: 18px; }
.neirong-body h5 { font-size: 16px; }
.neirong-body h6 { font-size: 14px; }

.neirong-body a { color: #1e88e5; text-decoration: none; }
.neirong-body a:hover { text-decoration: underline; }

.neirong-body ul, .neirong-body ol { margin: 16px 0; padding-left: 30px; }
.neirong-body li { margin-bottom: 8px; }

.neirong-body blockquote { margin: 16px 0; padding: 10px 15px; border-left: 4px solid #ddd; background-color: #f8f8f8; color: #666; }

.neirong-body pre { margin: 16px 0; padding: 15px; background-color: #f5f5f5; border-radius: 4px; overflow-x: auto; font-family: "Courier New", Courier, monospace; font-size: 14px; }
.neirong-body code { font-family: "Courier New", Courier, monospace; background-color: #f5f5f5; padding: 2px 4px; border-radius: 3px; font-size: 14px; }

.neirong-body table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.neirong-body table th, .neirong-body table td { padding: 10px 15px; border: 1px solid #ddd; }
.neirong-body table th { background-color: #f5f5f5; font-weight: bold; text-align: left; }

.neirong-body img { max-width: 100%; height: auto; display: block; margin: 16px auto; border-radius: 6px; box-shadow: 0 3px 15px rgba(0,0,0,0.1); }

.neirong-body hr { border: none; border-top: 1px solid #eee; margin: 20px 0; }

.neirong-body .text-left { text-align: left; }
.neirong-body .text-center { text-align: center; }
.neirong-body .text-right { text-align: right; }

.neirong-body strong { font-weight: bold; }
.neirong-body em { font-style: italic; }
.neirong-body u { text-decoration: underline; }
.neirong-body del { text-decoration: line-through; }
.neirong-body sup { vertical-align: super; font-size: smaller; }
.neirong-body sub { vertical-align: sub; font-size: smaller; }

@media (max-width: 768px) {
  .neirong-body { font-size: 15px;  }
  .neirong-body h1 { font-size: 24px; }
  .neirong-body h2 { font-size: 20px; }
  .neirong-body h3 { font-size: 18px; }
}


.neirong-fenxiang { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;}

.neirong-fenxiang a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.3s;
}

.neirong-fenxiang a:hover {
    background: #1abc9c;
    color: #fff;
}

.neirong-fenxiang i {
    margin-right: 5px;
}

/* 相关照片 */
.xiangguan-zhaopian {
    margin-top: 40px;
}

.xiangguan-biaoti {
    color: #2c3e50;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.xiangguan-biaoti:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background: #1abc9c;
    bottom: -1px;
    left: 0;
}


/* 年代导航列表 */
.niandai-liebiao {
    margin: 0;
    padding: 0;
    list-style: none;
}

.niandai-liebiao li {
    margin-bottom: 12px;
}

.niandai-liebiao a {
    display: block;
    padding: 10px 15px;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.3s;
    color: #34495e;
    font-size: 16px;
}

.niandai-liebiao a:hover {
    background: #1abc9c;
    color: #fff;
}

/* 调整标题样式 */
.gongju .jie-biaoti {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.gongju .jie-biaoti:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background: #1abc9c;
    bottom: -1px;
    left: 0;
}


/* 列表页专用样式 */
.liebiao-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    background: #fff;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
}

.liebiao-title {
    color: #2c3e50;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.liebiao-filter {
    display: flex;
    align-items: center;
}

.liebiao-filter select {
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #f8f9fa;
    color: #34495e;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
}

.liebiao-filter button {
    padding: 10px 15px;
    background: #1abc9c;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

.liebiao-filter button:hover {
    background: #16a085;
}

.liebiao-pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.liebiao-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    color: #2c3e50;
    transition: all 0.3s;
}

.liebiao-pagination a:hover,
.liebiao-pagination a.active {
    background: #1abc9c;
    color: #fff;
}

.liebiao-pagination a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.liebiao-count {
    color: #7f8c8d;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}

/* 网格视图调整 */
.zhaopian-wangge.list-view {
    margin-top: 20px;
}

/* 列表视图样式 */
.list-view-style {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.list-view-style .zhaopian-tu {
    width: 120px;
    height: 90px;
    flex-shrink: 0;
    margin-right: 15px;
}

.list-view-style .zhaopian-xinxi {
    flex-grow: 1;
    padding: 0;
}

.list-view-style .zhaopian-xinxi h3 {
    margin-top: 0;
    font-size: 16px;
}

.list-view-style .zhaopian-shuju {
    margin-top: 10px;
}


/* 文章列表页专用样式 */
.wenzhang-filter {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}

.wenzhang-biaoti {
    color: #2c3e50;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.wenzhang-biaoti:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #1abc9c;
    bottom: -1px;
    left: 0;
}

.wenzhang-liebiao {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wenzhang-item {
    background: #fff;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.wenzhang-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.wenzhang-item-biaoti {
    color: #2c3e50;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.wenzhang-item-biaoti a {
    color: inherit;
}

.wenzhang-item-biaoti a:hover {
    color: #1abc9c;
}

.wenzhang-item-meta {
    display: flex;
    margin-bottom: 15px;
    color: #7f8c8d;
    font-size: 14px;
}

.wenzhang-item-meta span {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.wenzhang-item-meta i {
    margin-right: 5px;
    color: #1abc9c;
}

.wenzhang-item-jianjie {
    color: #555;
    line-height: 1.7;
    margin-bottom: 15px;
}

.wenzhang-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wenzhang-item-tags a {
    display: inline-block;
    padding: 4px 10px;
    background: #f8f9fa;
    border-radius: 4px;
    color: #34495e;
    font-size: 12px;
    transition: all 0.3s;
}

.wenzhang-item-tags a:hover {
    background: #1abc9c;
    color: #fff;
}

/* 分类筛选 */
.fenlei-filter {
    margin-bottom: 20px;
}

.fenlei-biaoti {
    color: #2c3e50;
    font-size: 16px;
    margin-bottom: 10px;
}

.fenlei-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fenlei-tags a {
    display: inline-block;
    padding: 6px 12px;
    background: #f8f9fa;
    border-radius: 4px;
    color: #34495e;
    font-size: 14px;
    transition: all 0.3s;
}

.fenlei-tags a:hover, 
.fenlei-tags a.active {
    background: #1abc9c;
    color: #fff;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .wenzhang-item {
        padding: 20px;
    }
    
    .wenzhang-item-meta {
        flex-direction: column;
        gap: 8px;
    }
    
    .wenzhang-item-meta span {
        margin-right: 0;
    }
}