html, body{
    overflow-y:auto;
    height: 100%;
/*    font-size: 16px; */
    margin: 0;
}
.content_text {

  margin: 0.5rem 1rem;
  padding: 0 0rem;
  font-weight: bold;
  text-align: justify;
  line-height: 1.5;
}
.logo{
    display:flex;
    position:fixed; 
    top:0;
    width: 100%;
    z-index: 100;
    align-items: flex-end;
    background-color:white;
} 

.logo img{
    max-width: 28%;
    padding: 0.5rem 0.5rem;
    object-fit: contain;    
}
.div1{
    flex:1;
    max-width: 65%;
    object-fit: contain; 
    color:darkred;
    
    font-size: clamp(0.3rem,4vw,1.2rem);
    font-family: "楷体", "STKaiti", "SimKai", serif; ;
    font-weight: bold;
    text-align: center;
    align-self: center;
    padding-top: 1rem;
    white-space: nowrap; /* 不换行*/
    overflow: hidden;    /* 防止内容溢出 */
    text-overflow: ellipsis; /* 超出时显示省略号（可选） */
    /* background-color: aqua; */
}
.div2{ /* 日期 */
   
    margin-right: 1rem;
    margin-bottom: 0.2rem;
    padding-top: 0.1rem;
    min-width: auto;

    margin-left: auto;
    font-size: clamp(0.3rem,2vw,1rem);
    overflow: hidden;    /* 防止内容溢出 */
    text-overflow: ellipsis; /* 超出时显示省略号（可选） */

    background-color: white; 
}
.div3{
    margin-right: 2rem;
    padding-top: 1.5rem;
    min-width: auto;
}
#searchbox{
    margin-top: 0rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0rem;
    min-width: auto;
    height:1.2rem;
    font-size: 1rem;
    /* background-color: aqua; */
}
.container{
 
    display: flex;
    flex-direction: column;
    width:100%;
    min-height: 100vh; /* 内容多的时候，可以自动变长*/
    background-color: white;
    margin-top: 0rem;
    
}
.fixholder{
    float: left;
    position: sticky;
    top:0;
    width: 100%;
    min-height: 3rem;
    background-color:white;
    z-index: 95;
}

.menu{
    display: flex;
    align-items:center;
    width:100%;   
    min-height: 1rem;
	margin-top: 0rem;
    margin-right: 0rem;
	padding:0 0rem;
    background-color:white;
		
	}
.menu_m{
    display: flex;
    max-width:100%;
    margin: 0.3rem;
	padding:0 0rem;
	background-color: #e4e3e0; /* #eecd81; */
    
    overflow-y: auto;
    flex-wrap: wrap;
    justify-content: center;		
	}

.menuitem{
		flex: 1 1 calc(25% - 0.5rem);	
        max-width: 25%;
        color:#2A2118;
	    margin: 0.2rem 0.5rem ;
	    padding: 0rem 0rem;

        font-size: clamp(0.3rem,3vw,1rem);
        border: 1px solid gray;
        background-color:#F5d776 ;
	}


.menu2_area{
    display:flex;
    flex-direction: row;
    flex:1; 
    width:98%;
    min-height: 80vh;
    
}
.menulist{
    
    flex-basis:25% ; /* 防止内容撑开，固定宽度，优先级> width, 0 0 15%*/
    min-height: 80vh;
    margin-top: 0;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: rgb(241, 238, 238);
    font-size: clamp(0.3rem,2.5vw,1rem);
    /*overflow: hidden;  防止内容撑开*/
    /* border: 1px solid rgb(211, 206, 206);*/
}
    .ul_list{
        margin-left:0;
        padding-left: 0.5rem;
        list-style-position: inside;
        list-style-type:disc;
    }

.right_content{
    display: flex;
    flex-direction: column; /* 垂直排列子元素 */
    flex: 0 0 73%;      /*          占据剩余宽度 */
    min-height: 80vh;
    min-width: 0;

}
.menu03{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;  /* 垂直方向顶部对齐 */
    align-content: flex-start; /* 多行时顶部对齐 */
    width:99%;
    min-height: 1rem;
    padding: 0rem 0 0 0;
    background-color: rgb(241, 238, 238);
}
.menu03 button{
    
    flex: 1 1 calc(30% - 0.2rem);	
    max-width: 30%;
    background-color: rgb(241, 238, 238);
    margin:0 0.2rem ;
    border: none;
    outline:none;
    font-size: clamp(0.3rem,2.5vw,1rem);

}

.mainbox{
    flex:1; /* 占据剩余高度 */
    width: 99% ;
    min-width: 0;
    max-width: 99% ;
    min-height: 80vh;
    margin:0;
    padding: 0.2rem 0; 

    font-size: clamp(0.3rem,2.5vw,1rem);
    overflow-y: hidden;
    
    word-wrap: break-word; /* 长单词换行 
    border: 1px solid rgb(188, 186, 186);
    background-color: bisque; */

}
.mainbox p {
  text-indent: 2em;
  text-align: justify; /* 或 justify */
}
.footer{
    align-self: flex-end;
	width:100%;
	font-size: clamp(0.3rem,2vw,0.8rem);
	background-color: white;
    color: grey;
    text-align: center;
    padding: 0;
	margin:0;
    margin-top: auto;
    border-top: 0.6px solid grey;
	
}
.loading{
    font-size: 1rem;
    color: black;
}
.img_in_file{
    max-height: 8rem;
    padding: 0.5rem 0.5rem;
    object-fit: contain; 

}
.img_heart{
    max-width: 95%;
    padding: 0.5rem 0.5rem;
    object-fit: contain; 
}
textarea {
  font-size:  clamp(0.3rem, 2.5vw, 1rem);
}
.jd_chapter{

 padding: 0.2rem 0.5rem; /* 内边距，让点击区域更舒适 */
 white-space: nowrap; 
 text-decoration: none; /* 可选：去除下划线 
 background-color: aqua;*/
 border-radius: 4px; /* 可选：圆角美化 */
}