/* ===== blog.css - 强科幻亮色版（电光蓝 + 荧光黄） ===== */
/*===== 在index.css之后使用 =====*/
/* ---------- 全局字体（系统最优） ---------- */
body,
section,
.card,
#titou,
footer,
nav{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 
                 "Segoe UI", Roboto, "Helvetica Neue", Arial,
                 "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", 
                 "Noto Sans SC", sans-serif !important;
}
/*----------- 题头楷体 ------------*/
#main-header,
#main-header * {
    font-family: "KaiTi", "STKaiti", "华文楷体", serif !important;
}
/* ---------- 背景（更冷的浅蓝灰） ---------- */
body {
    background-color: #dceaf5;
}

/* ---------- 头部：彻底透明，无阴影无边框 ---------- */
header {
    background: transparent !important;        /* 完全透明，与背景融为一体 */
    /*backdrop-filter: none !important;         /* 去掉毛玻璃 */
    box-shadow: none !important;              /* 去掉任何阴影 */
    border-bottom: none !important;           /* 去掉边框 */
    /* 位置、宽度、最大宽度、居中完全继承原样式，不做任何改动 */
}

/* 头部 logo 文字颜色 + 发光（科幻感） */
header #header_logo {
    color: #0088ff;                  /* 电光蓝 */
}

/* ---------- 导航链接 ---------- */
.area a,
.area a:link,
.area a:visited {
    color: #0088ff;                  /* 亮蓝 */
    transition: all 0.25s;
}

/* ---------- 卡片（强科幻感） ---------- */
.card {
    background: #fefce6;              
    border-radius: 16px;
    box-shadow: 
        0 4px 20px rgba(0, 180, 255, 0.35),
        0 0 60px rgba(0, 100, 255, 0.15),
        inset 0 0 30px rgba(0, 180, 255, 0.05); /* 内发光增加科技感 */
    color: #0a1a2a;
}

/* 卡片内链接 */
.card a {
    color: #0088ff;
}
.card a:hover {
    color: #ffdd00;
    text-shadow: 0 0 12px rgba(255, 220, 0, 0.5);
}

/* ---------- 页脚（透明化处理，轻微可见） ---------- */
footer {
    background: rgba(220, 234, 245, 0.3);  /* 极淡背景，几乎透明 */
    backdrop-filter: none;
    box-shadow: none;
    border-top: 1px solid rgba(0, 180, 255, 0.15); /* 淡蓝细线，保留一点边界 */
    color: #0066bb;
}

/* ---------- 其他 ---------- */
#titou {
    color: #0077cc;
}

noscript {
    background-color: #fef9e8;
    color: #c0392b;
    border: 1px solid #ffb3b3;
    border-radius: 8px;
    padding: 4px 10px;
}

.title-link{
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

.meta{
	font-size: 0.8em;
	color: #4a6a8a;
	margin-bottom: 6px;
}

.tagContainer{
	margin-bottom: 6px;
}

.tag{
	display: inline-block;
	padding: 2px 10px;
	margin: 0 4px 4px 0;
	font-size: 0.7em;
	border-radius: 12px;
	background: rgba(0, 136, 255,0.12);
	color: #0088ff;
}

.summary{
	font-size: 0.8em;
	color: #2a4a5a;
	margin: 4px 0 0 0;
}