/* ============================================================
   原神 · 角色界面风格 (Genshin Character UI Style)
   配色：深蓝紫渐变 #0B1026 → #1A1A3E + 金色 #E8C87A
   ============================================================ */

/* ---------- 导入图标字体 ---------- */
@import url(https://cdn.cnblogs.com/npm/font-awesome/css/font-awesome.min.css);
@import url(https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css);

/* ---------- 变量置顶 ---------- */
:root {
    --ThemeColor: #E8C87A;
    --ThemeColor2: #C9A84C;
    --ThemeColorLight: #F5E09A;
    --ThemeColorDark: #0B1026;
    --TextColor1: #F0EDE5;
    --TextColor2: #B8B0C8;
    --TextColor3: #6A6280;
    --DividColor: rgba(232, 200, 122, .3);
    --BlockColor: rgba(20, 24, 52, .92);
    --BackgroundColor: #0B1026;
    --AidColor1: #E8C87A;
    --AidColor2: #8B7BC8;
    --AidColor3: #5A8EC8;
    --text1: 28px;
    --text2: 26px;
    --text3: 24px;
    --text4: 22px;
    --text5: 20px;
    --text6: 18px;
    --textNoraml: 16px;
    --BackgroundImg: linear-gradient(145deg, #0B1026 0%, #151A3A 40%, #1A1A4A 70%, #0F1430 100%);
    --BackgroundImg2: linear-gradient(145deg, #1A1A4A 0%, #0F1430 60%, #0B1026 100%);
    --ImgShadow: rgba(0, 0, 0, .55);
    --screen: 72vh;
    --screen1: 55vh;
    --WeChat: url(https://images.cnblogs.com/cnblogs_com/binbingg/1835236/o_200826010812WechatIMG1.jpeg);
    --Avatar: url(https://img-static.mihoyo.com/communityweb/upload/7eaf9acc3a8bcdeb8d3f7484e0ff2c3c.png);
}

/* ---------- 隐藏广告 ---------- */
#ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb,
#ad_c1, #ad_c2, .c_ad_block, .buryit {
    display: none !important;
}

/* ============================================================
   背景 - 深蓝紫渐变 + 星空粒子
   ============================================================ */
body {
    background-color: #0B1026 !important;
    background-image:
        radial-gradient(2px 2px at 12% 8%, rgba(232, 200, 122, .25) 0, transparent 40%),
        radial-gradient(1px 1px at 28% 45%, rgba(255, 255, 255, .15) 0, transparent 50%),
        radial-gradient(1px 1px at 55% 15%, rgba(255, 255, 255, .1) 0, transparent 45%),
        radial-gradient(2px 2px at 75% 70%, rgba(139, 123, 200, .2) 0, transparent 50%),
        radial-gradient(1px 1px at 90% 30%, rgba(255, 255, 255, .12) 0, transparent 40%),
        radial-gradient(1px 1px at 40% 90%, rgba(232, 200, 122, .15) 0, transparent 45%),
        radial-gradient(1px 1px at 10% 75%, rgba(139, 123, 200, .15) 0, transparent 40%),
        radial-gradient(1px 1px at 65% 50%, rgba(255, 255, 255, .08) 0, transparent 35%),
        linear-gradient(145deg, #0B1026 0%, #151A3A 40%, #1A1A4A 70%, #0F1430 100%) !important;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #F0EDE5 !important;
    font-family: "Source Han Serif SC", "Noto Serif SC", "Microsoft YaHei", "PingFang SC", serif !important;
    min-height: 100vh !important;
}

/* ---------- 全局重置 ---------- */
* {
    box-sizing: border-box !important;
}
a {
    text-decoration: none !important;
    color: inherit !important;
}
a:hover {
    color: #E8C87A !important;
}
img {
    max-width: 100% !important;
    border-radius: 4px !important;
}

/* ============================================================
   头部 - 角色界面风格
   ============================================================ */
#header {
    background-color: rgba(11, 16, 38, .85) !important;
    border-bottom: 1px solid rgba(232, 200, 122, .25) !important;
    box-shadow: 0 4px 40px rgba(0, 0, 0, .6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
}

#header {
    background-image: linear-gradient(145deg, #0B1026 0%, #151A3A 40%, #1A1A4A 70%, #0F1430 100%) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 72vh !important;
    padding-top: 60px !important;
    position: relative !important;
}

/* 顶部装饰光晕 - 原神风格 */
#header::before {
    content: "" !important;
    position: absolute !important;
    top: -30% !important;
    right: -10% !important;
    width: 60% !important;
    height: 80% !important;
    background: radial-gradient(ellipse at center, rgba(232, 200, 122, .06) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
#header::after {
    content: "" !important;
    position: absolute !important;
    bottom: -20% !important;
    left: -5% !important;
    width: 50% !important;
    height: 60% !important;
    background: radial-gradient(ellipse at center, rgba(139, 123, 200, .05) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

#navigator {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 60px !important;
    padding: 0 20px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    z-index: 9999 !important;
    background: transparent !important;
}

#blogTitle {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    z-index: 10 !important;
    width: 100% !important;
    padding: 0 20px !important;
}

/* 头像 - 原神角色风格 */
#lnkBlogLogo {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto 20px auto !important;
    border-radius: 50% !important;
    border: 3px solid #E8C87A !important;
    box-shadow: 
        0 0 0 6px rgba(232, 200, 122, .15),
        0 0 0 12px rgba(232, 200, 122, .06),
        0 8px 40px rgba(0, 0, 0, .5) !important;
    overflow: hidden !important;
    background-image: url(https://img-static.mihoyo.com/communityweb/upload/7eaf9acc3a8bcdeb8d3f7484e0ff2c3c.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.4s ease !important;
}
#lnkBlogLogo:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 0 8px rgba(232, 200, 122, .2), 0 0 0 16px rgba(232, 200, 122, .08), 0 8px 50px rgba(232, 200, 122, .15) !important;
}

#lnkBlogLogo img {
    display: none !important;
}

/* 标题 - 原神金色字体 */
#blogTitle h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    letter-spacing: 8px !important;
    text-shadow: 0 2px 30px rgba(232, 200, 122, .15) !important;
}

#blogTitle h1 a {
    color: #F0EDE5 !important;
    text-decoration: none !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    letter-spacing: 8px !important;
    background: linear-gradient(180deg, #F5E09A 0%, #E8C87A 50%, #C9A84C 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: none !important;
}
#blogTitle h1 a:hover {
    background: linear-gradient(180deg, #F5E09A 0%, #E8C87A 40%, #D4B05A 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* 副标题 */
#blogTitle h2 {
    margin: 12px 0 0 0 !important;
    padding: 0 10px !important;
    font-size: 16px !important;
    color: #B8B0C8 !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    min-height: 30px !important;
    letter-spacing: 4px !important;
    text-shadow: 0 2px 20px rgba(0, 0, 0, .3) !important;
}

#blogLogo {
    display: none !important;
}

/* ---------- 导航菜单 - 角色界面风格 ---------- */
#navList {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    flex: auto !important;
    display: inline-flex !important;
    list-style: none !important;
}

