@import url('public.css');
/*阿里云书法字典项目*/
body{background-color:#f7f7f7;}
.container{width:100%;max-width:1920px;}
.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;}



.text_logo{animation: bgAnimation 3s linear infinite;font-size: 1.6vw;font-weight: bold;background: linear-gradient(115deg, #00aaff, #ff118d, #54edfc, #1e97ff);-webkit-background-clip: text;color: transparent;background-size:200%}

header{background-color:#0f1737;position: sticky;top:0;z-index:200;background-size: 300%;}
header .logo{ height:52px;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 a{display:inline-block;width:90px;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}
    .navBtn{ display:none;}
 /*=======================*/ 
 
 
.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;}
	.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; /* 如果导航内容较多，可滚动 */
}


	
	.indexArticle{overflow:hidden;}
	.indexArticle a{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.indexArticle h4{ font-size:22px;}
	.indexArticle img{ height:220px;}
	.tips{ color:#ccc; font-size:12px;}
	
	.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;}
	
	.infoList h4{font-size:18px;}
	.infoList a{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.infoList img{ height:220px;}
	.infoList>div{ margin-bottom:25px;}
	.infoList>div>div{overflow:hidden;}
	.infoList>div>div:hover{}
	.infoList>div p{font-size:.8vw;}
	.show_notice{
            background: linear-gradient(45deg, #ff436a26 #ffa0471a);
            border-radius: 18px;
            padding: 0 12px;
            height: 32px;
            line-height: 32px;}
            
	footer{min-height:280px;}
	.articleShow img{max-width:100% !important;height:auto;border:#e7e7e79c solid 8px;border-radius:10px;transition:all ease-in-out .3s;}
	.articleShow img:hover{border:#f3be7db3 solid 8px;transition:all ease-in-out .3s;}
	
   .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;
            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 1s linear infinite;}
    
    
    
    
.down.uc     { background: linear-gradient(9deg, #0052a7 0, #95d714 80%, #fffb4a 100%);}
.down.baidu  { background: linear-gradient(9deg, #e10a36 0, #ffa02b 80%, #ff967e 100%);}
.down.xunlei { background: linear-gradient(9deg, #0043ff 0, #06bbf1 80%, #42dbff 100%);}
.down.quark  { background: linear-gradient(9deg, #198754 0, #95d714 80%, #fffb4a 100%);}
.down.aliyun { background: linear-gradient(9deg, #0057b1 0, #06bbf1 80%, #42dbff 100%);}
.down.other  { background: linear-gradient(9deg, #0052a7 0, #95d714 80%, #fffb4a 100%);}



@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;}*/
.text_logo{font-size: 2.5vw;}
.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;}
.infoList>div p{font-size:1.5vw;}
}

@media all and (max-width: 576px){
/*.mainMenu>div{ display:none;}*/
   .text_logo{font-size: 7vw;}
    .infoList>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;}*/
.text_logo{font-size: 1.5vw;}
.infoList>div p{font-size:14px;}
}


.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;}