/* ============================================================
   UNCLAIMED — 档案馆（内部页面）
   刻意做成 2000 年代自治体网站：白底、蓝框、表格线、小字
   ============================================================ */

*{ box-sizing:border-box; }

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

body{
  margin:0;
  background:#f7f2e6;
  color:#25201a;
  font-family:"MS PGothic","Osaka","Yu Gothic","Meiryo",
              "Microsoft YaHei","PingFang SC","Hiragino Kaku Gothic ProN",sans-serif;
  font-size:13px;
  line-height:1.65;
}

a{ color:#8a4b1e; text-decoration:underline; }
a:visited{ color:#6b3a18; }
a:hover{ color:#a83218; }

img{ display:block; max-width:100%; height:auto; }

/* ---------- 中文字幕 ---------- */
.zh{
  display:block;
  font-size:11px;
  line-height:1.7;
  color:#5d666f;
  margin-top:3px;
  font-family:"Microsoft YaHei",sans-serif;
  letter-spacing:.01em;
  font-weight:normal;
}
td .zh{ margin-top:2px; }
.note .zh, .note-box .zh{ color:#6a6a5c; }

/* ---------- 页眉 ---------- */
#header{
  background:#3a2c1f;
  color:#f7f2e6;
  padding:10px 0 0;
  border-bottom:3px solid #8a6f4d;
}
.header-inner{
  max-width:960px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.lib-name{
  font-size:19px;
  font-weight:bold;
  letter-spacing:.06em;
  padding-bottom:10px;
}
.lib-name small{
  display:block;
  font-size:10px;
  font-weight:normal;
  letter-spacing:.16em;
  color:#b9cfe6;
  margin-top:2px;
}
.utility{
  font-size:10px;
  color:#c9dcee;
  padding-bottom:12px;
  text-align:right;
  line-height:1.9;
}
.utility a{ color:#c9dcee; text-decoration:none; }
.utility a:hover{ color:#f7f2e6; text-decoration:underline; }
.utility .sizes{ letter-spacing:.1em; }
.utility .sizes span{
  display:inline-block;
  border:1px solid #7fa5c9;
  padding:0 4px;
  margin-left:3px;
  color:#dce9f4;
}

/* ---------- 面包屑 ---------- */
#breadcrumb{
  background:#ece3d2;
  border-bottom:1px solid #c9b99c;
  font-size:11px;
  color:#4a4034;
}
#breadcrumb .inner{
  max-width:960px;
  margin:0 auto;
  padding:6px 16px;
}
#breadcrumb a{ color:#3a2c1f; text-decoration:none; }
#breadcrumb a:hover{ text-decoration:underline; }
#breadcrumb .sep{ color:#8899aa; padding:0 6px; }

/* ---------- 两栏 ---------- */
#main{
  max-width:960px;
  margin:0 auto;
  padding:20px 16px 46px;
  display:flex;
  gap:28px;
  align-items:flex-start;
}
#side{
  flex:0 0 190px;
  font-size:12px;
}
#side .box{
  border:1px solid #bda98a;
  background:#f5efe4;
  margin-bottom:14px;
}
#side .box h3{
  margin:0;
  padding:7px 10px;
  font-size:12px;
  background:#ddd0b8;
  border-bottom:1px solid #bda98a;
  color:#3a2c1f;
  font-weight:bold;
}
#side .box ul{
  margin:0;
  padding:8px 10px 10px 24px;
}
#side .box li{ margin:3px 0; line-height:1.5; }
#side .box li a{ color:#3a2c1f; text-decoration:none; }
#side .box li a:hover{ text-decoration:underline; }
#side .box .txt{ padding:8px 10px; font-size:11px; color:#5a5042; line-height:1.7; }

#content{ flex:1 1 auto; min-width:0; }

/* ---------- 标题 ---------- */
h1{
  font-size:18px;
  margin:0 0 4px;
  padding:0 0 8px;
  border-bottom:3px solid #3a2c1f;
  color:#3a2c1f;
  letter-spacing:.04em;
}
.updated{
  font-size:11px;
  color:#6a6052;
  margin:0 0 18px;
  text-align:right;
}
h2{
  font-size:15px;
  margin:34px 0 12px;
  padding:4px 0 4px 9px;
  border-left:5px solid #3a2c1f;
  background:#ece3d2;
  color:#3a2c1f;
  letter-spacing:.03em;
}
h3{
  font-size:13px;
  margin:20px 0 8px;
  color:#2e2820;
  border-bottom:1px dotted #aab;
  padding-bottom:4px;
}
p{ margin:0 0 1em; }

.lead{
  font-size:12px;
  color:#4a4034;
  margin:0 0 18px;
}