#navList li {
    list-style-type: none !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

#navList li a {
    line-height: 60px !important;
    color: #B8B0C8 !important;
    text-decoration: none !important;
    margin-right: 24px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    letter-spacing: 1px !important;
    position: relative !important;
}

#navList li a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 14px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #E8C87A, transparent) !important;
    transition: width 0.3s ease !important;
}

#navList li a:hover {
    color: #F0EDE5 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
#navList li a:hover::after {
    width: 60% !important;
}

.blogStats {
    float: right !important;
    line-height: 60px !important;
    color: #6A6280 !important;
    font-size: 13px !important;
}

/* 导航图标 - 金色 */
#blog_nav_sitehome:before { content: "\e62d" !important; color: #E8C87A !important; font-family: iconfont !important; margin-right: 6px !important; }
#blog_nav_myhome:before { content: "\e626" !important; color: #8B7BC8 !important; font-family: iconfont !important; margin-right: 6px !important; }
#blog_nav_newpost:before { content: "\e628" !important; color: #E8C87A !important; font-family: iconfont !important; margin-right: 6px !important; }
#blog_nav_contact:before { content: "\e624" !important; color: #E8C87A !important; font-family: iconfont !important; margin-right: 6px !important; }
#blog_nav_rss:before { content: "\e62a" !important; color: #C9A84C !important; font-family: iconfont !important; margin-right: 6px !important; }
#blog_nav_admin:before { content: "\e627" !important; color: #8B7BC8 !important; font-family: iconfont !important; margin-right: 6px !important; }
#blog_nav_donate:before { content: "\f1b1" !important; margin-right: 6px !important; color: #E8C87A !important; font-family: FontAwesome !important; }

