/*
  retro.css（sjpx/wwwroot 版）
  目标：尽量保持 2000 年网页的视觉风格，同时在现代浏览器更稳定显示。
*/

html, body { padding: 0; margin: 0; }

body {
  font-family: SimSun, "宋体", "NSimSun", Arial, sans-serif;
  font-size: 12px;
  line-height: 15pt;
  background-attachment: fixed;
  /* 小屏时允许横向滚动（作为兜底） */
  overflow-x: auto;
}

table, td { font-size: 12px; line-height: 15pt; }

a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; }

/* 让“禁用按钮/灰色按钮”看起来像老站点但不可点 */
.retro-disabled,
.retro-disabled * {
  color: #808080 !important;
  cursor: not-allowed !important;
  text-decoration: none !important;
}

/* =============================================
   适配现代高分辨率显示器
   原始设计基于 ~1024px 分辨率，通过 CSS zoom
   按比例放大页面内容，保持原始布局比例不变。
   效果等同于浏览器手动放大，但自动根据屏幕尺寸适配。

   各分辨率下的等效布局宽度：
   1280px → zoom 1.15 → 等效 ~1113px
   1440px → zoom 1.25 → 等效 ~1152px
   1600px → zoom 1.35 → 等效 ~1185px
   1920px → zoom 1.5  → 等效 ~1280px
   2560px → zoom 1.75 → 等效 ~1463px
   ============================================= */
@media screen and (min-width: 1280px) {
  body { zoom: 1.15; }
}
@media screen and (min-width: 1440px) {
  body { zoom: 1.25; }
}
@media screen and (min-width: 1600px) {
  body { zoom: 1.35; }
}
@media screen and (min-width: 1920px) {
  body { zoom: 1.5; }
}
@media screen and (min-width: 2560px) {
  body { zoom: 1.75; }
}