/* szhlwj.net — 网页核 Webcore × 复古表格  生产样式
   90 年代个人主页：table 布局、平铺底纹、Win98 立体边框、蓝色下划线链接、访客计数器。
   与 Y2K 桌面（98magic）的分界：那站是"模拟桌面"，这站是"模拟网页本体"。 */
:root{
  --desk:#C0C0C0;       /* Win98 桌面灰 */
  --navy:#000080;       /* 深蓝标题栏 */
  --white:#FFFFFF;
  --sky:#ADD8E6;        /* 天蓝 */
  --gray:#DFDFDF;       /* 浅灰 */
  --frame:#808080;      /* 立体边框暗边 */
  --cream:#FFFFCC;      /* 米白 */
  --link:#0000EE;
  --visited:#551A8B;
  --hot:#FF0000;
  --ink:#000000;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background-color:var(--desk);
  /* 平铺底纹：模拟 90 年代的 bg.gif 网格 */
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.42) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.42) 0 1px, transparent 1px 16px);
  color:var(--ink);
  font-family:"Times New Roman",Times,"宋体",SimSun,serif;
  font-size:15px;line-height:1.7;
}
a{color:var(--link);text-decoration:underline}
a:visited{color:var(--visited)}
a:hover{color:var(--hot);background:var(--cream)}
img{max-width:100%;height:auto;display:block}