/* ---------- 主内容布局 ---------- */
#home {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

#main {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    grid-gap: 24px !important;
    margin-top: 24px !important;
}

#mainContent {
    grid-column: 1 / 2 !important;
}

#sideBar {
    grid-column: 2 / 3 !important;
    width: 100% !important;
}

/* ---------- 博文卡片 - 原神角色卡片风格 ---------- */
#mainContent .day {
    padding: 24px 24px !important;
    background: linear-gradient(145deg, rgba(26, 30, 60, .9), rgba(15, 20, 48, .95)) !important;
    border-radius: 12px !important;
    margin-bottom: 24px !important;
    border: 1px solid rgba(232, 200, 122, .15) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(232, 200, 122, .06) !important;
    position: relative !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.3s ease !important;
}
#mainContent .day:hover {
    border-color: rgba(232, 200, 122, .3) !important;
    box-shadow: 0 12px 50px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(232, 200, 122, .1) !important;
    transform: translateY(-2px) !important;
}

/* 四角装饰 - 原神风格 */
#mainContent .day::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    width: 24px !important;
    height: 24px !important;
    border: 2px solid rgba(232, 200, 122, .25) !important;
    border-right: none !important;
    border-bottom: none !important;
    pointer-events: none !important;
}
#mainContent .day::after {
    content: "" !important;
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    width: 24px !important;
    height: 24px !important;
    border: 2px solid rgba(232, 200, 122, .25) !important;
    border-left: none !important;
    border-top: none !important;
    pointer-events: none !important;
}

.day .dayTitle {
    line-height: 2.4 !important;
    font-size: 18px !important;
    color: #F0EDE5 !important;
}
.dayTitle a:before {
    content: '\f073' !important;
    font-family: FontAwesome !important;
    margin-right: 10px !important;
    color: #E8C87A !important;
}
.day .postTitle .postTitle2 {
    font-size: 22px !important;
    padding-left: 14px !important;
    border-left: 3px solid #E8C87A !important;
    color: #F0EDE5 !important;
}
.day .postTitle .postTitle2:hover {
    color: #E8C87A !important;
}
.day .postCon .c_b_p_desc {
    color: #B8B0C8 !important;
    line-height: 26px !important;
}
.day .postDesc {
    color: #6A6280 !important;
}

/* ---------- 侧边栏 - 角色界面风格 ---------- */
#sidebar_news, #blog-calendar, #sidebar_toptags, #sidebar_imagecategory,
.sidebar-block, #sidebar_recentcomments, #sidebar_topcommentedposts {
    background: linear-gradient(145deg, rgba(26, 30, 60, .9), rgba(15, 20, 48, .95)) !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(232, 200, 122, .12) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(232, 200, 122, .05) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.3s ease !important;
}
#sidebar_news:hover, #blog-calendar:hover, .sidebar-block:hover {
    border-color: rgba(232, 200, 122, .2) !important;
}

