/** 页面样式调整 */
@media(max-width: 767px) {

    body.card #index,
    body.card #archive {
        padding: 4rem 3rem 3.5rem;
    }

    body.card .container {
        max-width: 710px;
    }

    body.card #index article,
    body.card #archive article {
        padding: .9375rem 0 1.25rem;
    }

    body.card #index article .post-card-mask,
    body.card #archive article .post-card-mask {
        background-color: rgba(0, 0, 0, .3);
        height: 12.5rem;
    }

    body.card #index article .post-card-container,
    body.card #archive article .post-card-container {
        padding: 1rem 1rem;
    }

    .page-navigator {
        margin-top: 2rem;
    }

    body.card #index article .post-card-ads,
    body.card #archive article .post-card-ads {
        background-color: rgba(0, 0, 0, .1);
    }

    body.card #index article .post-card-title,
    body.card #archive article .post-card-title {
        font-size: 1.1625rem;
    }
}

@media (max-width: 390px) {
    .page-jump input {
        max-width: 3rem;
    }
}

@media(max-width: 336px) {

    body.card #index article .post-card-mask,
    body.card #archive article .post-card-mask {
        height: 10.5rem;
    }

    a.btn,
    .btn>a {
        padding: .4375rem 2.25rem;
    }

    .page-navigator {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1301px) {
    body.card .container {
        max-width: 720px;
    }
}

@media screen and (min-width: 1302px) and (max-width: 1599px) {
    body.card .container {
        max-width: 864px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1799px) {
    body.card .container {
        max-width: 896px;
    }
}

@media screen and (min-width: 1800px) and (max-width: 1999px) {
    body.card .container {
        max-width: 960px;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2399px) {
    body.card .container {
        max-width: 992px;
    }
}

@media screen and (min-width: 2400px) {
    body.card .container {
        max-width: 1024px;
    }
}

#qr-box {
    background-color: transparent;
}

.post-buttons,
#qr-box {
    display: none;
}

#body-bottom {
    margin-top: 0;
}

.inner {
    background-color: rgba(0, 0, 0, 0.25);
}

#masthead {
    min-height: 12.5rem;
}


/* Font - Open Sans */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: local('Open Sans Light'),
        local('OpenSans-Light'),
        url(../font/300.woff2) format('woff2'),
        url(../font/300.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
    src: local('Open Sans Light Italic'),
        local('OpenSansLight-Italic'),
        url(../font/300i.woff2) format('woff2'),
        url(../font/300i.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Open Sans'),
        local('OpenSans'),
        url(../font/400.woff2) format('woff2'),
        url(../font/400.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: local('Open Sans Italic'),
        local('OpenSans-Italic'),
        url(../font/400i.woff2) format('woff2'),
        url(../font/400i.woff) format('woff');
}

/* Lora */
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src:
        local('Lora Regular'),
        local('Lora-Regular'),
        url(../font/400.woff2.1) format('woff2'),
        url(../font/400.woff.1) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src:
        local('Lora Bold'),
        local('Lora-Bold'),
        url(../font/700.woff2) format('woff2'),
        url(../font/700.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: 'Mirages Custom', 'Merriweather', 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Segoe UI Emoji', 'Segoe UI Symbol', Helvetica, Arial, sans-serif;
}

.github-box,
.github-box .github-box-title h3 {
    font-family: 'Mirages Custom', 'Merriweather', 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Segoe UI Emoji', 'Segoe UI Symbol', Helvetica, Arial, sans-serif !important;
}

.aplayer {
    font-family: 'Mirages Custom', 'Myriad Pro', 'Myriad Set Pro', 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', Helvetica, arial, sans-serif !important;
}

/* Serif */
body.content-lang-en.content-serif .post-content {
    font-family: 'Lora', 'PT Serif', 'Source Serif Pro', Georgia, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', serif;
}

body.content-lang-en.content-serif.serif-fonts .post-content {
    font-family: 'Lora', 'PT Serif', 'Source Serif Pro', 'Noto Serif CJK SC', 'Noto Serif CJK', 'Noto Serif SC', 'Source Han Serif SC', 'Source Han Serif', 'source-han-serif-sc', 'PT Serif', 'SongTi SC', 'MicroSoft Yahei', serif;
}

body.serif-fonts .post-content,
body.serif-fonts .blog-title {
    font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Noto Serif SC', 'Source Han Serif SC', 'Source Han Serif', 'source-han-serif-sc', 'PT Serif', 'SongTi SC', 'MicroSoft Yahei', Georgia, serif;
}

.dark-mode-state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;

    z-index: 1;
}

@media (prefers-color-scheme: dark) {
    .dark-mode-state-indicator {
        z-index: 11;
    }
}

.post-buttons a {
    width: -webkit-calc(100% / 2 - .3125rem);
    width: calc(100% / 2 - .3125rem);
}

.post-content .content-file .content-file-icon {
    display: none !important;
}

@media(min-width: 767px) {
    .post-content .content-file {
        font-size: 1rem !important;
    }
}

@media(max-width: 767px) {
    #nav .menu {
        margin-top: 1.25rem
    }

    .navbar-nav .category-list .category-list {
        background-color: transparent;
    }

    .navbar-nav .category-list ul.list {
        display: block !important;
    }

    #nav .menu .category-list ul.list li {
        font-weight: 400;
        padding: 0;
        display: block;
        width: auto;
    }

    #nav .menu .category-list ul.list li:nth-child(even),
    #nav .menu .category-list ul.list li:nth-child(odd) {
        padding-right: unset;
        padding-left: unset;
    }

    #nav .menu .category-list ul.list li>a {
        background-color: transparent;
        border-radius: unset;
        padding: 0.375rem 1.75rem;
        position: relative;
        line-height: 2.25rem;
        display: block;
        font-size: 1.25rem;
        text-align: center;
        font-weight: 400;
    }

    body #nav .menu .category-list ul.list li>a {
        background: transparent;
    }

    body #nav .menu .category-list {
        background: transparent;
    }

    body.theme-white #nav .menu li a {
        color: #333 !important;
        font-weight: 400 !important;
    }

    #nav .author {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    #comment-form .comment-input[name=url],
    #comment-form .comment-input[name=mail] {
        display: none !important;
    }
}