/* ============================================================
 * Winamp（Webamp）宿主样式
 *
 * ⚠️⚠️ 本文件的存在意义只有一个：
 *     **把 Winamp 从本站的 Win31 窗口体系里摘出来**。
 *
 *   用户要求「Winamp 不适用 Win31 窗口边框打开」⇒ js/winamp.js 不调
 *   WM.create()，窗口壳由它自绘（.wa-root）。这里负责让这个壳
 *   **一点 Win31 痕迹都不带**：
 *     · 没有外侧黑线 / 灰包边 / 内侧黑线（.win 的 border + padding + ::after）
 *     · 没有标题栏 .titlebar、没有最小化/最大化键 .tb-btn
 *     · 没有客户区斜角 .win-client 的 1px 高光描边
 *     · 没有状态栏 .status-bar
 *     · 没有缩放手柄 .cnr
 *
 *   皮肤那一层「蓝色标题栏」是 Webamp 自己画在 iframe 里的贴图，
 *   不是本文件画的 —— 这正是「长得像 Winamp 而不是像 Win31」的关键。
 *
 *   所有选择器都带 `.wa-` 前缀，不碰站内任何既有类名。
 * ============================================================ */

/* ---------- 裸容器：唯一的定位盒 ---------- */
.wa-root {
  position: absolute;
  /* 刻意什么都不画：无 border、无 padding、无背景、无阴影。
     容器本身是透明的，用户看到的是里面 iframe 中 Webamp 的皮肤。 */
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  /* 拖拽时给个淡淡的提示环（不改变布局，只在拖动期间出现） */
  outline: 0 solid transparent;
}

/* 拖动中：给容器一圈虚线提示（Winamp 自己不给反馈，这里补一个） */
.wa-root.wa-drag {
  outline: 1px dashed rgba(0, 0, 0, 0.55);
  outline-offset: 0;
}

/* 「最小化」= 把画布收成一条（Winamp 不进本站托盘） */
.wa-root.wa-min .wa-stage {
  height: 0;
  overflow: hidden;
}
.wa-root.wa-min {
  height: 8px !important;
}

/* ---------- 画布 ---------- */
.wa-stage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* ⚠️⚠️ 必须 transparent（p140）。
     原先写 #232323 —— 那是「黑边」的另一半来源：画布比 Webamp 窗口组大出来的
     那圈会露出这个色，在深浅桌面上都是一条明显的黑带。
     透明 ⇒ 露出来的是桌面本身，四周永远不会出现任何边框。 */
  background: transparent;
}

.wa-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /* ⚠️ 高度由 JS 钉成 Webamp 的满高（348），**不随容器收缩** ——
     容器矮下去时靠 .wa-stage 的 overflow:hidden 裁掉多余部分。
     理由见 js/winamp.js 顶部的「画布尺寸」注释（Webamp 的居中量按满高算）。 */
  height: 348px;
  border: 0;
  display: block;
  background: transparent;
}

/* ---------- 载入遮罩 ----------
 * ⚠️ 配色刻意用 Winamp 自己的基色（近黑 + 绿字），
 *    而不是站内 Win3.1 的蓝底白字 —— 否则一眼就看出「这是本站的窗户」。
 *    载入完成后 .hide 淡出。 */
.wa-load {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  /* 载入遮罩是**临时**的一层，Webamp 一 ready 就淡出 ⇒ 保留深色是有意的
     （「这里正在起 Winamp」的占位），不会常驻成黑边。 */
  background: #232323;
  color: #00e000;
  text-align: center;
  padding: 10px;
  transition: opacity 0.25s linear;
  z-index: 3;
  /* 遮罩自己不接事件，免得挡住下面的画布 */
  pointer-events: none;
}
.wa-load.hide { opacity: 0; }

.wa-load-t {
  font-family: inherit;
  font-size: 15px;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 0 #000;
  max-width: 92%;
}

.wa-load-s {
  font-family: inherit;
  font-size: 11px;
  color: #8a8a8a;
  max-width: 92%;
  line-height: 1.4;
}