#sideBar h3 {
    line-height: 2.4 !important;
    font-size: 18px !important;
    color: #F0EDE5 !important;
    border-bottom: 1px solid rgba(232, 200, 122, .15) !important;
    letter-spacing: 4px !important;
    font-weight: 600 !important;
}
.sidebar-block ul {
    list-style-type: none !important;
    padding: 0 !important;
    line-height: 2.2 !important;
}
.sidebar-block ul a:hover {
    color: #E8C87A !important;
}

/* 公告 - 原神风格按钮 */
#sidebar_news #p_b_follow {
    background: linear-gradient(145deg, #E8C87A, #C9A84C) !important;
    border-radius: 8px !important;
    margin: 12px 0 !important;
    line-height: 3 !important;
    text-align: center !important;
    color: #0B1026 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    box-shadow: 0 4px 20px rgba(232, 200, 122, .25) !important;
    transition: all 0.3s ease !important;
}
#sidebar_news #p_b_follow:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 30px rgba(232, 200, 122, .35) !important;
}

/* 日历 */
#blog-calendar {
    background: linear-gradient(145deg, rgba(26, 30, 60, .9), rgba(15, 20, 48, .95)) !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
}
.CalTitle {
    line-height: 2.4 !important;
    font-size: 18px !important;
    color: #F0EDE5 !important;
}
.CalDayHeader {
    line-height: 2.4 !important;
    font-size: 18px !important;
    color: #B8B0C8 !important;
    border-bottom: 1px solid rgba(232, 200, 122, .15) !important;
}
.CalTodayDay {
    height: 34px !important;
    width: 34px !important;
}
.CalTodayDay u, .CalTodayDay {
    color: #0B1026 !important;
    font-weight: 700 !important;
    background: linear-gradient(145deg, #F5E09A, #E8C87A) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 12px rgba(232, 200, 122, .3) !important;
}
#blog-calendar u {
    color: #E8C87A !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.CalOtherMonthDay {
    color: #6A6280 !important;
}
#blogCalendar td {
    line-height: 2.2 !important;
}
.CalTitle .CalNextPrev {
    font-size: 0 !important;
}
.CalTitle .CalNextPrev:nth-child(1) a:before {
    content: "\f0d9" !important;
    font-size: 18px !important;
    font-family: FontAwesome !important;
    color: #E8C87A !important;
}
.CalTitle .CalNextPrev:nth-child(3) a:before {
    content: "\f0da" !important;
    font-size: 18px !important;
    font-family: FontAwesome !important;
    color: #E8C87A !important;
}

/* 搜索 */
#sidebar_search_box .input_my_zzk {
    padding: 8px 12px !important;
    background: rgba(11, 16, 38, .6) !important;
    border: 1px solid rgba(232, 200, 122, .2) !important;
    color: #F0EDE5 !important;
    height: 42px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}
