/* ==================== Amis 数字花园视觉系统 ==================== */
:root {
    --amis-ink: #17333a;
    --amis-teal: #0f766e;
    --amis-orange: #f97316;
    --amis-paper: rgba(251, 252, 248, .92);
    --amis-line: rgba(15, 118, 110, .16);
}

body { background: #edf4f0; color: var(--amis-ink); }
#web_bg { background-position: center; background-size: cover; filter: saturate(.9); }
#nav { background: rgba(7, 29, 36, .78) !important; backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.1); }
#nav a, #nav #site-name { color: #f4fbf7 !important; }
#nav .menus_items .menus_item a:hover { color: #f6bd7f !important; }

/* ==================== 全局毛玻璃样式 ==================== */
#body-wrap #recent-posts > .recent-post-item,
#body-wrap .recent-post-item,
#body-wrap #aside-content .card-widget,
#body-wrap .layout > div:first-child:not(.recent-posts),
#body-wrap #nav .menus_items .menus_item .menus_item_child,
#body-wrap #pagination .page-number:not(.current),
#body-wrap #pagination .extend,
#page-header #post-info {
    background: var(--amis-paper);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--amis-line);
    border-radius: 18px;
    box-shadow: 0 18px 44px -28px rgba(7, 48, 47, .5);
    transition: transform .3s ease, background .3s ease, border .3s ease, box-shadow .3s ease;
}

#body-wrap #pagination .page-number:not(.current):hover,
#body-wrap #pagination .extend:hover {
    background: var(--amis-orange);
    border-color: var(--amis-orange);
    color: #fff;
}

html[data-theme="dark"] #body-wrap #recent-posts > .recent-post-item,
html[data-theme="dark"] #body-wrap .recent-post-item,
html[data-theme="dark"] #body-wrap #aside-content .card-widget,
html[data-theme="dark"] #body-wrap .layout > div:first-child:not(.recent-posts),
html[data-theme="dark"] #body-wrap #nav .menus_items .menus_item .menus_item_child,
html[data-theme="dark"] #body-wrap #pagination .page-number:not(.current),
html[data-theme="dark"] #body-wrap #pagination .extend,
html[data-theme="dark"] #page-header #post-info {
    background: rgba(16, 35, 39, .78);
    border-color: rgba(151, 220, 197, .14);
    box-shadow: 0 18px 44px -28px rgba(0, 0, 0, .6);
}

#recent-posts > .recent-post-item:hover { transform: translateY(-5px); box-shadow: 0 24px 55px -30px rgba(15, 118, 110, .55); }
#aside-content .card-widget .item-headline i,
#aside-content .card-widget .item-headline span,
#article-container a { color: var(--amis-teal); }

#footer, #page-header.post-bg, #page-header.page-bg { background: transparent !important; }
#page-header.post-bg::before, #page-header.page-bg::before { background-color: transparent !important; }

#body-wrap #recent-posts > .recent-post-item .recent-post-info,
#body-wrap #recent-posts > .recent-post-item .recent-post-info::before,
#body-wrap #recent-posts > .recent-post-item .recent-post-info::after,
#body-wrap #recent-posts > .recent-post-item .recent-post-info > .article-title,
#body-wrap #recent-posts > .recent-post-item .recent-post-info > .article-meta-wrap,
#body-wrap #recent-posts > .recent-post-item .recent-post-info > .content { background: transparent !important; box-shadow: none !important; }

/* ==================== 文章排版 ==================== */
#article-container p { line-height: 1.9; margin: 1rem 0; text-align: justify; }
#article-container h1, #article-container h2, #article-container h3 { color: var(--amis-ink); border-bottom: 2px solid var(--amis-line); padding-bottom: .3rem; margin-top: 2rem; }
#article-container blockquote { border-left: 4px solid var(--amis-orange); background: rgba(249, 115, 22, .08); border-radius: 0 12px 12px 0; }
#article-container code:not([class]) { color: #b45309; background: rgba(249, 115, 22, .1); border-radius: 5px; }

#article-container table:not(.gist table) { border-collapse: collapse; width: 100%; margin: 1.5rem 0; overflow-x: auto; }
#article-container table:not(.gist table) thead { background: var(--amis-teal); color: #fff; }
#article-container table:not(.gist table) th, #article-container table:not(.gist table) td { padding: 10px 16px; border: 1px solid var(--border-color); text-align: left; vertical-align: middle; }
#article-container table:not(.gist table) tbody tr:nth-child(even) { background: rgba(15, 118, 110, .05); }

#page-header #post-info { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 20px 40px; box-sizing: border-box; display: block; text-align: left; width: min(92%, 1200px); }
#post-info .post-title { font-size: 3.25em !important; }
#web_bg.bg-animation { animation-duration: 1.2s; }

body, #body-wrap, #article-container, #post-info, #aside-content, #nav, .site-page, footer#footer, #pagination { font-family: "LXGW WenKai", "LXGW WenKai Screen", "Microsoft YaHei", "PingFang SC", sans-serif !important; }

@media screen and (max-width: 768px) {
    #page-header #post-info { padding: 15px 20px !important; bottom: 20px !important; width: 90% !important; }
    #post-info .post-title { font-size: 2.2em !important; }
    #recent-posts > .recent-post-item { border-radius: 14px; }
    #article-container { font-size: 16px; }
}