@import url('public.css');
/*阿里云书法字典项目*/
body{background-color:#f7f7f7;}
.container{max-width:1320px;}
.notice{background:#4b4b4b;font-size:0.8rem; color:#fff3df; padding:10px 0 10px 0}
    .links{ padding-top:20px; padding-bottom:20px;}
    .links a{color:#f60; display:inline-block; margin-right:10px;}
    
    

  .lastSearch a{ display:inline-block; margin-right:10px; padding:2px 5px 2px 5px;}
  .minMenu{text-align:center; max-width:800px; margin:0 auto; margin-bottom:10vh;}

header{background-color:#fff;position: sticky;top:0;z-index:200; height:80px;}
header .logo{ height:70px;overflow:hidden;}
header .logo img{ max-width:200px;}


.searchForm{margin:0; display:block; position:relative}
.searchForm input[type="text"]{width:100%; padding:5px; border-radius:25px; margin-top:15px; text-indent:1rem;border:#eee solid 1px;background-color:#ececec}
.searchForm input[type="text"]:focus{outline: 0;border:#ccc solid 1px;}
.searchForm input[type="submit"]{padding:5px;width:70px; position:absolute;right:0;background: linear-gradient(198deg, #33adff, #1a7af8);bottom:1px;border-radius:0 25px 25px 0; border:none;color:#fff;}

.wb{margin-top:20px;}
.mainMenu{/*background: linear-gradient(188deg, #e98b17, #9f1535);*/margin-top:10px;line-height:50px; }
.mainMenu li{display:inline-block; list-style:none; position:relative}
.mainMenu a{display:inline-block;width:100px;color:#666;font-size:1rem;transition:ease-in-out .3s all; position:relative; text-decoration:none; text-align:center}
.mainMenu a:before{content:""; height:3px;width:0;left:0;right:0; margin:auto; bottom:8px; position:absolute; background-color: #0085e7;transition:ease-in-out .3s all}
.mainMenu a:hover{color:#0085e7;transition:ease-in-out .3s all}
.mainMenu a:hover:before{width:80%;transition:ease-in-out .3s all}
.mainMenu li ul{ position:absolute; top:70px;transition:ease-in-out .3s all; display:none;background-color: #fff; height:300px;  text-align:center; padding:20px; border-radius:10px; border:#BFBFBF solid 1px; box-shadow:#BCBCBC 0 5px 5px}
.mainMenu li:hover ul{top:50px;transition:ease-in-out .3s all; display:block;}
    .navBtn{ display:none;}
.mainMenu>div{ float:right;}
.mainMenu .on{color:#0085e7;transition:ease-in-out .3s all;}
 /*=======================*/ 
 
 
.minMenu{text-align:center; margin:-5px; max-width:800px; margin:0 auto; margin-bottom:10vh;}
    .minMenu a{ display:block;text-align:center; text-decoration:none; font-size:16px; margin-bottom:20px;}
    .minMenu a span{margin:10px;display:inline-block;text-align:center;font-size:35px; color:#FFFFFF;border-radius:45px; height:55px; width:55px;}
    .minMenu a span{background: linear-gradient(45deg, #648bff, #FBAA58 100%);}
    .minMenu a:nth-child(1) span{background: linear-gradient(45deg,#ed0000,#feffcf);}
    .minMenu a:nth-child(2) span{background: linear-gradient(45deg,#142ff3,#3abfff);}
    .minMenu a:nth-child(3) span{background: linear-gradient(45deg,#04751c,#b6d700);}
    .minMenu a:nth-child(4) span{background: linear-gradient(45deg,#003df1,#7840ff);}
    .minMenu a i{display:block;text-align:center;font-style: normal; }
    .mainMenu span{height:40px;width:40px; display:none; float:right;}
    .breadcrumb {background-color: #f1f1f1;}  

	.masterMenu{ margin-left:5px;}
    .masterMenu span{ display:inline-block; padding:5px 15px 5px 15px; border:#d3d3d3 solid 1px; border-radius:5px 5px 0 0; border-bottom:none;background: linear-gradient(5deg, #e7e7e7, #ffffff);margin-right:10px;}
	.masterMenu span.active{color:#A70609;}
    .masterList{ line-height:45px; background-color: #fff; border-radius: 5px 5px 0 0;}
    .masterList p:nth-child(even){ background-color:#fff6ec;}
    .masterList span{ margin-right:10px; width:45px; height:45px; text-align:center; display:inline-block; background-color: #960; color:#FFF}
    .masterList a{margin-right:10px;line-height:25px;padding: 2px 8px; display:inline-block; border:#bebdbd solid 1px; margin-bottom: 5px; border-radius:5px; text-decoration: none;}
    .masterList a:hover{ color:#F00;background-color:#cdcdcd;}
	.masterShufa>div{ margin-bottom:10px;}
	
	.about{ line-height:35px;font-size:16px;}
	
	.indexNav span{font-size:24px;}
	.indexNav a{display:block; line-height:40px;color:#888; font-size:18px; border-radius:25px; text-align:center; margin-bottom:15px; text-decoration:none;}
	.indexNav a:hover{background-color:#ececec;color:#000}
	.indexNav a.active{background-color:#fff; color:#1a7af8}
	
	.indexNav {
    position: sticky;
    top: 100px; /* 根据页面头部高度调整 */
    max-height: calc(100vh - 120px); /* 限制最大高度 */
    overflow-y: auto; /* 如果导航内容较多，可滚动 */
}

.index_info a{ line-height:35px; display:block; font-size:16px;}

.categoryDiv li{list-style:none;}
.categoryDiv a{ display:block; margin:0 10px;line-height:30px; text-indent:1rem;transition: all .3s ease-in-out;}
.categoryDiv a:hover{background-color:#2f4d93;color:#fff;transition: all .3s ease-in-out;}

	
	.indexArticle{overflow:hidden;transform:scale(1); transition:ease-in-out all .3s}
	.indexArticle:hover{ transform:scale(1.1); transition:ease-in-out all .3s}
	.indexArticle a{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.indexArticle h4{ font-size:16px;}
	.indexArticle img{ height:220px;}
	.tips{ color:#ccc; font-size:12px;}
	
	.partner a{display:block; margin-bottom:15px; position:relative}
	.partner img{ width:100%;height:60px; transform:scale(1); transition:all ease-in-out .3s; border:#efefef solid 1px;}
	.partner img:hover{transform:scale(1.02); transition:all ease-in-out .3s;}
	
	.aside{position: sticky;top:80px;}
	/*.aside .box1{background-color:#f0faff;background-image: linear-gradient(52deg, #99c4e1, #ebebeb);}
	.aside .box2{background-color:#b8e9ff;background-image: linear-gradient(25deg, #ffe0a8, #f3be7d);}*/
	.aside h4{ border-bottom:#eee solid 1px;line-height:45px; font-size:18px;}
	.aside a{display:block;line-height:35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#855801}
	.aside a:hover{color:#f00;}
	
	.articleShow img{ max-width:100% !important; height:auto !important;}
	
	/*文章模型CSS*/
	.infolist  h4 a{display:block;font-size:1.2rem;color:#222; text-decoration:none;transition:ease-in-out .3s all;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.infolist  h4 a:hover{color:#006; transition:ease-in-out .3s all;}
	.infolist .tips{ line-height:2;color:#999}
	.infolist p{color:#666}
	.infolist>div{overflow:hidden;border-bottom:#efefef solid 1px;}
	.infolist .thumbpic{ display:block;width:100%; aspect-ratio: 16 / 9; overflow:hidden;}

	
	/*图片模型CSS*/
	.imgList h4{font-size:16px;display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.imgList a{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.imgList img{width:100%}
	.imgList .thumbpic{ display:block;width:100%; aspect-ratio: 16 / 9; overflow:hidden;}
	.imgList>div{ margin-bottom:25px;}
	.imgList>div>div{overflow:hidden;}
	.imgList>div>div:hover{}
	.imgList>div p{font-size:.9vw;}
	.show_notice{
            background: linear-gradient(45deg, #ff436a26 #ffa0471a);
            border-radius: 18px;
            padding: 0 12px;
            height: 32px;
            line-height: 32px;}
            
	footer{min-height:280px; background-color: #333; color:#efefef}
   .down{
            background-color:#198754; padding:10px 45px 10px 45px; margin-right:30px;/*box-shadow:inset 0 3px 5px #00000020;*/ 
            border-radius:25px;color:#fff;display:inline-block;
            background: linear-gradient(9deg, #0052a7 0, #95d714 80%, #fffb4a 100%);
            box-shadow: 0px 5px 10px #00000047;
            transition: all ease-in-out .5s;
            background-size: 150%;
        }
    .down:hover{box-shadow: 2px 12px 20px #999;transition:all ease-in-out .5s;animation: bgAnimation 2s linear infinite;}
  .contactBt{
	  padding:40px 0 40px 0;
	  background-color: transparent;
      background-image: linear-gradient(90deg, #3D74FF 0%, #FF4F81 100%);
      opacity: 0.8;
      transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	  }
	.contactBt p:nth-child(1){ font-size:2.5vw; padding-top:3vw; font-weight:bold;}
	
	
.pagination {
    --bs-pagination-color: #314767;
    --bs-pagination-hover-color: #232933;
    --bs-pagination-active-bg: #585e67;
    --bs-pagination-active-border-color: #264065;
}

.floatDiv{position:fixed;bottom:100px; right:50px;width:50px;height:120px; text-align:center; color:#fff; }
.floatDiv span{ display:block;margin:0 auto; font-size:25px;height:50px; line-height:45px; border-radius:40px;background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%);margin-bottom:15px; transform:scale(1);transition:ease-in-out .3s all;cursor:pointer;}
.floatDiv span:hover{transform:scale(1.05);transition:ease-in-out .3s all;}
	
@keyframes bgAnimation {
    0%{background-position: 0% 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0% 50%;}
}


@media all and (max-width: 992px){
/*.mainMenu>div{ display:none;}*/
.minMenu a{ display:block; text-decoration:none; font-size:3.5vw; margin-bottom:20px;}
.minMenu span{margin:10px;  font-size:9vw; display:block; color:#FFFFFF;border-radius:8vw; height:13vw; width:13vw;}
.imgList>div p{font-size:1.5vw;}
}

@media all and (max-width: 576px){
/*.mainMenu>div{ display:none;}*/
    .imgList>div p{font-size:3vw;}
    .mainMenu>div{display:none;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;bottom:0;width:160px;z-index:2025;margin:auto;padding-top:50px;}
    .mainMenu a{ display:block;color:#fff}
    .mainMenu span{display:block; float:right;}
}

 /*=======================*/   

@media all and (min-width: 1400px){
/*.mainMenu>div{ display:none;}*/
.imgList>div p{font-size:0.5vw;}
}


.adminAside{}
.topNav{background-color:#efefef;line-height:35px;}
 .search-container form {
        background-color: #bdaf95; /* 整体背景：淡棕色 */
        padding: 15px;
        border-radius: 8px;
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
        max-width: 920px; /* 限制宽度 */
        margin: 0 auto; /* 居中 */
    }
    .search-container .input-group {
        display: flex;
        border-radius: 6px;
        overflow: hidden; /* 让子元素的圆角统一 */
    }
    .search-container input[type="text"],
    .search-container select,
    .search-container button {
        border: none;
        outline: none;
        padding: 10px;
    }
    .search-container input[type="text"] {
        flex: 3;
        /*background-color: #fdf8e1;  浅米黄色 */
    }
    .search-container select {
        flex: 1.2;
        background-color: #f2e0c9; /* 浅棕色 */
    }
    .search-container button {
        flex: 1;
        background-color: #8b5e3b; /* 深棕色 */
        color: #fff;
        transition: background 0.3s;
    }
    .search-container button:hover {
        background-color: #6d4428; /* 按钮悬停效果 */
    }
    

.card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* 保证卡片高度一致 */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* smooth transition */
}

.card:hover {
    transform: scale(1.05); /* scale image slightly */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* add shadow */
}

.card-img-top {
    height: 200px; /* 统一图片高度 */
    object-fit: cover; /* 保持图片比例并填充 */
    width: 100%;
}




.card-body {
    flex-grow: 1; /* 让文本区域自动填充 */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 底部区域样式 */
        .footer {
            padding-top: 50px;
            padding-bottom: 30px;
            background-color: #000000;
            text-align: center;
            font-family: "KaiTi", serif;
            color: #4e3c31;
            position: relative;
            box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
        }

        /* 墨迹效果 */
        .footer::before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            height: 10px;
            background: linear-gradient(to right, #d6ad70, #f5f1e3);
            opacity: 0.3;
            transform: translateX(-50%);
        }

        /* 链接的样式 */
        .footer a {
            color: #4e3c31;
            text-decoration: none;
            font-family: "SimHei", sans-serif;
            font-weight: bold;
            margin: 0 15px;
            padding: 5px 10px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }

        .footer a:hover {
            background-color: #d6ad70;
            color: #fff;
            transform: translateY(-2px);
        }

        .footer p {margin: 5px 0;}

        .footer .social-icons {margin-top: 20px;}
        .footer .social-icons a {font-size: 20px;margin: 0 10px;}
        .footer .social-icons a:hover {color: #d6ad70;}
        .desk_page{display:inline-block;width:500px !important;}