/* 顶部栏框架 */
#header {
    width: auto;
    height: 3.125rem;
    background-color: aqua;
    border: 0.3125rem solid pink;
    z-index: 9178;
}

/* 顶部栏内容框架 */
#headcontentdiv {
    margin: 0px 0px 0px 0px;
    width: max-content;
    height: max-content;
    position: absolute;
    display: flex;
    justify-self: center;
}

/* 顶部栏内容 */
.headcontent {
    margin: 0px 0px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 侧边栏总大框架 */
#nonfancysidebar {
    display: none;
    width: 6rem;
    height: 9rem;
    position: absolute;
    background-color: aquamarine;
    border: 0.3125rem solid pink;
    text-align: center;
}

/* 侧边栏打开按钮框架 */
#opensidebardiv {
    width: 15%;
    max-width: 6rem;
    position: absolute;
    height: 3.125rem;
    background-color: lime;
    z-index: 1;
    float: left;
}

/* 侧边栏打卡按钮的框架鼠标悬停效果 */
.opensidebar :hover {
    background-color: blueviolet;
}

/* 侧边栏打开按钮 */
.opensidebar {
    width: 100%;
    height: 100%;
    color: black;
    display: block;
    text-align: center;
}
/* 侧边栏小按钮的框架 */
.sidebaritems {
    width: 100%;
    height: 33%;
    z-index: 1;
    display: block;
    user-select: none;
}
/* 侧边栏小按钮的框架鼠标悬停效果 */
.sidebaritems :hover {
    background-color: blueviolet;
}
/* 侧边栏小按钮 */
.sidebarlinks {
    width: 100%;
    height: 100%;
    color: black;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 侧边栏关闭按钮框架 */
#closesidebardiv {
    display: none;
    width: 6rem;
    position: absolute;
    height: 3.125rem;
    background-color: lime;
    z-index: 1;
    float: left;
}

/* 关闭侧边栏按钮的鼠标悬停效果 */
.closesidebar :hover {
    background-color: blueviolet;
}

/* 禁止用户复制 */
.no-select {
    user-select: none;
}

/* 主体框架 */
#mainncontent-div {
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 85vh;
    background-image: url(/images/Happy2026.jpeg);
    display: grid;
    grid-template-columns: minmax(0px, 15rem) minmax(22rem, 100vw) minmax(0px,15rem);
    grid-template-rows: repeat(10,1fr);
}

/* 欢迎框架 */
#welcome {
    grid-column: 2;
    grid-row: 1 / 6;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 欢迎内容 */
.welcomecontent {
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
/* 推荐阅读框架 */
#suggestionreading-div {
    grid-column: 2;
    grid-row: 7;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 推荐阅读 */
.suggestionreading {
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
/* icp备案号框架 */
#icp {
    text-align: center;
    background-color: gray;
    height: 5%;
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: 9178;
}
/* icp链接按钮 */
.icplink {
    text-align: center;
    display: block;
    width: 100%;
    height: 25%;
    z-index: 2;
}
/* 版权声明位置设置 */
.copyright {
    float: right;
    z-index: 114514;   /* 彩蛋：懂得都懂，不懂的也别问 */
}