:root {
    box-sizing: border-box;
}

*,
::before,
::after {
    box-sizing: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 解决浏览器报错 */
#checkbox {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

/* html {
    overflow: hidden;
} */

body {
    font-family: Helvetica, Arial, sans-serif;
    line-height: normal;
    min-height: 95vh;
}

/* body *+* {
    margin-top: 1.5em;
} */

.body-container {
    /* 主容器 */
    max-width: 1080px;
    margin: 0 auto;
}

/* 顶栏 */
header.home-header {
    padding: .1em .5em;
    border-radius: .5em;
    margin-bottom: 1em;
    transition: box-shadow 0.3s;
}

.logo {
    /* logo的容器 */
    margin: auto 0;
    border-radius: 1em;
    cursor: pointer;
}

img.logo {
    width: 90%;
    height: 90%;
    margin: auto;
    display: block;
}

h1 {
    /* display: flex; */
    margin: auto .4em;
    text-align: center;
    line-height: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

div.logo {
    width: 4rem;
    height: 4rem;
}

/* svg {
    width: inherit;
    height: inherit;
} */

/* 小媒体右边菜单按钮 */
#checkbox {
    display: none;
}

.toggle {
    position: relative;
    width: 2.5rem;
    height: 4em;
    cursor: pointer;
    /* 默认不显示，只在小媒体上显示 */
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition-duration: .3s;

    /* 向右对齐 */
    margin-left: auto;
    margin-right: .2em;
}

.bars {
    width: 100%;
    height: 4px;
    border-radius: 5px;
    transition-duration: .3s;
}

/* #checkbox:checked + .toggle .bars {
    margin-left: 13px;
  } */

#checkbox:checked+.toggle #bar2 {
    margin-left: 0;
    transform: translateY(14px) rotate(60deg);
    transform-origin: right;
    transition-duration: .3s;
    /* 设置层级 */
    z-index: 2;
}

#checkbox:checked+.toggle #bar1 {
    transform: translateY(28px) rotate(-60deg);
    transition-duration: .3s;
    transform-origin: left;
    /* 设置层级 */
    z-index: 1;
}

#checkbox:checked+.toggle {
    transform: rotate(-90deg);
}

/* #checkbox:checked + .toggle #bar3 {
    transform: rotate(90deg);
    transition-duration: .3s;
    transform-origin:right;
} */

/* 诗句区 */
#jinrishici-sentence {
    font-size: 1.3em;
    font-weight: 400;
    margin-left: auto;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    /* 限宽 */
    max-width: 50%;
}

/* 顶栏end */


.main {
    width: 70%;
    max-height: 80vh;
    padding: .5em .8em;
    border-radius: .5em;
    transition: all 200ms;
    box-shadow: -18px 16px 23px 0px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.3s;
    /* 背景 */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.main:hover {
    box-shadow: -14px 15px 7px 0px rgba(0, 0, 0, 0.25);
}

aside.sidebar {
    width: 30%;
    padding: 1.5em;
    margin-top: 0;
    margin-left: 1.5em;
    border-radius: .5em;
    box-shadow: -18px 16px 23px 0px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.3s;
    /* 背景 */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

aside.sidebar:hover {
    box-shadow: -14px 15px 7px 0px rgba(0, 0, 0, 0.25);
}

.container {
    display: flex;
}

header {
    display: flex;
}

/* 导航栏 */
#nowin {
    font-weight: 700;
}

nav {
    margin: 0;
    padding: 0;
}


.site-nav {
    display: flex;
    padding: .5em 1.2em;
    width: auto;
    list-style-type: none;
    border-radius: .2em;
    transition: box-shadow 0.3s;
}

.site-nav:hover {
    box-shadow: -14px 15px 7px 0px rgba(0, 0, 0, 0.25);
}


.site-nav>li>a {
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    border-radius: .3em;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.site-nav>*+* {
    margin-top: 0;
    margin-left: 1.5em;
}

.nav-right {
    margin-left: auto;
}

/* 
.tab-jump {
    display: inherit;
    width: auto;
    margin: 1em 20%;
    padding: .2em;
    border-radius: .3em;
} */

/*
.container_tab-jump {
    margin: 0;
    width: 20%;
} */

a {
    text-align: center;
    margin: 0 auto;
}


/* 彩线效果 */

.site-nav a {
    background: linear-gradient(to right, #FF9671, #F9F871) no-repeat right bottom;
    background-size: 0 100%;
    transition: background-size 500ms;
}

.site-nav a:hover {
    background-position-x: left;
    background-size: 100% 100%;
}

/* 导航栏end */

/* main {
    min-height: 60vh;
} */

.point {
    border-radius: 100%;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    transition: all;
    transition-duration: 500ms;
    cursor: pointer;
}

.point_in {
    cursor: initial;
}

.points {
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;

    margin: -1em auto .5em auto;
}

div.send {
    display: flex;
    bottom: 0;
}

img.big-photo {
    display: none;
    width: 100%;
    /* margin-top: 0;
    清除猫头鹰选择器 */
    border-radius: .3em;
    -webkit-user-drag: none;
}

/* 返回按钮 */
.btn-Back {
    border-radius: 1em;
}