/* ============================================================
   镜花拾光 · style.css —— 兼容 Internet Explorer 6
   铁律：不用 border-radius / box-shadow / opacity / rgba /
   CSS动画 / flex / max-width / position:fixed / :hover(非a标签)
   ============================================================ */

/* ---------- 全局 ---------- */
body {
  background-color: #008080;   /* Win98 经典桌面 Teal，致敬 98 */
  color: #FFFFFF;
  font-family: SimSun, "宋体", serif;   /* 中文用宋体，IE6 最稳 */
  font-size: 14px;
  margin: 0;
  padding: 0;
}

a { color: #8FF7F3; }
a:visited { color: #79E4D6; }
a:hover { color: #D0FFF8; }

/* ---------- 跑马灯 ---------- */
.marquee-bar {
  background: #021E1E;
  color: #7CF7F3;
  font-size: 12px;
  font-weight: bold;
}

/* ---------- 侧边栏 / 导航（比背景深一号的青绿面板） ---------- */
.sidebar { background: #0B3E3E; }

.nav-item { background: #0B4A4A; border: 1px solid #40D9D9; }
.nav-item a { display: block; text-decoration: none; }
/* 注意：IE6 只认 a:hover，td 的 :hover 会被忽略（无害） */

.content { background: #0A3333; }
.footer { background: #111111; }

/* ---------- 88×31 按钮占位 ---------- */
.badge88 {
  width: 88px;
  height: 31px;
  background: #000000;
  border: 1px solid #40D9D9;
  color: #7CF7F3;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
  padding-top: 3px;
}

/* ---------- ★ 点唱机 ---------- */
.music-player {
  border: 2px outset #008080;   /* Win98 窗口质感边框 */
  background: #000000;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
}

.player-title {
  display: block;
  color: #7CF7F3;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 6px;
}

/* 走字屏 */
.track-info {
  width: 100%;
  height: 18px;
  overflow: hidden;
  background: #111111;
  border: 1px inset #2F5E5E;
  margin-bottom: 8px;
}
.track-info marquee { color: #AFFFF6; font-size: 12px; line-height: 18px; }

/* 曲目列表 */
.track-list { list-style: none; margin: 0 0 8px 0; padding: 0; }
.track-list li { margin: 2px 0; }
.track-link {
  display: block;
  text-decoration: none;
  color: #AFFFF6;
  font-size: 12px;
  background: #0C3333;
  border: 1px solid #0C6666;
  padding: 3px 6px;
  text-align: left;
}
.track-link:hover { color: #FFFFFF; background: #0F6A6A; }  /* a:hover，IE6 有效 */
.track-link.playing { color: #FFFF00; font-weight: bold; background: #0C6666; }

/* 控制按钮（outset/inset 边框是 IE6 时代经典质感） */
.player-controls { margin: 6px 0 4px 0; }
.player-controls .btn {
  background: #0C6666;
  color: #DFFFFF;
  border: 2px outset #098080;
  padding: 3px 10px;
  font-size: 12px;
  cursor: pointer;
  margin: 0 3px;
  font-family: SimSun, "宋体", serif;
}

.player-hint { color: #666666; font-size: 10px; margin-top: 4px; }

/* ---------- ★ 友情链接页 ---------- */
.link-table { width: 100%; border: 0; }
.link-card {
  background: #0A3333;
  border: 1px solid #098080;
  padding: 6px;
}
.link-card img {
  width: 50px;
  height: 50px;
  border: 1px solid #7FF5F5;
  vertical-align: middle;
}
.avatar-placeholder {
  width: 50px;
  height: 50px;
  background: #0C6666;
  border: 1px solid #7FF5F5;
  color: #7CF7F3;
  font-size: 10px;
  text-align: center;
  line-height: 50px;
}
.link-name { color: #FFFF00; font-weight: bold; font-size: 14px; }
.link-desc { color: #CCCCCC; font-size: 12px; }
.link-url { color: #888888; font-size: 12px; }

/* 申请友链 */
.apply-area {
  background: #0B3E3E;
  border: 1px dashed #40D9D9;   /* IE6 支持 dashed */
  padding: 10px;
  text-align: center;
}
.apply-desc { color: #CCCCCC; font-size: 12px; }
.apply-email { color: #00FF00; font-weight: bold; }

/* ---------- 移动端适配（现代浏览器生效；IE6 不识别 @media，自动保持桌面版） ---------- */
@media screen and (max-width: 980px) {

  /* 所有表格拉满屏幕宽，去掉固定 960 */
  table { width: 100% !important; }

  /* 主框架 + 标题区的单元格：从并排变为上下堆叠 */
  td.sidebar, td.content, td[valign="top"], td[align="center"] {
    display: block;
    width: auto !important;
  }

  /* 标题字号按比例缩小 */
  td font[size="7"] { font-size: 34px; }
  td font[size="6"] { font-size: 28px; }
  td font[size="5"] { font-size: 20px; }
  td font[size="4"] { font-size: 17px; }
  td font[size="3"] { font-size: 14px; }

  /* 点唱机：按钮与曲目更适合手指点击 */
  .music-player { padding: 12px; }
  .track-link { font-size: 14px; padding: 8px 8px; }
  .player-controls .btn { font-size: 14px; padding: 8px 14px; margin: 4px 4px; }
  .track-info { height: 24px; }
  .track-info marquee { font-size: 14px; line-height: 24px; }

  /* 友链卡片 */
  .link-card img, .avatar-placeholder { width: 44px; height: 44px; }
  .badge88 { margin: 0 auto; }
}

/* 玩具箱：点头像进入（悬停提示） */
.link-card a:hover img,
.link-card a:hover .avatar-placeholder {
  border-color: #FFFF00;
}