#sidebar_search_box .input_my_zzk:hover {
    border-color: rgba(232, 200, 122, .4) !important;
}
#sidebar_search_box .input_my_zzk:focus {
    border-color: #E8C87A !important;
    box-shadow: 0 0 20px rgba(232, 200, 122, .1) !important;
}
input.btn_my_zzk {
    color: #0B1026 !important;
    background: linear-gradient(145deg, #F5E09A, #E8C87A) !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
input.btn_my_zzk:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(232, 200, 122, .3) !important;
}

/* ---------- 博文正文 ---------- */
#topics {
    background: linear-gradient(145deg, rgba(26, 30, 60, .9), rgba(15, 20, 48, .95)) !important;
    padding: 28px 28px !important;
    border-radius: 12px !important;
    margin-bottom: 24px !important;
    border: 1px solid rgba(232, 200, 122, .12) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(232, 200, 122, .06) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
.post .postTitle {
    font-size: 26px !important;
    text-align: center !important;
    color: #F0EDE5 !important;
    letter-spacing: 2px !important;
}
.post .postDesc {
    text-align: center !important;
    border-bottom: 1px solid rgba(232, 200, 122, .12) !important;
    padding-bottom: 20px !important;
}
#topics #post-date, #topics .postDesc a, #topics #post_view_count, #topics #post_comment_count {
    color: #6A6280 !important;
}
#topics #post-date:before, #topics #post_view_count:before {
    color: #E8C87A !important;
}
#topics .postDesc a:nth-child(2):before, #topics #post_comment_count:before {
    color: #8B7BC8 !important;
}
.post .postBody {
    color: #F0EDE5 !important;
    line-height: 1.8 !important;
}
.post .postBody .cnblogs-markdown a {
    color: #E8C87A !important;
}
.post .postBody a:hover {
    color: #F5E09A !important;
}
.post .postBody h1, .post .postBody h2 {
    color: #E8C87A !important;
    border-bottom: 1px solid rgba(232, 200, 122, .15) !important;
}
.post .postBody h3 {
    color: #F5E09A !important;
}
.post .postBody strong {
    color: #F5E09A !important;
}
.post .postBody blockquote {
    border-left: 4px solid #E8C87A !important;
    background: linear-gradient(90deg, rgba(232, 200, 122, .08), transparent) !important;
    border-radius: 0 4px 4px 0 !important;
}
#cnblogs_post_body img {
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2) !important;
}
.post .postBody table th {
    background: rgba(11, 16, 38, .6) !important;
    color: #F5E09A !important;
    border: 1px solid rgba(232, 200, 122, .15) !important;
}
.post .postBody table td {
    border: 1px solid rgba(232, 200, 122, .12) !important;
}
.post .postBody h1 code, .post .postBody h2 code, .post .postBody h3 code,
.post .postBody h4 code, .post .postBody h5 code, .post .postBody h6 code,
.post .postBody li code, .post .postBody p code, .post .postBody table code {
    color: #F5E09A !important;
    background: rgba(11, 16, 38, .6) !important;
    border: 1px solid rgba(232, 200, 122, .15) !important;
}

/* 代码块 */
.cnblogs_code {
    background: rgba(11, 16, 38, .8) !important;
    border: 1px solid rgba(232, 200, 122, .15) !important;
    border-radius: 8px !important;
}
.cnblogs_code div {
    color: #B8B0C8 !important;
}
.cnblogs_code pre {
    color: #B8B0C8 !important;
}
.cnblogs_code textarea {
    border: 1px solid rgba(232, 200, 122, .15) !important;
    color: #B8B0C8 !important;
    background: #0B1026 !important;
}

/* 语法高亮 - 原神风格 */
.cnblogs-markdown .hljs {
    background: rgba(11, 16, 38, .85) !important;
    border: 1px solid rgba(232, 200, 122, .12) !important;
    color: #F0EDE5 !important;
    border-radius: 8px !important;
}
.hljs-comment, .hljs-quote { color: #5A5278 !important; }
.hljs-keyword, .hljs-formula { color: #8B7BC8 !important; }
.hljs-string, .hljs-regexp { color: #E8C87A !important; }
.hljs-number { color: #C9A84C !important; }
.hljs-title, .hljs-section { color: #F5E09A !important; }

/* ---------- 评论 ---------- */
#comment_form_container {
    background: linear-gradient(145deg, rgba(26, 30, 60, .9), rgba(15, 20, 48, .95)) !important;
    border: 1px solid rgba(232, 200, 122, .12) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
}
#comment_form_container #commentform_title {
    color: #F0EDE5 !important;
    border-bottom: 1px solid rgba(232, 200, 122, .12) !important;
}
#tbCommentBody {
    border: 1px solid rgba(232, 200, 122, .15) !important;
    background: rgba(11, 16, 38, .5) !important;
    color: #F0EDE5 !important;
    border-radius: 8px !important;
}
#tbCommentBody:hover {
    border-color: rgba(232, 200, 122, .4) !important;
}
#btn_comment_submit {
    color: #0B1026 !important;
    background: linear-gradient(145deg, #F5E09A, #E8C87A) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 6px 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
#btn_comment_submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(232, 200, 122, .3) !important;
}

#blog-comments-placeholder {
    background: linear-gradient(145deg, rgba(26, 30, 60, .9), rgba(15, 20, 48, .95)) !important;
    border: 1px solid rgba(232, 200, 122, .12) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
}
.blog_comment_body {
    color: #B8B0C8 !important;
}
.blog_comment_body a {
    color: #E8C87A !important;
}
.layer {
    color: #8B7BC8 !important;
    border: 1px solid #8B7BC8 !important;
}
.louzhu {
    color: #E8C87A !important;
    border: 1px solid #E8C87A !important;
}

