/* ===== 复古个人主页样式 ===== */
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: 100%; }
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; }

/* ---- 文章页（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;
}
.article-body p { text-indent: 2em; margin: 0 0 12px; }
.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; }