/* ===== 复古个人主页样式 ===== */
body {
    background: #E7E7F7 url('/images/bg1.gif');
    font-family: "SimSun", "宋体", serif;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 15px 0;
}
.page {
    width: 916px;
    margin: 0 auto;
    background: #E7E7F7 url('/images/bg1.gif');
    border: 1px solid #000;
    padding: 10px 12px;
}
a { color: #0000EE; text-decoration: underline; }

/* ---- 顶部信息表 ---- */
table.head { width: 100%; border-collapse: collapse; }
table.head td { border: 1px solid #000; padding: 6px; vertical-align: middle; }
td.head-photo { width: 250px; text-align: center; }
td.head-quote { text-align: center; padding-right: 20px; }
td.head-quote h2 {
    font-family: "KaiTi", "楷体", serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 2;
    margin: 0;
    text-align: center;
}
td.head-quote .motto-text { display: block; text-align: center; }
td.head-quote .motto-author { display: block; text-align: right; }
td.head-login { width: 230px; line-height: 1.6; text-align: center; }
td.head-login input { font-size: 12px; }
td.head-studio {
    height: 40px;
    text-align: center;
    font-family: "LiSu", "SimLi", "隶书", serif;
}
td.head-studio .studio-cn { font-size: 24px; letter-spacing: 4px; }
td.head-studio .studio-en { font-size: 11px; letter-spacing: 1px; }

/* ---- 导航条 ---- */
.menu-bar {
    margin-top: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 7px 0;
    text-align: center;
}
.menu-bar a {
    margin: 0 13px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 4px;
}
.menu-bar a:hover { background: #C8C8FF; }
.menu-bar a.active { color: red; }

/* ---- 欢迎语（复古双线框） ---- */
.welcome {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 6px;
    margin: 26px 0;
    padding: 12px 20px;
    border: 1px solid #000;
    outline: 1px solid #000;
    outline-offset: 4px;
    background: #E7E7F7 url('/images/bg1.gif');
}

/* ---- 主体 ---- */
table.main { width: 100%; border-collapse: collapse; }
table.main > tbody > tr > td { vertical-align: top; }
td.meta { width: 185px; padding: 0 18px 10px 5px; border-right: 1px solid #000; }
td.body { padding-left: 22px; }

/* 左栏：引言 */
.meta-quote { margin-bottom: 15px; line-height: 1.8; }
.meta-quote p { margin: 0; }
.meta-quote .q-left { text-align: left; }
.meta-quote .q-right { text-align: right; }

/* 左栏：日期 */
.meta-date { text-align: center; margin: 10px 0 18px; }
.md-week { font-size: 12px; }
.md-day { font-size: 34px; font-weight: bold; line-height: 1.2; margin: 2px 0; }
.md-ym { font-size: 12px; }

/* 左栏：分隔标题（═══ 信 息 ═══） */
.meta-title { display: flex; align-items: center; margin: 14px 0 10px; }
.meta-title span { padding: 0 10px; font-weight: bold; font-size: 14px; letter-spacing: 4px; }
.meta-title::before, .meta-title::after {
    content: "";
    flex: 1;
    height: 3px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.meta-info { line-height: 2.2; text-align: center; }
.meta-stats { line-height: 1.9; text-align: center; }

/* ---- 区块标题（淡紫底） ---- */
.section-header {
    background: #C8C8FF;
    border: 1px solid #000;
    padding: 2px 8px;
    font-weight: bold;
    margin-bottom: 6px;
}

/* ---- 两列内容 ---- */
table.body-cols { width: 100%; border-collapse: collapse; }
td.col-news { width: 335px; border-right: 1px solid #000; padding-right: 28px; vertical-align: top; }
td.col-updates { padding-left: 28px; vertical-align: top; }
.news-item { padding: 10px 0 14px 15px; line-height: 1.8; }
.notice2 { color: #CC0000; font-weight: bold; }
.sub-links { text-align: center; padding: 8px 0 10px; }

/* ---- 列表行 ---- */
table.list { width: 100%; border-collapse: collapse; }
table.list td { padding: 4px 0 0 0; vertical-align: bottom; }
td.list-cat { width: 82px; padding-left: 15px; white-space: nowrap; }
td.list-title { overflow: hidden; }
.scrollTitle { white-space: nowrap; overflow: hidden; }

/* ---- 页脚 ---- */
.footer {
    margin-top: 18px;
    border-top: 3px double #000;
    text-align: center;
    padding: 10px 0 4px;
}

/* ---- 按钮式链接（顶部注册/登录） ---- */
a.btn {
    display: inline-block;
    padding: 1px 12px;
    border: 2px outset #B8B8D8;
    background: #E7E7F7 url('/images/bg1.gif');
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}
a.btn:hover { border-style: inset; }
a.btn:active { border-style: inset; background: #CCCCFF; }

/* ---- 注册 / 登录页表单 ---- */
.form-box {
    width: 420px;
    margin: 0 auto 30px;
    border: 1px solid #000;
    padding: 18px 22px;
    background: #E7E7F7 url('/images/bg1.gif');
}
table.form-table { border-collapse: collapse; width: auto; margin: 0 auto; }
table.form-table td { padding: 7px 0; vertical-align: middle; }
td.form-label { width: 78px; text-align: right; padding-right: 10px; font-weight: bold; }
.form-box input[type="text"],
.form-box input[type="password"],
.form-box input[type="email"] { padding: 2px 4px; }
.form-box input[type="submit"],
.form-box input[type="reset"] {
    padding: 1px 12px;
    border: 2px outset #B8B8D8;
    background: #E7E7F7;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.form-box input[type="submit"]:active,
.form-box input[type="reset"]:active { border-style: inset; background: #CCCCFF; }
.form-note { margin: 14px 0 0; color: #800000; text-align: center; }
.opt-note { font-size: 12px; color: #777; }

/* ---- 文章页（single） ---- */
.crumbs { padding: 12px 2px 0; color: #444; }
.article-head { text-align: center; margin: 16px 0 6px; }
.article-title {
    font-family: "KaiTi", "楷体", serif;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 8px;
}
.article-meta { color: #555; margin: 0 0 14px; }
.article-body {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 18px 26px;
    background: #E7E7F7 url('/images/bg1.gif');
    line-height: 2;
    font-size: 14px;
}
/* 段间距：正文行高已是 2 倍，段后只需再留半行（0.5em ≈ 7px）。
   原来是 12px，段间空白接近一整行，读起来显得过于分散；想更紧凑可改 0.25em。 */
.article-body p { text-indent: 2em; margin: 0 0 0.5em; }
.article-body h2 {
    font-size: 18px;
    border-left: 4px solid #6666CC;
    padding-left: 8px;
    margin: 20px 0 10px;
}
.article-body blockquote {
    margin: 14px 20px;
    padding: 8px 14px;
    border: 1px dashed #888;
    color: #333;
}
.article-body pre, .article-body code {
    font-family: "Courier New", monospace;
    background: #fff;
    border: 1px solid #999;
    padding: 1px 4px;
    font-size: 13px;
}
.article-body pre { padding: 10px; overflow-x: auto; }
.article-body img { max-width: 100%; border: 1px solid #000; }
.article-body ul, .article-body ol { list-style: disc; padding-left: 2.5em; }
.article-tags { margin: 14px 2px; }
.article-nav {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-top: 6px;
}
.article-hits { text-align: center; color: #555; margin-top: 12px; }

/* ---- 列表页（全部日志 / 分类 / 标签） ---- */
.article-list { margin-top: 4px; }
.article-list td.list-title a { font-size: 14px; }
.center-note { text-align: center; color: #666; padding: 16px 0 !important; }
.back-home { text-align: center; margin: 18px 0 6px; }

/* ---- 版权说明页 ---- */
.cb-author {
    text-align: center;
    font-family: "KaiTi", "楷体", serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 4px 0 10px;
}
.cb-nav {
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 0;
    margin-bottom: 16px;
}
.cb-nav a { margin: 0 6px; }

/* ---- 栏目页简介 ---- */
.section-intro {
    border: 1px solid #000;
    padding: 10px 16px;
    margin-bottom: 16px;
    background: #E7E7F7 url('/images/bg1.gif');
    line-height: 1.9;
}
.section-intro p { margin: 0; text-indent: 2em; }

/* ---- 忆昔岁月栏目文章 ---- */
.memo-en {
    text-align: center;
    font-size: 14px;
    margin: 10px 0 18px;
}
.memo-poem {
    text-align: center;
    font-family: "KaiTi", "楷体", serif;
    font-size: 17px;
    line-height: 2.1;
    margin: 16px 0;
}
.memo-src {
    text-align: right;
    font-family: "KaiTi", "楷体", serif;
    margin: 0 30px 14px 0;
}
.memo-rule { border-top: 1px dashed #000; margin: 12px 0; }
.memo-nav { text-align: center; margin: 10px 0 16px; }
.memo-nav a { margin: 0 4px; }
.memo-sec {
    background: #CCFF99;
    border: 1px solid #000;
    padding: 3px 10px;
    font-weight: bold;
    margin: 18px 0 10px;
}
.memo-jump { text-align: center; margin: 12px 0 4px; }

/* ---- 软件集锦：五列并排（竖线分隔） ---- */
.cat-cols {
    display: flex;
    align-items: stretch;
    margin: 14px 0 6px;
}
.cat-col {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 8px;
    border-right: 1px solid #000;
}
.cat-col:first-child { padding-left: 2px; }
.cat-col:last-child { border-right: none; padding-right: 2px; }
.cat-col .memo-sec a {
    color: #000;
    text-decoration: none;
    display: block;
}
.cat-col .memo-sec a:hover { text-decoration: underline; }
ul.cat-list { list-style: none; padding: 0 2px; margin: 0; }
ul.cat-list li {
    padding: 4px 0 4px 10px;
    border-bottom: 1px dotted #999;
    line-height: 1.6;
}
ul.cat-list li .cat-date { display: block; color: #555; font-size: 11px; }
ul.cat-list li.center-note { border-bottom: none; }




/* ===================== 悬浮卡片样式（2026-10-14 新增） ===================== */
/* 用法：在文章里写
   <div class="card">
     <div class="card-head"><span class="card-date">2026年10月14日</span> <span class="card-tag"># 标签</span></div>
     正文（HTML 标签或空行后写 Markdown 都行）
   </div>
*/

/* 一条内容一张悬浮卡片：圆角 + 阴影 + 淡紫底，像浮在页面上 */
.article-body .card {
  background: #E9E4FA;
  border: 0;
  border-radius: 16px;
  padding: 16px 18px;
  margin: 0 0 20px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .18), 0 1px 3px rgba(0, 0, 0, .10);
}
.article-body .card > :first-child { margin-top: 0; }
.article-body .card > :last-child { margin-bottom: 0; }

/* 卡片顶部那一行：日期 + #标签 */
.article-body .card-head {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
  text-indent: 0;
}
.article-body .card-date { color: #7B2D8E; }
.article-body .card-tag  { color: #8A2BE2; }

/* 卡片里的正文：取消全站默认的 2em 首行缩进 */
.article-body .card p,
.article-body .card li { text-indent: 0; }

/* 卡片里的图片：去掉 1px 黑框，改成圆角（截图那种） */
.article-body .card img {
  display: block;
  max-width: 100%;
  margin: 10px auto;
  border: 0;
  border-radius: 10px;
}
.article-body .card figure { margin: 10px 0; text-indent: 0; }
.article-body .card figcaption {
  text-align: center;
  font-size: 13px;
  color: #555;
  text-indent: 0;
}

/* 可选：整篇文章做成"一张大悬浮卡"——给 article-body 加 class="float-card" 即可 */
.article-body.float-card {
  background: #FFFFFF;
  border: 1px solid #000;
  border-radius: 16px;
  padding: 22px 26px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}


/* ---- 卡片配色微调（2026-10-14，对齐参考图效果） ---- */
.article-body .card {
  background: #DED6F7;
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .12);
}
.article-body .card-date { color: #A63A5A; }
.article-body .card-tag  { color: #7B2D8E; }


/* ---- 段落居中：写 <p class="center">文字</p> 即可 ---- */
.article-body .center { text-align: center; }


/* ---- 前言：颜色同文章大标题(.article-title)，字号比正文(.article-body 14px)大一号 ---- */
.article-body .center {
  text-align: center;
  color: #000;        /* = .article-title 的颜色（它未设色，继承 body 的 #000） */
  font-size: 16px;    /* 正文 14px，大一号 */
}

/* ---- 卡片标题行（日期 + #标签）字号同样比正文大一号 ---- */
.article-body .card-head {
  font-size: 16px;
}


/* ---- 前言与卡片标题行统一改为红棕（2026-10-14） ---- */
.article-body .center { color: #A63A5A; }        /* 前言 */
.article-body .card-head { color: #A63A5A; }     /* 标题行整体（含"一、"） */
.article-body .card-tag { color: #A63A5A; }      /* 标题行里的 #标签 / 人名 */


/* ---- 前言与标题行字体一致：同为加粗、16px、红棕、宋体（2026-10-14） ---- */
.article-body .center {
  font-weight: bold;       /* 与 .card-head 的 font-weight: bold 保持一致 */
  font-family: inherit;    /* 同样继承 body 的 "SimSun","宋体",serif */
  font-size: 16px;
  color: #A63A5A;
  text-align: center;
}


/* ---- 卡片里的小图：给 img 加 class="small" 即可缩窄并居中 ---- */
.article-body .card img.small {
  width: 260px;        /* 想更小/更大就改这个数 */
  max-width: 100%;
  height: auto;
}


/* ---- 卡片底部"回到顶部"链接（由 /js/back-to-top.js 自动注入） ---- */
.article-body .card .back-to-top {
  display: block;
  margin: 14px 0 0;
  text-align: right;
  font-size: 13px;
  color: #7B2D8E;
  text-decoration: none;
}
.article-body .card .back-to-top:hover { text-decoration: underline; }