@import url('public.css');



/*阿里云书法字典项目*/
body{background-color:#f3f3f3;transition: background-color 0.3s, color 0.3s;}
.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;}

header{background-color:rgba(255,255,255,.8);position: sticky;top:0;z-index:200}
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; /* 如果导航内容较多，可滚动 */
}


	
	.articleBox{overflow:hidden;background-color:#fff;}
	.articleBox a{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.articleBox h4{ font-size:18px;}
	.articleBox 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{background-color:#fff;}
	.articleShow img{max-width:100% !important;height:auto;}
   .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;}
  
  .loginDiv{ background-color: #fff;}  
    
    
    
.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%);}

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

@media all and (max-width: 576px){
/*.mainMenu>div{ display:none;}*/
    .articleBox img{height:160px;}
    .articleBox h4{font-size:0.8rem}
    .p-3>p:nth-child(3){ display:none;}
    .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;}*/
.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;}
        
        
 /*增加夜间模式===============================*/        
.dark-mode body{background-color: #272e3d;color: #e0e0e0;}
.dark-mode a{color:#00aaff}
.dark-mode .down{color:#fff}
.dark-mode .notice { background: #222; color: #ffcc99; }
.dark-mode .links a { color: #ffa726; }

.dark-mode header { background-color: rgba(30, 30, 30, 0.95); background: linear-gradient(133deg, #000000, #07064b, #4f002c);}
.dark-mode .searchForm input[type="text"] {background-color: #2a2a2a;   color: #eee;   border-color: #555;}
.dark-mode .searchForm input[type="submit"] {background: linear-gradient(198deg, #0066cc, #004499);}

.dark-mode .mainMenu a { color: #ccc; }
.dark-mode .mainMenu a:hover { color: #00bfff; }
.dark-mode .mainMenu a:before { background-color: #00bfff; }

.dark-mode .breadcrumb { background-color: #1e1e1e; }

.dark-mode .masterMenu span { background: linear-gradient(5deg, #333, #555); color: #fff; }
.dark-mode .masterMenu span.active { color: #ff9800; }

.dark-mode .masterList { background-color: #1a1a1a; }
.dark-mode .masterList p:nth-child(even) { background-color: #222; }
.dark-mode .masterList span { background-color: #333; color: #ffd700; }
.dark-mode .masterList a {background-color: #333;color: #ccc;   border-color: #666;}
.dark-mode .masterList a:hover {background-color: #555;color: #ff5722;}

.dark-mode .indexNav a {background-color: #1a1a1a;color: #ccc;}
.dark-mode .indexNav a.active {background-color: #00c2ff;color: #dbfbff;}

.dark-mode .articleShow{background-color:#171721!important;}
.dark-mode .articleBox{ background-color:#171721;transition:all ease-in-out .3s}
.dark-mode .articleBox:hover{box-shadow:0 0 1rem rgba(10,196,255, .75); transition:all ease-in-out .3s}
.dark-mode .aside .box1,
.dark-mode .aside .box2 {background-image: none;background-color: #222;}
.dark-mode .aside a { color: #bbb; }
.dark-mode .aside a:hover { color: #ff7043; }


.dark-mode .search-container form {background-color: #2d2d2d;color: #eee;}
.dark-mode .search-container select {background-color: #3a3a3a;color: #eee;}
.dark-mode .search-container button {background-color: #6d4428;}
.dark-mode .search-container button:hover {background-color: #5c361f;}
/*===============*/
.dark-mode .loginDiv{background-color: #041339;}
.dark-mode .loginDiv:hover{box-shadow: rgb(0 182 255 / 80%) 0 0 35px;}

.dark-mode .footer {background-color: #121212;color: #bbb;}
.dark-mode .footer a { color: #bbb;}
.dark-mode .footer a:hover {background-color: #444;color: #fff;}