@charset "utf-8";
/* ============================================================
   《未闭合》第一阶段 · 站点皮肤
   设计意图:这是一座 2009 年建的、2013 年停更的个人自建站。
   所以:系统字体、宋体小字、默认蓝链接、表格布局、计数器、
   marquee、1px 实线边框。不要"现代网页感",越土越对。
   ============================================================ */

html { background: #9aa0a6; }

body {
  margin: 0;
  padding: 0 0 40px 0;
  font: 12px/1.75 SimSun, "宋体", "Songti SC", serif;
  color: #000;
  background: #9aa0a6;
  -webkit-text-size-adjust: 100%;
}

a { color: #0000ee; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover { color: #cc0000; }

img { border: 0; }

/* ---------- 外层相框:固定 1000px,个人站经典做法 ---------- */
.frame {
  width: 1000px;
  max-width: 100%;
  margin: 10px auto;
  background: #ffffff;
  border: 1px solid #4a4a4a;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, .35);
  box-sizing: border-box;
}

/* ---------- 页头横幅 ---------- */
.hd {
  background: #1b3a5c;
  color: #fff;
  padding: 10px 14px 8px 14px;
  border-bottom: 4px double #f0c419;
}
.hd h1 {
  margin: 0;
  font: bold 22px/1.2 "SimHei", "黑体", "Microsoft YaHei", sans-serif;
  letter-spacing: 3px;
  text-shadow: 2px 2px 0 #000;
}
.hd h1 small { font: 12px/1 SimSun, "宋体", serif; letter-spacing: 0; color: #cfe0ee; margin-left: 8px; }
.hd .sub { color: #cfe0ee; font-size: 12px; margin-top: 3px; }
.hd .build { color: #9fb8cf; font-size: 11px; }

/* ---------- 导航条:表格风方块 ---------- */
.nav {
  background: #e8e8e8;
  border-bottom: 1px solid #999;
  padding: 4px 8px;
  font-size: 12px;
}
.nav a, .nav span.cur {
  display: inline-block;
  padding: 1px 8px;
  margin-right: 2px;
  border: 1px solid #999;
  background: #fff;
  text-decoration: none;
}
.nav span.cur { background: #1b3a5c; color: #fff; border-color: #1b3a5c; }
.nav a:hover { background: #ffffcc; color: #cc0000; }
.nav .off { color: #888; border-style: dashed; background: #f4f4f4; text-decoration: none; }

/* ---------- 状态条:两个进度永远并列 ---------- */
.statusbar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #f7f7f0;
  border-bottom: 1px solid #999;
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  align-items: center;
  font-size: 12px;
}
.statusbar .sb-title {
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 5px;
}
.metric { white-space: nowrap; }
.metric b { font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
.metric .num { color: #cc0000; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }
.metric .hint { color: #777; font-size: 11px; }

.bar {
  display: inline-block;
  width: 120px;
  height: 11px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: -1px;
  position: relative;
  overflow: hidden;
}
.bar > i {
  display: block;
  height: 100%;
  width: 0;
  background: #0000ee;
  transition: width .25s linear;
}
.bar.open > i {
  background: repeating-linear-gradient(45deg, #666 0 4px, #999 4px 8px);
}
.bar.txt { width: auto; border: 0; background: transparent; font-family: monospace; letter-spacing: -1px; vertical-align: baseline; }
.bar.txt > i { display: inline; background: none; width: auto !important; }

.blink { color: #cc0000; }

/* ---------- 通用区块 ---------- */
.sec { padding: 0 14px; }
.sec h2 {
  font: bold 14px/1.6 "SimHei", "黑体", sans-serif;
  margin: 14px 0 6px 0;
  padding: 2px 6px;
  background: #dde6ee;
  border-left: 5px solid #1b3a5c;
  border-bottom: 1px solid #b6c4d2;
}
.sec h3 { font: bold 12px/1.6 SimSun, "宋体", serif; margin: 10px 0 4px 0; }
p { margin: 6px 0; }
.small { font-size: 11px; color: #555; }
.tiny { font-size: 11px; color: #777; }
.hr { border-top: 1px dashed #999; margin: 12px 0; height: 0; font-size: 0; }

table.grid { border-collapse: collapse; width: 100%; }
table.grid th, table.grid td {
  border: 1px solid #999;
  padding: 3px 6px;
  font-size: 12px;
  vertical-align: top;
  text-align: left;
}
table.grid th { background: #e8e8e8; font-weight: normal; }
table.grid tr:nth-child(even) td { background: #fbfbf6; }
table.grid td.c { text-align: center; }

.notice {
  border: 1px solid #d0b000;
  background: #ffffcc;
  padding: 6px 9px;
  margin: 8px 0;
}
.notice.red { border-color: #cc0000; background: #ffeeee; }
.notice.gray { border-color: #999; background: #f2f2f2; }

.marquee {
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #999;
  background: #fff;
  padding: 1px 4px;
  color: #cc0000;
  font-size: 12px;
}

/* 计数器 */
.counter {
  display: inline-block;
  background: #000;
  border: 1px solid #666;
  padding: 0 3px;
  font: 12px/1.5 "Courier New", Courier, monospace;
  color: #33ff33;
  letter-spacing: 2px;
}

/* 失效链接的内联提示 */
.deadnotice { color: #cc0000; font-size: 11px; margin-left: 4px; }

/* 检索结果区 */
#searchOut { margin-top: 6px; }
#searchOut .hit { border-bottom: 1px dotted #999; padding: 3px 0; }

/* 文件树 */
.tree td { font-family: "Courier New", Courier, monospace; font-size: 12px; }
.tree td.folder { white-space: nowrap; }
.tree .locked { color: #888; }
.tree .locked a { color: #888; text-decoration: line-through; }

/* ---------- 页脚 ---------- */
.footer {
  margin-top: 16px;
  padding: 8px 14px 16px 14px;
  border-top: 1px solid #999;
  background: #f2f2f2;
  font-size: 11px;
  color: #555;
}
.footer .disclaim { color: #888; }

/* ============================================================
   线索墙 —— 要求:要长得丑。黄便签 + 图钉 + 表格 + 等宽字体编号
   ============================================================ */
.wall { background: #fff; }
.wall .wallhd {
  background: #e8e8e8;
  border-bottom: 1px solid #999;
  padding: 4px 8px;
  font-size: 12px;
}
.wall .warn { color: #cc0000; }
.wall .wallbody { padding: 8px; min-height: 160px; background: #fffdf3; }
.wall .empty { color: #777; border: 1px dashed #bbb; padding: 14px 8px; text-align: center; background: #fafafa; }
.wall .log { border-top: 1px dashed #bbb; margin-top: 8px; padding: 6px 8px; font-size: 11px; color: #444; max-height: 130px; overflow: auto; background: #fff; }
.wall .log b { color: #000; }
.wall .log div { border-bottom: 1px dotted #ddd; padding: 1px 0; }

.note {
  position: relative;
  border: 1px solid #cc9a33;
  background: #ffffcc;
  padding: 10px 8px 6px 8px;
  margin: 0 0 10px 0;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, .18);
  transform: rotate(-0.5deg);
}
.note:nth-child(even) { transform: rotate(0.6deg); background: #fff9c4; }
.note .pin {
  position: absolute;
  top: -6px; left: -6px;
  width: 13px; height: 13px;
  border-radius: 50%;
  background: radial-gradient(circle at 4px 4px, #ff8f8f, #b00000 70%);
  border: 1px solid #7a0000;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
}
.note .code { font: bold 12px/1.4 "Courier New", Courier, monospace; border-bottom: 1px solid #cc9a33; display: block; }
.note .quote { margin: 5px 0 5px 0; }
.note .meta { font-size: 11px; color: #555; border-top: 1px dotted #cc9a33; padding-top: 3px; }
.note .tag { display: inline-block; border: 1px solid #999; background: #fff; padding: 0 4px; font-size: 11px; margin-right: 4px; }
.note .takeoff { float: right; font-size: 11px; }

/* ---------- 窄屏 ---------- */
@media (max-width: 1040px) {
  .frame { width: auto; margin: 0; box-shadow: none; }
  .reader-layout { grid-template-columns: 1fr !important; }
  .wallwrap { position: static !important; max-height: none !important; }
}

/* 档案公开度倒退(见 desktop.css 同名规则) */
[data-wc="pct"].back { color: #cc0000 !important; font-weight: bold; }