/* ---------- Win98 立体边框 ---------- */
.wraise{border:2px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;background:var(--desk)}
.wsunken{border:2px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;background:var(--white)}
.wwin{border:2px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;background:var(--desk);padding:2px}
.wwin .wtbar{background:linear-gradient(90deg,var(--navy),#1084D0);color:#fff;font-weight:bold;
  font-size:13px;padding:3px 5px;display:flex;align-items:center;gap:6px;letter-spacing:.02em}
.wwin .wtbar .ttl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wwin .wtbar .btns{display:flex;gap:2px}
.wwin .wtbar .btns i{width:16px;height:14px;background:var(--desk);border:1px solid;border-color:#fff #808080 #808080 #fff;
  color:#000;font-size:10px;line-height:12px;text-align:center;font-style:normal;font-family:Tahoma,sans-serif}
.wwin .body{padding:10px}

/* ---------- 页面容器 ---------- */
.wpage{width:920px;margin:18px auto;padding-bottom:24px}
.whdr{background:linear-gradient(180deg,#1084D0 0%,var(--navy) 100%);color:#fff;
  border:2px solid;border-color:#5AA9E0 #000040 #000040 #5AA9E0;padding:10px 12px;display:flex;align-items:center;gap:10px}
.whdr .logo{font-size:26px;font-weight:bold;letter-spacing:.02em;font-family:"Times New Roman",Times,"宋体",serif}
.whdr .logo span{color:#FFFF99}
.whdr .sub{font-size:12px;color:#C8E4F8;margin-top:2px}
.whdr .sp{flex:1}
.whdr .btns{display:flex;gap:3px}
.whdr .btns i{width:20px;height:18px;background:var(--desk);border:1px solid;border-color:#fff #808080 #808080 #fff;
  color:#000;font-size:12px;line-height:16px;text-align:center;font-style:normal;font-family:Tahoma,sans-serif}

/* 跑马灯 */
.wtick{margin-top:6px;background:var(--cream);border:2px solid;border-color:#808080 #fff #fff #808080;
  overflow:hidden;padding:4px 0;font-size:13px}
.wtick .track{display:inline-block;white-space:nowrap;padding-left:100%;animation:mv 26s linear infinite}
.wtick .track b{color:#B00000}
@keyframes mv{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.wtick .track{animation:none;padding-left:12px}}

/* 表格布局 */
table.wlay{width:100%;border-collapse:separate;border-spacing:6px}
table.wlay>tbody>tr>td{vertical-align:top}
td.wside{width:212px}
.wnav{border:2px solid;border-color:#fff #808080 #808080 #fff;background:var(--white);padding:6px 8px}
.wnav h3{font-size:13px;background:var(--navy);color:#fff;margin:-6px -8px 8px;padding:3px 8px;font-weight:bold}
.wnav ul{list-style:none}
.wnav li{padding:3px 0;font-size:14px;border-bottom:1px dotted #999}
.wnav li:last-child{border-bottom:0}
.wnav li a{display:block}

/* 计数器 */
.wcounter{border:2px solid;border-color:#808080 #fff #fff #808080;background:#000;color:#0F0;
  font-family:"Courier New",Courier,monospace;font-size:18px;letter-spacing:4px;text-align:center;padding:6px 2px;margin-top:6px}
.wcounterlab{text-align:center;font-size:11px;color:#333;margin-top:3px}

/* 88x31 按钮墙 */
.wbuttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.wbtn88{width:88px;height:31px;border:1px solid #808080;background:linear-gradient(135deg,#003,#036);
  color:#9CF;font-family:Tahoma,Verdana,sans-serif;font-size:9px;line-height:1.1;text-align:center;
  padding:3px 2px;display:flex;align-items:center;justify-content:center}

/* 内容区 */
.wmain{border:2px solid;border-color:#fff #808080 #808080 #fff;background:var(--white);padding:14px 16px}
.wmain h2{font-size:20px;color:var(--navy);border-bottom:2px solid var(--sky);padding-bottom:6px;margin:4px 0 12px}
.wmain h1{font-size:28px;color:var(--navy);line-height:1.25;margin-bottom:8px}
.wmain p{margin-bottom:12px}
.wmain .lead{background:var(--cream);border:1px dashed #B8A800;padding:10px 12px;font-size:14px}
.wmain .lead b{color:#B00000}
.wkv{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.wkv th,.wkv td{border:1px solid #A0A0A0;padding:7px 9px;text-align:left;vertical-align:top}
.wkv th{background:var(--sky);color:#003;width:140px}
.wkv tr:nth-child(even) td{background:#F6F6F6}

/* NEW! 闪烁（只用在极小的徽标上，且尊重减少动效） */
.wblink{color:#D00000;font-weight:bold;font-size:12px;font-family:Tahoma,Verdana,sans-serif;animation:bk 1.1s steps(1) infinite}
@keyframes bk{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.wblink{animation:none}}

/* 分隔条 */
.whr{height:2px;border-top:1px solid #808080;border-bottom:1px solid #fff;margin:14px 0}

/* 页脚 */
.wft{margin-top:8px;padding:12px;text-align:center;font-size:12px;color:#333;
  border:2px solid;border-color:#fff #808080 #808080 #fff;background:var(--gray)}
.wft .wbadge{display:inline-block;border:1px solid #808080;background:#fff;padding:2px 8px;margin:0 4px;font-family:Tahoma,Verdana,sans-serif;font-size:11px}

/* ---------- L1 表格列表 ---------- */
.wtab{width:100%;border-collapse:collapse;font-size:14px}
.wtab th{background:var(--navy);color:#fff;text-align:left;padding:7px 9px;border:1px solid #000040;font-weight:bold}
.wtab td{border:1px solid #A0A0A0;padding:8px 9px;vertical-align:top}
.wtab tr:nth-child(even) td{background:#F4F8FC}
.wtab .no{width:34px;text-align:center;font-family:Tahoma,Verdana,sans-serif;font-size:12px;color:#555}
.wtab .dt{width:110px;font-size:12px;color:#444;white-space:nowrap}
.wtab .grp{width:110px;font-size:12px}
.wpager{text-align:center;margin-top:12px;font-size:14px}
.wpager a{margin:0 5px}

/* ---------- L2 文章页 ---------- */
.wartmeta{font-size:12px;color:#444;border-bottom:1px dotted #999;padding-bottom:8px;margin-bottom:14px}
.wart h2{font-size:19px;color:var(--navy);margin:22px 0 8px;border-bottom:1px solid var(--sky);padding-bottom:4px}
.wart .wpull{background:var(--cream);border:1px solid #C8B800;padding:10px 12px;margin:16px 0;font-size:15px}
.wart figure{margin:16px 0}
.wart .ph{height:220px;border:2px solid;border-color:#808080 #fff #fff #808080;background:#EDEDED;
  display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;font-family:Tahoma,Verdana,sans-serif}
.wart figcaption{font-size:12px;color:#555;margin-top:6px;text-align:center}
.wart .wrel{margin-top:24px;border-top:2px solid var(--sky);padding-top:12px}
.wart .wrel ul{list-style:square;padding-left:22px}
.wart .wrel li{margin-bottom:6px}

/* ---------- 移动端：表格布局必须解体 ---------- */
@media (max-width:960px){
  .wpage{width:auto;margin:10px;padding:0 0 16px}
  table.wlay,table.wlay>tbody,table.wlay>tbody>tr,table.wlay>tbody>tr>td{display:block;width:auto}
  td.wside{margin-bottom:6px}
  .whdr{flex-wrap:wrap}
  .whdr .logo{font-size:21px}
  .wkv th{width:auto}
  .wtab,.wtab>tbody,.wtab>tbody>tr,.wtab>tbody>tr>td,.wtab>tbody>tr>th{display:block;width:auto}
  .wtab thead{display:none}
  .wtab tr{border:2px solid;border-color:#fff #808080 #808080 #fff;margin-bottom:6px;background:#fff}
  .wtab td{border:0;border-top:1px dotted #bbb}
  .wtab td:first-child{border-top:0}
  .wtab .no,.wtab .dt,.wtab .grp{display:inline-block;width:auto;color:#666}
  .wbuttons{gap:3px}
}


/* ---------- 图片带（放在正文里，用老式相框） ---------- */
.wband{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.wband figure{margin:0;background:var(--desk);border:2px solid;border-color:#fff #808080 #808080 #fff;padding:4px}
.wband img{width:100%;height:150px;object-fit:cover;display:block;border:1px solid #808080}
.wband figcaption{font-size:11px;color:#333;text-align:center;padding:4px 2px 0;font-family:Tahoma,Verdana,sans-serif}

/* ---------- 内链三件套 ---------- */
.wprevnext{display:grid;grid-template-columns:1fr 1fr;border:2px solid;border-color:#808080 #fff #fff #808080;margin-top:14px;background:#fff}
.wprevnext a{padding:10px 12px;font-size:14px}
.wprevnext a.nx{text-align:right;border-left:1px dotted #999}
.wprevnext span{display:block;font-size:11px;color:#666;font-family:Tahoma,Verdana,sans-serif;margin-bottom:2px}
.wsame{margin-top:14px;border-top:2px solid var(--sky);padding-top:10px}
.wsame ul{list-style:square;padding-left:22px}
.wsame li{margin-bottom:5px;font-size:14px}

/* ---------- 信任页 ---------- */
.wpg{padding:6px 16px 18px}
.wpg .lbl{font-size:12px;font-family:Tahoma,Verdana,sans-serif;color:#555;letter-spacing:.08em}
.wpg h1{font-size:26px;color:var(--navy);margin:4px 0 10px;border-bottom:2px solid var(--sky);padding-bottom:6px}
.wpg .wmain{max-width:760px}
.wpg .wmain h2{font-size:18px;color:var(--navy);margin:20px 0 8px}
.wpg .wmain p{margin-bottom:12px}
.wpg .err .code{font-size:72px;font-family:"Courier New",Courier,monospace;color:#B00000;letter-spacing:6px}

/* ---------- 移动端补充 ---------- */
@media (max-width:960px){
  .wband{grid-template-columns:1fr}
  .wband img{height:180px}
  .wprevnext{grid-template-columns:1fr}
  .wprevnext a.nx{text-align:left;border-left:0;border-top:1px dotted #999}
  .wpg h1{font-size:21px}
}


/* ---------- 顶部注册条 ---------- */
.waction{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;
  background:var(--cream);border:2px solid;border-color:#808080 #fff #fff #808080;
  padding:7px 10px;margin-top:6px;font-size:15px;font-weight:bold}
.waction a{color:#0000EE;text-decoration:underline}
.waction a:hover{color:#FF0000;background:#FFFFFF}
@media (max-width:960px){.waction{gap:16px;font-size:14px}}