/* =============================================
   随意随想 - 简约星空主题样式
   ============================================= */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; }

html, body { min-height: 100%; }

body {
    color: #eee;
    background: #000012;
    line-height: 1.7;
    position: relative;
}

/* 星空画布（背景层） */
#starCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: #000012;
}

/* 顶部 */
header {
    padding: 3rem 4rem 2rem;
    background: rgba(0, 0, 20, 0.35);
    border-bottom: 1px solid rgba(120, 160, 255, 0.12);
}
.site-title { font-size: 30px; color: #fff; letter-spacing: 2px; }
.site-desc { opacity: 0.75; margin-top: 6px; font-size: 15px; }
nav { margin-top: 1.2rem; }
nav a {
    color: #b8d8ff;
    text-decoration: none;
    margin-right: 26px;
    font-size: 17px;
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    transition: color .2s;
}
nav a:hover { color: #fff; border-bottom-color: #7aa8ff; }

/* 主体 */
main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 4rem 3rem;
}
.cate-block { margin-bottom: 2.5rem; }
.cate-title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 14px;
    letter-spacing: 1px;
    border-left: 4px solid #5b8def;
    padding-left: 12px;
}
.article-item {
    background: rgba(22, 32, 58, 0.5);
    padding: 20px 22px;
    border-radius: 10px;
    margin-bottom: 16px;
    border: 1px solid rgba(90, 130, 220, 0.15);
}
.article-item h3 { color: #fff; font-size: 18px; }
.meta { color: #8899bb; font-size: 13px; margin: 4px 0 10px; }
.content { color: #dfe6f5; }
.content img { max-width: 100%; border-radius: 6px; margin: 10px 0; }
.file-link a { color: #7ab0ff; text-decoration: none; }
.file-link a:hover { text-decoration: underline; }
.empty-tip { text-align: center; color: #789; padding: 60px 0; }

/* 底部 */
footer {
    margin-top: 3rem;
    padding: 2rem 4rem;
    border-top: 1px solid rgba(120, 160, 255, 0.12);
    color: #9aa8c8;
    font-size: 14px;
    text-align: center;
    background: rgba(0, 0, 15, 0.4);
}

@media (max-width: 720px) {
    header, main, footer { padding-left: 1.5rem; padding-right: 1.5rem; }
    nav a { margin-right: 16px; font-size: 15px; }
}