/* ---------- 表格 ---------- */
table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 14px;
  font-size:12px;
}
caption{
  caption-side:top;
  text-align:left;
  font-size:11px;
  color:#5a5042;
  padding:0 0 5px;
}
th,td{
  border:1px solid #b8a688;
  padding:5px 8px;
  vertical-align:top;
  text-align:left;
}
th{
  background:#ddd0b8;
  font-weight:bold;
  color:#3a2c1f;
  white-space:nowrap;
}
tbody tr:nth-child(even) td{ background:#f5efe4; }

td.num{ text-align:right; white-space:nowrap; }
td.c{ text-align:center; }

/* ---------- 注释 ---------- */
.note{
  font-size:11px;
  color:#6a6052;
  line-height:1.75;
  margin:6px 0 0;
}
.note-box{
  border:1px solid #cbb894;
  background:#f7f2e6df2;
  padding:10px 12px;
  font-size:11.5px;
  color:#5a4a30;
  margin:16px 0;
  line-height:1.75;
}
.note-box b{ color:#6b4a10; }

/* ---------- 附件链接 ---------- */
.attach{
  border:1px solid #bda98a;
  margin:10px 0 0;
  font-size:12px;
}
.attach li{ padding:6px 10px; border-top:1px solid #d8c9ae; }
.attach li:first-child{ border-top:0; }
.attach ul{ margin:0; padding:0; list-style:none; }
.pdf-tag{
  font-size:10px;
  color:#666;
  border:1px solid #bbb;
  padding:0 3px;
  margin-left:4px;
  background:#f4f4f4;
}
.dead{ color:#8a4b1e; text-decoration:underline; cursor:pointer; }

/* ---------- 人名划痕（核心线索） ---------- */
td.name{ position:relative; white-space:nowrap; }
.struck{ position:relative; display:inline-block; color:#555; }
.scratch{
  position:absolute;
  left:-3px;
  top:50%;
  width:calc(100% + 6px);
  height:10px;
  transform:translateY(-48%) rotate(-1.5deg);
  overflow:visible;
  pointer-events:none;
}
.scratch path{
  fill:none;
  stroke:#787878;
  stroke-width:1.2;
  stroke-linecap:round;
  opacity:.9;
}

/* 名簿表格收窄，贴近实物比例 */
table.roster{ max-width:620px; }

/* ---------- 页脚 ---------- */
#footer{
  border-top:3px solid #8a6f4d;
  background:#ece3d2;
  font-size:11px;
  color:#4a4034;
  padding:16px 0 26px;
}
#footer .inner{
  max-width:960px;
  margin:0 auto;
  padding:0 16px;
}
#footer .links{ margin:0 0 8px; }
#footer .links a{ color:#3a2c1f; text-decoration:none; margin-right:14px; }
#footer .links a:hover{ text-decoration:underline; }
#footer .copy{ color:#6a6052; margin:10px 0 0; font-size:10.5px; }

.pagetop{
  text-align:right;
  font-size:11px;
  margin:26px 0 0;
}
.pagetop a{ color:#3a2c1f; }

/* ---------- 窄屏 ---------- */
@media (max-width:720px){
  #main{ flex-direction:column; gap:18px; }
  #content{ order:1; }
  #side{
    order:2;
    flex:1 1 auto;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
  }
  #side .box{ flex:1 1 250px; margin-bottom:0; }
  .header-inner{ flex-direction:column; align-items:flex-start; gap:0; }
  .utility{ text-align:left; padding:0 0 10px; }
  h1{ font-size:16px; }
  table{ font-size:11.5px; }
  th,td{ padding:4px 6px; }
}


/* ---------- 尊重「减少动态效果」 ---------- */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}


/* ============ 双语切换 ============ */
/* 中文版：隐藏日文 */
html[data-lang="zh"] .jp{ display:none !important; }

/* 日文版：隐藏所有中文元素 */
html[data-lang="jp"] .zh,
html[data-lang="jp"] .zh-dark,
html[data-lang="jp"] .zh-UI,
html[data-lang="jp"] .zh-hint,
html[data-lang="jp"] .sub,
html[data-lang="jp"] .zh-i{ display:none !important; }

/* 中文版：字幕样式统一回正文样式 */
html[data-lang="zh"] .zh,
html[data-lang="zh"] .sub,
html[data-lang="zh"] .zh-dark,
html[data-lang="zh"] .zh-UI,
html[data-lang="zh"] .zh-hint,
html[data-lang="zh"] .zh-i{
  font-size:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
  margin-top:0 !important;
  letter-spacing:inherit !important;
  font-weight:inherit !important;
  opacity:1 !important;
}