/* ---------- 翻页 ---------- */
.topicListFooter, .pager {
    line-height: 3 !important;
}
.topicListFooter a, .Pager a, .pager a {
    background: rgba(26, 30, 60, .9) !important;
    padding: 6px 14px !important;
    color: #F0EDE5 !important;
    border: 1px solid rgba(232, 200, 122, .15) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}
.pager .current {
    color: #0B1026 !important;
    background: linear-gradient(145deg, #F5E09A, #E8C87A) !important;
    border: 1px solid #E8C87A !important;
    font-weight: 700 !important;
}
.topicListFooter a:hover, .Pager a:hover, .pager a:hover {
    color: #0B1026 !important;
    background: linear-gradient(145deg, #F5E09A, #E8C87A) !important;
}

/* ---------- 页脚 ---------- */
#footer {
    text-align: center !important;
    color: #6A6280 !important;
    padding: 30px !important;
    margin-top: 30px !important;
    border-top: 1px solid rgba(232, 200, 122, .08) !important;
}

/* ---------- 返回顶部 ---------- */
.upToNav {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    background: rgba(26, 30, 60, .9) !important;
    border: 1px solid rgba(232, 200, 122, .2) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #B8B0C8 !important;
    z-index: 99999 !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
.upToNav:hover {
    background: linear-gradient(145deg, #E8C87A, #C9A84C) !important;
    color: #0B1026 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 30px rgba(232, 200, 122, .3) !important;
}
.upToNav:before {
    content: '\f077' !important;
    font-family: FontAwesome !important;
    font-size: 18px !important;
}

/* ---------- 滚动条 ---------- */
@media screen and (min-width: 768px) {
    ::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
    ::-webkit-scrollbar-track { background: #0B1026 !important; }
    ::-webkit-scrollbar-thumb { background: linear-gradient(#C9A84C, #E8C87A) !important; border-radius: 4px !important; }
    ::-webkit-scrollbar-thumb:hover { background: #F5E09A !important; }
}
@media screen and (max-width: 767px) {
    ::-webkit-scrollbar { display: none !important; }
}

/* ---------- 响应式 ---------- */
@media screen and (max-width: 767px) {
    #main {
        grid-template-columns: 1fr !important;
        grid-gap: 16px !important;
    }
    #mainContent { grid-column: 1 / 2 !important; }
    #sideBar { grid-column: 1 / 2 !important; width: 100% !important; }
    #sidebar_news, #blog-calendar, #sidebar_toptags, #sidebar_imagecategory,
    .sidebar-block, #sidebar_recentcomments, #sidebar_topcommentedposts {
        width: 100% !important;
    }
    #navigator .blogStats { display: none !important; }
    #blogTitle h1 a { font-size: 24px !important; letter-spacing: 4px !important; }
    #header { min-height: 50vh !important; }
    #lnkBlogLogo { width: 72px !important; height: 72px !important; }
}

@media screen and (max-width: 360px) {
    #blogTitle h1 a { font-size: 18px !important; letter-spacing: 2px !important; }
    #blogTitle h2 { font-size: 12px !important; letter-spacing: 2px !important; }
    #lnkBlogLogo { width: 56px !important; height: 56px !important; }
}