/* ============================================================
   base.css — 全局基础
   无相校规 · 槐川市第七中学档案调查系统
   阶段:PHASE 00(工程骨架)
   职责:重置、字体、基础排版、页面加载淡入(本阶段唯一动画)
   ============================================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    /* 宋体优先 —— 2000 年代中国学校网站字型 */
    font-family: "SimSun", "宋体", "NSimSun", serif;
    font-size: 14px;
    line-height: 1.7;
    color: #222222;
    background-color: #e9e7e2;   /* 旧纸灰白 */

    /* 页面加载淡入:opacity 0 → 1,0.25 秒(本阶段唯一允许的动画) */
    opacity: 0;
    transition: opacity 0.25s ease;
}

body.page-ready {
    opacity: 1;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

/* 等宽字体(终端输出 / 编号 / 计数) */
.mono {
    font-family: "Courier New", Consolas, monospace;
}

/* 旧式文本选中色 */
::selection {
    background: #cfe0ff;
    color: #000000;
}

/* ============================================================
   门户视觉升级组件(UI 视觉升级,仅样式,不参与逻辑)
   2000 年代中国教育门户:双线标题 / 信息条 / 编号 / 辅助栏
   ============================================================ */

/* 双线栏目标题:中文 + 小号英文副题 */
.sec-head {
    border-bottom: 2px double #b8c4d8;
    margin: 14px 0 8px 0;
    padding-bottom: 2px;
}
.sec-head .zh {
    font-size: 14px;
    font-weight: bold;
    color: #1b3a5c;
}
.sec-head .en {
    font-size: 10px;
    color: #7a8aa0;
    letter-spacing: 1px;
    font-family: Tahoma, Arial, sans-serif;
    margin-left: 6px;
}

/* 细横线 / 虚线 */
.hr-line {
    border-top: 1px solid #d8d2c0;
    margin: 8px 0;
}
.hr-dash {
    border-top: 1px dashed #b0a890;
    margin: 6px 0;
}

/* 站点信息条:编号 / 最后更新 / 访问量 */
.site-meta {
    background: #f0ede4;
    border: 1px solid #cfc8b4;
    border-top: none;
    font-size: 12px;
    color: #666;
    padding: 4px 10px;
    line-height: 1.8;
}
.site-meta b {
    color: #1b3a5c;
}

/* 档案编号徽章(视觉与 ARG 辅助线索) */
.arch-no {
    display: inline-block;
    border: 1px solid #b8c4d8;
    background: #eef2f8;
    color: #1b3a5c;
    font-family: "Courier New", Consolas, monospace;
    font-size: 11px;
    padding: 0 5px;
    margin-right: 4px;
    letter-spacing: 1px;
}

/* 元信息行:时间 / 来源 / 责编 / 编号 */
.meta-line {
    font-size: 11px;
    color: #888;
}
.meta-line span {
    margin-right: 10px;
}

/* 树状导航(静态 table 布局时代的 ul 缩进树) */
.tree-nav {
    border: 1px solid #cfc8b4;
    background: #f6f3ec;
    padding: 8px 10px;
}
.tree-nav .grp {
    font-weight: bold;
    color: #1b3a5c;
    margin: 8px 0 2px 0;
    font-size: 13px;
}
.tree-nav .grp:first-child {
    margin-top: 0;
}
.tree-nav ul {
    list-style: none;
    margin: 0 0 0 12px;
}
.tree-nav ul li {
    padding-left: 10px;
    font-size: 13px;
    line-height: 1.9;
}
.tree-nav ul li:before {
    content: "└ ";
    color: #9aa4b4;
}
.tree-nav ul li a {
    color: #1b5a8c;
    text-decoration: none;
}
.tree-nav ul li a:hover {
    text-decoration: underline;
}

/* 右侧辅助栏区块 */
.side-box {
    border: 1px solid #cfc8b4;
    background: #faf8f2;
    margin-bottom: 10px;
}
.side-box .t {
    background: #1b3a5c;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 8px;
    letter-spacing: 1px;
}
.side-box .t .en {
    font-size: 10px;
    color: #b8c8dc;
    font-family: Tahoma, Arial, sans-serif;
    margin-left: 4px;
}
.side-box .b {
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.9;
}
.side-box .b a {
    color: #1b5a8c;
    text-decoration: none;
}
.side-box .b a:hover {
    text-decoration: underline;
}

/* 公告条目 */
.notice-item {
    border-bottom: 1px dashed #d8d2c0;
    padding: 3px 0;
    font-size: 12px;
}
.notice-item .d {
    color: #999999;
    font-family: "Courier New", Consolas, monospace;
    font-size: 11px;
    float: right;
}

/* 站内搜索(纯视觉) */
.hx-search input[type="text"] {
    border: 1px solid #9aa4b4;
    font: 12px SimSun, serif;
    padding: 2px 4px;
    width: 120px;
    background: #ffffff;
}
.hx-search input[type="submit"] {
    border: 1px solid #7a8aa0;
    background: #eef2f8;
    color: #1b3a5c;
    font: 12px SimSun, serif;
    padding: 2px 8px;
    cursor: pointer;
}

/* 网站状态表 */
.hx-status td {
    font-size: 12px;
    padding: 2px 4px;
    color: #555555;
}
.hx-status .ok {
    color: #2a7a2a;
}

/* 时间轴(视觉组件,不改 PHASE10 谜题逻辑) */
.tl-strip {
    border: 1px solid #cfc8b4;
    background: #f6f3ec;
    padding: 6px 10px;
    font-size: 12px;
    color: #666666;
}
.tl-strip .y {
    color: #1b3a5c;
    font-weight: bold;
    font-family: "Courier New", Consolas, monospace;
}

/* 下载 / 推荐链接列表 */
.dl-list li, .link-list li {
    font-size: 12px;
    line-height: 2;
    list-style: none;
}
.dl-list li:before {
    content: "▸ ";
    color: #b08a3a;
}
.link-list li:before {
    content: "▸ ";
    color: #7a8aa0;
}

/* 页面信息页脚:编号 / 责任编辑 / 访问量 */
.page-foot {
    border-top: 1px solid #d8d2c0;
    margin-top: 14px;
    padding-top: 6px;
    font-size: 11px;
    color: #999999;
    text-align: center;
}

/* 旧站更旧风格:信息条加深 */
.old-site .site-meta {
    background: #eae5d8;
    border-color: #b0a890;
    color: #555;
}
.old-site .site-meta b {
    color: #5a4a2a;
}

/* ============================================================
   官网首页门户 V3.0(UI 增量优化,仅样式,不参与逻辑)
   仅 phase01/index.html 使用:Banner 统一 + 门户信息层级
   ============================================================ */

/* 顶部 Banner:主横幅完整显示(等比,不裁剪不拉伸),居中 */
.hb-banner {
    border: 1px solid #999999;
    border-bottom: 0;
    background: #f6f4ee;
    text-align: center;
    padding: 6px 0;
}
.hb-banner img {
    max-width: 100%;
    max-height: 320px;
    height: auto;
    width: auto;
}

/* 栏目标题:■ 方块 + 深蓝中文 + 小号英文,1px 底边框 */
.pm-sec {
    border-bottom: 1px solid #999999;
    padding: 2px 0 4px 0;
    margin: 0 0 8px 0;
    overflow: hidden;
}
.pm-sec .mark {
    color: #174a78;
    margin-right: 5px;
}
.pm-sec .zh {
    font-size: 14px;
    font-weight: bold;
    color: #174a78;
}
.pm-sec .en {
    font-size: 10px;
    color: #888888;
    letter-spacing: 1px;
    font-family: Tahoma, Arial, sans-serif;
    margin-left: 6px;
}

/* 首页信息列表 */
.pm-list {
    list-style: none;
}
.pm-list li {
    padding: 4px 0;
    font-size: 13px;
    line-height: 1.7;
    border-bottom: 1px dashed #e0dccd;
}
.pm-list li:last-child {
    border-bottom: 0;
}
.pm-list .d {
    float: right;
    font-size: 11px;
    color: #888888;
    font-family: "Courier New", Consolas, monospace;
}
.pm-list a {
    color: #174a78;
    text-decoration: none;
}
.pm-list a:hover {
    text-decoration: underline;
}

/* 更多>>(hover 深蓝 → 暗红,120~180ms) */
.pm-more {
    float: right;
    font-size: 12px;
    color: #174a78;
    text-decoration: none;
    transition: color 150ms;
}
.pm-more:hover {
    color: #7d2525;
}

/* NEW 角标(极小,2000 年代风格) */
.pm-new {
    color: #cc0000;
    font-size: 11px;
    font-weight: bold;
    margin-left: 6px;
}

/* 双栏行(表格分栏) */
.pm-rows {
    width: 100%;
    border: 0;
}
.pm-rows td {
    border: 0;
    padding: 0;
    vertical-align: top;
}

/* 快速入口旧式小按钮 */
.qk-btn {
    display: inline-block;
    padding: 3px 10px;
    margin: 3px 5px 3px 0;
    background: #e8e5dd;
    border: 1px solid #999999;
    color: #333333;
    font-size: 12px;
    font-family: SimSun, "宋体", serif;
    text-decoration: none;
    line-height: 1.8;
}
.qk-btn:hover {
    background: #d6d2c6;
    color: #000000;
}

/* 学校信息区(第四层) */
.pm-school {
    border: 1px solid #d8d2c0;
    background: #fbfaf6;
    padding: 10px;
    width: 100%;
}
.pm-school td {
    border: 0;
    padding: 0;
    vertical-align: top;
}
.pm-school .img-cell {
    width: 132px;
    text-align: center;
}
.pm-school .txt-cell {
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.9;
    color: #444444;
}

/* 左栏信息栏组件内的搜索框缩窄(160px 栏内放不下 120px) */
.school-left .hx-search {
    width: 88px;
    border: 1px solid #999999;
    padding: 2px;
    font-size: 12px;
    font-family: SimSun, "宋体", serif;
}

/* 页底站点导航条(深页回旧站/档案系统/BBS/官网,2000 年代站底惯例) */
.site-nav-foot {
    margin: 10px auto 4px auto;
    padding: 6px 0;
    text-align: center;
    font-size: 11px;
    color: #888888;
    border-top: 1px dashed #c8c2b6;
    max-width: 960px;
}
.site-nav-foot a {
    color: #555555;
    text-decoration: underline;
}
.site-nav-foot a:hover {
    color: #7d2525;
}

/* 线索收集提示条(档案线索库配套,2000 年代风格) */
.clue-toast {
    max-width: 960px;
    margin: 10px auto 0 auto;
    padding: 7px 14px;
    background: #f6f3ec;
    border: 1px solid #b0a890;
    border-left: 4px solid #7a5a2a;
    font-size: 13px;
    color: #333333;
    line-height: 1.7;
}
.clue-toast .clue-no {
    font-family: "Courier New", Consolas, monospace;
    font-size: 11px;
    color: #777777;
}
.clue-toast .clue-sub {
    font-size: 11px;
    color: #777777;
}

/* 档案线索库页:说明行 */
.ca-note {
    font-size: 12px;
    color: #666666;
    margin: 8px 0 12px 0;
    line-height: 1.8;
}
.ca-locked {
    border: 1px dashed #b0a890;
    background: #f6f3ec;
    padding: 12px 14px;
    font-size: 13px;
    color: #5a4a2a;
    margin-bottom: 12px;
}