/* 深悟笔记 · 统一全站样式 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
body{background:#FCFBF8;color:#333;line-height:1.8}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}

/* 顶部导航 */
.header-top{background:#6B8088;line-height:38px;color:#fff;font-size:0.75rem}
.header-top .container{display:flex;justify-content:space-between}
.top-nav {
    max-width: 1200px;
}
.top-nav ul{
    display: flex;
    flex-wrap: wrap;
}
.top-nav li {
    color: #fff;
    font-size: 0.9375rem;
    cursor: pointer;
    transition: background 0.2s;
}

.top-nav a{margin-left:20px;color:#fff}
.top-nav a:hover{text-decoration:underline}

/* 头部LOGO */
.header-main{
  padding:40px 0;
  background:#fff;
  min-height:140px;
}
.header-main .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.logo{font-size:1.75rem;font-weight:700;color:#5A6F75}
.search-box{width:100%;max-width:420px;height:46px;border:1px solid #E5E5E5;display:flex;align-items:center}
.search-box input{flex:1;border:none;outline:none;padding:0 15px;height:100%}
.search-box button{width:90px;height:100%;background:#6B8088;color:#fff;border:none;cursor:pointer}
.search-box button:hover{background:#5A6F75}

/* 主导航 */
.main-nav{background:#6B8088}
.main-nav ul{display:flex;line-height:48px;flex-wrap:wrap}
.main-nav li{padding:0 25px;color:#fff;font-size:0.9375rem;cursor:pointer;transition:background 0.2s}
.main-nav li:hover{background:#5A6F75}
.main-nav li.active{background:#5A6F75}

/* 轮播 */
.banner {
  background: #F6F4EF;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.banner-text {
  font-size: 1.875rem;
  color: #5A6F75;
  font-weight: 500;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  position: relative;
  overflow: hidden;
 display: flex;
  justify-content: center;
  /* 垂直也能顺便居中，轮播常用 */
  align-items: center;
  background: #6B8088;
}


.swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.swiper-slide .banner-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 10;
  color: #5A6F75;
  font-size: 1.875rem;
  font-weight: 500;
}
/* 卡片板块 */
.law-category{padding:0;background:#fff;margin-bottom:30px}
.section-title{text-align:center;font-size:1.5rem;color:#5A6F75;margin-bottom:40px;font-weight:500}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.category-card{font-weight: bold;padding:30px 20px;background:#FAF9F5;border:1px solid #EAEAEA;border-radius:6px;text-align:center;transition:.3s}
.category-card:hover{border-color:#6B8088;background:#92aeb9; box-shadow:0 3px 10px rgba(0,0,0,.04)}
.category-card:hover, .category-card:hover h3,
.category-card:hover p {
  color: #fff;
  font-weight: bold;

}

.category-card h3{font-size:1.125rem;color:#5A6F75;margin-bottom:10px;font-weight:500}
.category-card p{font-size:0.875rem;color:#777}


/* 左侧：最新发布 */
.left-news{flex:4;}

/* 右侧：个人介绍 */
.right-intro{
  max-width:300px;
  background:#FAF9F5;
  border:1px solid #EAEAEA;
  border-radius:6px;
  padding:20px;
  position:sticky;
  top:20px;
  overflow:hidden;
}
/* 图片自动填满右侧框，不溢出 */
.intro-content img {
  width:100%;
  height:auto;
  display:block;
  border-radius:4px;
}
/* 右侧介绍样式 */
.intro-title{
  font-size:1.125rem;
  color:#5A6F75;
  margin: 20px 0 10px; /* 标题之间的间距：上20px，下10px */
  padding-bottom:8px;
  border-bottom:1px solid #CCD6D9;
}
.intro-title:first-of-type {
  margin-top: 0;
}

.intro-content{font-size:0.875rem;line-height:1.8;color:#555;margin-bottom: 15px}
.intro-content p{margin-bottom:12px}
.intro-content p:last-child{margin-bottom:0}

/* 列表样式 */
.new-list .container{display:flex;gap:30px;align-items:flex-start}
.new-list {padding:30px 0;background:#fff;margin-bottom:30px}
.list-title{width:100%;font-size:1.25rem;color:#5A6F75;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #CCD6D9}
.list-item{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px dashed #E5E5E5;gap:10px}
.list-item .title{font-size:0.9375rem;color:#333;line-height:1.5}
.list-item .date{font-size:0.8125rem;color:#999;white-space:nowrap}



.friend-link {
  background: #fff;
  border-radius: 6px;
  padding: 25px 0 0 0 ;
}
.friend-links {
  width: 100%;
}
.friend-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.friend-links li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.friend-links a {
  display: inline-block;
  padding: 8px 16px;
  background: #FAF9F5;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #5A6F75;
  transition: all 0.2s;
  white-space: nowrap;
}
.friend-links a:hover {
  background: #6B8088;
  color: #fff;
  border-color: #6B8085;
}

.friend-link .container{gap:30px;align-items:flex-start}


/* 标题样式：独占一行 */
.friend-link .list-title {
  width: 100%;
  font-size: 1.25rem;
  color: #5A6F75;
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #CCD6D9;
  display: block;
}
/* 容器样式 */
.friend-links {
  width: 100%;
}
/* ul 列表样式 */
.friend-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
/* li 项样式 */
.friend-links li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
/* 链接按钮样式 */
.friend-links a {
  display: inline-block;
  padding: 8px 16px;
  background: #FAF9F5;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #5A6F75;
  transition: all 0.2s;
  white-space: nowrap;
}
.friend-links a:hover {
  background: #6B8088;
  color: #fff;
  border-color: #6B8085;
}
/* 翻页 */
.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:40px 0}
.page-btn{padding:8px 16px;background:#6B8088;color:#fff;border:none;border-radius:4px;cursor:pointer}
.page-btn:hover{background:#5A6F75}
.page-btn:disabled{background:#eee;cursor:not-allowed}
.page-info{font-size:0.875rem;color:#666}

/* -------- 文章页专用样式 -------- */
.article-row{display:flex;gap:30px;margin:40px auto;max-width:1200px}
.article-wrapper{flex:1;background:#fff;padding:50px 55px;border-radius:6px;box-shadow:0 1px 8px rgba(0,0,0,0.04)}
.article-title{font-size:1.875rem;color:#333;text-align:center;margin-bottom:18px;line-height:1.4;font-weight:500}
.article-info{text-align:center;color:#999;font-size:0.875rem;padding-bottom:25px;border-bottom:1px solid #EEE}
.article-info span{margin:0 10px}
.rate {
    line-height: 40px;
    padding-bottom: 25px;
}
.article-content{font-size:1rem;color:#444;line-height:1.9}
.article-content p{text-align:justify;text-indent: 2em;margin-bottom: 22px !important;line-height: 30px;}
.article-content h2{font-size:1.375rem;color:#5A6F75;margin:35px 0 15px;font-weight:500}
.article-content h3{font-size:1.1875rem;color:#5A6F75;margin:28px 0 12px;font-weight:500}
.article-page{margin-top:50px;padding-top:30px;border-top:1px solid #EEE;display:flex;justify-content:space-between;color:#5A6F75;font-size:0.9375rem}
.article-page a:hover{text-decoration:underline}


.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.qrcode{
    float: left;
    margin: 5px 10px 0 0;
}
   


/* ==========================
   页面搜索
========================== */

.search-container {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
}
#search-input {
  width: 100%;
padding: 10px 0px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  outline: none;
}
#search-input:focus {
  border-color: #666;
}
#search-result {
//  margin-top: 1rem;
}
.search-item {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.search-item a {
  font-size: 16px;
  color: #2d6fe2;
  text-decoration: none;
}
.search-item a:hover {
  text-decoration: underline;
}
.search-item .desc {
  font-size: 14px;
  color: #666;
  margin-top: 4px;
}
.no-result {
  color: #999;
  padding: 1rem 0;
}





/* 分类外层容器：卡片外观 + 全局hover变色 */
.category-area {
    padding: 30px 20px;
    background: #FAF9F5;
    border: 1px solid #EAEAEA;
    border-radius: 6px;
    transition: 0.3s ease;
    /* 内部元素纵向排布 */
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
    width: 100%;
    min-width: 0;
}
/* 标题链接 */

.cate-row {
  display: flex;
  justify-content: space-between; /* h3左、p右 */
  align-items: flex-end; /* 核心：两者文字底部平齐 */
  border-bottom: 1px solid #CCD6D9;
color: #5A6F75;
}



/* 分类内文章条目样式 */
.post-item {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 0.875rem;
    color: #5A6F75;
    border-bottom: 1px dashed #ddd;
    transition: 0.2s all;
    min-width: 0;
    /* 新增：强制单行、文字截断 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 0;
}
.post-item:hover  {
    color: #333;
}
/* 最后一条取消下边框 */
.post-item:last-child {
    border-bottom: none;
}
/* 文章链接自身hover效果，不会被外层卡片hover覆盖失效 */
.post-item:hover {
    background-color: rgba(107, 128, 136, 0.1);
    padding-left: 4px;
}
/* 卡片高亮状态下，条目hover底色适配白色半透明 */
.category-area:hover .post-item:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

/* 暂无文章提示 */
.empty-tip {
    padding: 10px;
    font-size: 0.85rem;
    color: #999;
    text-align: center;
}
.category-area:hover .empty-tip {
    color: #f0f0f0;
}





/* -------- 右侧边栏 -------- */
.post-sidebar{width:320px;display:flex;flex-direction:column;gap:25px}
.sidebar-box{background:#fff;border-radius:6px;padding:25px;box-shadow:0 1px 8px rgba(0,0,0,0.04)}

.sidebar-box img {
    border-radius: 8px;
    width: 100%;
}
.sidebar-box h3 {
    font-size: 1rem;
    margin: 0 0 10px 0;
    color: var(--text);
    border-bottom: 1px solid var(--border);
    padding-bottom: 8px;
}
.sidebar-box p {
    margin: 5px 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.sidebar-title{
	font-size:1.125rem;
	color:#5A6F75;
	padding-bottom:12px;
	margin-bottom:15px;
	border-bottom:1px solid #EEE;
	font-weight:900}
.author-info{text-align:center}
.author-avatar{width:80px;height:80px;border-radius:50%;background:#6B8088;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.75rem}
.author-name{font-size:1rem;color:#333;margin-bottom:5px}
.author-desc{font-size:0.8125rem;color:#888}
.sidebar-cat li{padding:10px 0;border-bottom:1px dashed #eee;font-size:0.9375rem}
.sidebar-cat li:hover{color:#5A6F75}
.hot-article{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed #eee}
.hot-article .num{width:20px;height:20px;background:#6B8088;color:#fff;font-size:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hot-article .tit{font-size:0.875rem;line-height:1.5}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{padding:5px 10px;background:#f5f5f5;border-radius:3px;font-size:0.8125rem}
.tags a:hover{background:#6B8088;color:#fff}

/* 底部 */
.footer{background: #6B8088;color:#F1F0EC;padding:35px 0;text-align:center;font-size:0.8125rem;margin-top:30px}

/* -------- 响应式 -------- */
@media(max-width:768px){
  .category-grid{grid-template-columns:repeat(2,1fr)}

  .article-row{flex-direction:column}
  .post-sidebar{width:100%}
  .article-wrapper{padding:40px 30px}

.new-list .container{
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.right-intro {
    max-width: 100%;
    background: #FAF9F5;
    border: 1px solid #EAEAEA;
    border-radius: 6px;
    padding: 20px;
    position: sticky;
    top: 20px;
    overflow: hidden;
}

.swiper,
.swiper-slide,
.swiper-slide img {
  max-width: 100%;
  overflow: hidden;
}

}


@media (min-width: 769px) and (max-width: 1200px) {
  .category-grid {
    width:100%; /* 双列变单列 */
  }
  .category-grid {
  	display: block;
}
}

@media(max-width:368px){
  .banner-text{font-size:1.5rem}
  .main-nav ul{height:auto;line-height:44px}
  .main-nav li{padding:0 20px}
  .article-title{font-size:1.5rem}
}
@media(max-width:576px){
  .category-grid{grid-template-columns:1fr}
  .article-wrapper{padding:30px 20px}
  .header-top .container{flex-direction:column;align-items:center;height:auto;padding:5px 0}
  .top-nav a{margin:0 10px}
}