@import url('public.css');
/*阿里云书法字典项目*/
html,body{height:100%;}
body {background-color: #FCF9F2;color: #333;}
.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;}
    
    
  .searchForm{ padding-top:10vh;}
  .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;}
 
.wb{margin-top:20px;}
.mainMenu{background: linear-gradient(188deg, #e98b17, #9f1535);margin-top:10px;line-height:50px;}
.mainMenu a{display:inline-block;font-weight:bold;width:90px;color:#eee;font-size:1rem;transition:ease-in-out .5s 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: #fff;transition:ease-in-out .3s all}
.mainMenu a:hover{color:#fff;transition:ease-in-out .5s 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; }

    .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: rgb(238, 215, 168);}
	.masterShufa>div{ margin-bottom:10px;}
	
	
	
.pagination {
    --bs-pagination-color: #795548;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: #666;
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: #ffc107;
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(181, 146, 53, 0.35);
    --bs-pagination-active-color: #751440;
    --bs-pagination-active-bg: #cfc091;
    --bs-pagination-active-border-color: #b5925f;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex
;
    padding-left: 0;
    list-style: none;
}
	
@media all and (max-width: 980px){
.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;}
}
 /*=======================*/   



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