/* ==========================================================================
   Macintosh 主题（经典 Mac OS System 6/7 黑白像素风）
   基于 System.css（MIT）视觉语言重写，适配本站自定义 DOM 结构。
   由 html[data-theme="macintosh"] 触发。
   ========================================================================== */

/* ---------- 字体 ---------- */
@font-face {
  font-family: Chicago_12;
  src: url('../assets/vendor/systemcss/fonts/ChiKareGo2.woff2') format('woff2'),
       url('../assets/vendor/systemcss/fonts/ChiKareGo2.woff') format('woff');
}
@font-face {
  font-family: Chicago;
  src: url('../assets/vendor/systemcss/fonts/ChicagoFLF.woff2') format('woff2'),
       url('../assets/vendor/systemcss/fonts/ChicagoFLF.woff') format('woff');
}
@font-face {
  font-family: Monaco;
  src: url('../assets/vendor/systemcss/fonts/monaco.woff2') format('woff2'),
       url('../assets/vendor/systemcss/fonts/monaco.woff') format('woff');
}

html[data-theme="macintosh"] {
  --mac-black: #000;
  --mac-white: #fff;
  --mac-grey: #7d7d7d;
  --mac-light: #d6dbe0;
  --mac-desktop: #aab4c2;
}

/* ================= 菜单栏 ================= */
html[data-theme="macintosh"] .menu-bar {
  background: var(--mac-white);
  color: var(--mac-black);
  height: 26px;
  padding: 0 2px;
  border-bottom: 1px solid var(--mac-black);
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 13px;
  -webkit-font-smoothing: none;
  box-shadow: none;
}

html[data-theme="macintosh"] .menu-left,
html[data-theme="macintosh"] .menu-right {
  gap: 2px;
}

/* 像素 Apple logo（隐藏彩色 SVG，显示 System.css 像素版） */
html[data-theme="macintosh"] .menu-apple svg { display: none; }
html[data-theme="macintosh"] .menu-apple {
  width: 15px;
  height: 17px;
  margin-right: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAwOSAxMSIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiLz4KPHJlY3QgeD0iNCIgeT0iMSIgd2lkdGg9IjIiIGhlaWdodD0iMSIvPgo8cmVjdCB4PSI0IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+CjxyZWN0IHg9IjEiIHk9IjMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4KPHJlY3QgeD0iNSIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgo8cmVjdCB4PSIwIiB5PSI0IiB3aWR0aD0iOSIgaGVpZ2h0PSIxIi8+CjxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI3IiBoZWlnaHQ9IjIiLz4KPHJlY3QgeD0iMCIgeT0iNyIgd2lkdGg9IjkiIGhlaWdodD0iMiIvPgo8cmVjdCB4PSIxIiB5PSI5IiB3aWR0aD0iNyIgaGVpZ2h0PSIxIi8+CjxyZWN0IHg9IjIiIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxIi8+CjxyZWN0IHg9IjUiIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxIi8+Cjwvc3ZnPgo=') center / contain no-repeat;
  filter: none;
}

html[data-theme="macintosh"] .menu-app-name {
  font-weight: 400;
  margin-right: 8px;
}

html[data-theme="macintosh"] .menu-item {
  color: var(--mac-black);
  padding: 2px 8px;
  border-radius: 0;
  font-weight: 400;
}
html[data-theme="macintosh"] .menu-item:hover,
html[data-theme="macintosh"] .menu-item.is-open {
  background: var(--mac-black);
  color: var(--mac-white);
}

/* 右侧状态：只留时钟，隐藏 wifi / 搜索 / 电池 */
html[data-theme="macintosh"] .menu-status { display: none; }
html[data-theme="macintosh"] .menu-clock {
  font-family: Monaco, monospace;
  font-size: 12px;
  color: var(--mac-black);
  min-width: 44px;
}

/* ================= 下拉菜单（老 Mac 风格） ================= */
html[data-theme="macintosh"] .menu-pop {
  background: var(--mac-white);
  border: 1px solid var(--mac-black);
  border-radius: 0;
  box-shadow: 2px 2px 0 rgba(0,0,0,.45);
  padding: 4px 0;
  font-family: Chicago_12, Chicago, sans-serif;
  transform: none;
  opacity: 1;
  margin-top: 0;
}
html[data-theme="macintosh"] .menu-pop.is-open {
  transform: none;
}
html[data-theme="macintosh"] .menu-pop .mp-item {
  color: var(--mac-black);
  font-size: 13px;
  padding: 3px 12px 3px 24px;
}
html[data-theme="macintosh"] .menu-pop .mp-item:hover {
  background: var(--mac-black);
  color: var(--mac-white);
}
html[data-theme="macintosh"] .menu-pop .mp-item .mp-kbd {
  color: var(--mac-grey);
}
html[data-theme="macintosh"] .menu-pop .mp-item:hover .mp-kbd { color: var(--mac-white); }
html[data-theme="macintosh"] .menu-pop .mp-sep {
  height: 1px;
  background: var(--mac-black);
  margin: 4px 10px;
}
html[data-theme="macintosh"] .menu-pop .mp-check {
  font-size: 13px;
  margin-left: -18px;
}

/* ================= 壁纸（System 7 浅灰蓝桌面） ================= */
html[data-theme="macintosh"] .wallpaper {
  background: var(--mac-desktop);
}

/* ================= 主题切换按钮 ================= */
html[data-theme="macintosh"] .theme-toggle {
  border-radius: 0;
  width: 13px;
  height: 13px;
  border: 1px solid var(--mac-black);
  background: linear-gradient(90deg, var(--mac-black) 0 50%, var(--mac-white) 50% 100%);
  box-shadow: 1px 1px 0 rgba(0,0,0,.4);
  margin-right: 6px;
}

/* ================= 桌面图标（老 Mac 黑白像素风） ================= */
html[data-theme="macintosh"] .desk-icons {
  gap: 18px 22px;
  padding: 14px;
}

html[data-theme="macintosh"] .desk-icon {
  border-radius: 0;
  padding: 2px 4px 4px;
}
html[data-theme="macintosh"] .desk-icon .di-ic {
  width: 40px;
  height: 40px;
}
html[data-theme="macintosh"] .desk-icon .di-ic img {
  image-rendering: pixelated;
}
html[data-theme="macintosh"] .desk-icon .di-name {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--mac-black);
  text-shadow: none;
  line-height: 1.1;
  margin-top: 3px;
}
html[data-theme="macintosh"] .desk-icon.is-selected {
  background: var(--mac-black);
}
html[data-theme="macintosh"] .desk-icon.is-selected .di-name {
  color: var(--mac-white);
}

/* ================= 窗口（System 7 风格） ================= */
html[data-theme="macintosh"] .win {
  background: var(--mac-white);
  border: 1px solid var(--mac-black);
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(0,0,0,.35);
  font-family: Monaco, monospace;
  --win-w: 640px;
}
html[data-theme="macintosh"] .win.is-front {
  box-shadow: 4px 4px 0 rgba(0,0,0,.45);
}
html[data-theme="macintosh"] .win.is-max {
  border-radius: 0;
  box-shadow: none;
}

/* 标题栏：横纹 + 黑底边 */
html[data-theme="macintosh"] .win-bar {
  height: 24px;
  background: repeating-linear-gradient(
    180deg,
    var(--mac-light) 0 1px,
    #c4cad1 1px 2px
  );
  border-bottom: 1px solid var(--mac-black);
  padding: 0 6px;
  cursor: grab;
  gap: 6px;
}

/* 关闭盒（只保留 close，min/max 隐藏） */
html[data-theme="macintosh"] .win-light {
  width: 12px;
  height: 12px;
  border-radius: 0;
  border: 1px solid var(--mac-black);
  background: var(--mac-white);
  box-shadow: 1px 1px 0 rgba(0,0,0,.5);
  position: relative;
}
html[data-theme="macintosh"] .win-light::after {
  opacity: 1;
  background: none;
}
html[data-theme="macintosh"] .win-light.min,
html[data-theme="macintosh"] .win-light.max {
  display: none;
}
/* 关闭盒按下变黑 */
html[data-theme="macintosh"] .win-light.close:active {
  background: var(--mac-black);
}

html[data-theme="macintosh"] .win-title {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--mac-black);
  text-align: left;
  flex: 1;
}
html[data-theme="macintosh"] .win-sub {
  color: var(--mac-grey);
  font-size: 11px;
}

/* 窗口内容 */
html[data-theme="macintosh"] .win-body {
  background: var(--mac-white);
  font-family: Monaco, monospace;
  font-size: 13px;
  color: #222;
  line-height: 1.55;
  padding: 18px 22px;
}
html[data-theme="macintosh"] .win-lead {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 13px;
  color: #333;
  margin: 2px 0 14px;
}
html[data-theme="macintosh"] .win-sec {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--mac-black);
  letter-spacing: 0;
  margin: 16px 0 8px;
  text-transform: none;
}

/* 卡片/列表像素化：去圆角、硬边框 */
html[data-theme="macintosh"] .win-card {
  border: 1px solid var(--mac-black);
  border-radius: 0;
  background: var(--mac-white);
  box-shadow: 2px 2px 0 rgba(0,0,0,.25);
  padding: 10px 12px;
}
html[data-theme="macintosh"] .win-card h4 {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 13px;
  margin: 0 0 4px;
}
html[data-theme="macintosh"] .win-card p {
  font-size: 12px;
  color: #333;
}
html[data-theme="macintosh"] .win-card .win-tag {
  border: 1px solid var(--mac-black);
  border-radius: 0;
  color: var(--mac-black);
  background: var(--mac-white);
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 11px;
}
html[data-theme="macintosh"] .win-card .win-tag.orange,
html[data-theme="macintosh"] .win-card .win-tag.green {
  color: var(--mac-black);
  background: var(--mac-white);
}

html[data-theme="macintosh"] .win-row {
  border: 1px solid var(--mac-black);
  background: var(--mac-white);
  padding: 6px 10px;
}
html[data-theme="macintosh"] .win-row .wr-date {
  font-size: 11px;
  color: var(--mac-grey);
  min-width: 52px;
}
html[data-theme="macintosh"] .win-row .wr-title {
  font-size: 12.5px;
}
html[data-theme="macintosh"] .win-row .wr-ex {
  font-size: 11.5px;
  color: #444;
}

html[data-theme="macintosh"] .win-photo {
  border: 1px solid var(--mac-black);
  border-radius: 0;
  background: var(--mac-white);
  box-shadow: 2px 2px 0 rgba(0,0,0,.2);
}
html[data-theme="macintosh"] .win-photo .wp-tag {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 10.5px;
  color: var(--mac-black);
  border-top: 1px solid var(--mac-black);
  border-radius: 0;
  padding: 3px 4px;
}

html[data-theme="macintosh"] .win-tl-dot {
  border-radius: 0;
  background: var(--mac-black);
  border: 1px solid var(--mac-black);
  width: 7px;
  height: 7px;
}
html[data-theme="macintosh"] .win-tl-item div { font-size: 12px; color: #222; }
html[data-theme="macintosh"] .win-tl-item b { font-size: 12px; color: var(--mac-black); }

html[data-theme="macintosh"] .win-contact a,
html[data-theme="macintosh"] .win-contact .wc-item {
  border: 1px solid var(--mac-black);
  border-radius: 0;
  background: var(--mac-white);
  box-shadow: 2px 2px 0 rgba(0,0,0,.2);
  padding: 8px 10px;
}
html[data-theme="macintosh"] .win-contact a:hover {
  background: var(--mac-black);
}
html[data-theme="macintosh"] .win-contact a:hover b,
html[data-theme="macintosh"] .win-contact a:hover small {
  color: var(--mac-white);
}
html[data-theme="macintosh"] .win-contact .wc-ic {
  border-radius: 0;
  border: 1px solid var(--mac-black);
}

/* 滚动条：老 Mac 灰白棋盘格 */
html[data-theme="macintosh"] .win-body::-webkit-scrollbar { width: 16px; background: var(--mac-white); }
html[data-theme="macintosh"] .win-body::-webkit-scrollbar-track {
  background:
    linear-gradient(45deg, var(--mac-grey) 25%, transparent 25%, transparent 75%, var(--mac-grey) 75%),
    linear-gradient(45deg, var(--mac-grey) 25%, transparent 25%, transparent 75%, var(--mac-grey) 75%);
  background-color: var(--mac-white);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  border-left: 1px solid var(--mac-black);
}
html[data-theme="macintosh"] .win-body::-webkit-scrollbar-thumb {
  background: var(--mac-white);
  border: 1px solid var(--mac-black);
  border-radius: 0;
}

/* ================= Dock 隐藏，Trash 右下角 ================= */
html[data-theme="macintosh"] .dock { display: none; }

html[data-theme="macintosh"] .mac-trash {
  position: absolute;
  right: 22px;
  bottom: 20px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 3px 6px 5px;
}
html[data-theme="macintosh"] .mac-trash img {
  width: 34px;
  height: 34px;
  image-rendering: pixelated;
}
html[data-theme="macintosh"] .mac-trash .mt-name {
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 12px;
  color: var(--mac-black);
  line-height: 1.1;
}
html[data-theme="macintosh"] .mac-trash:hover { background: rgba(0,0,0,.12); }

/* ================= toast（老式白底黑边） ================= */
html[data-theme="macintosh"] .toast {
  background: var(--mac-white);
  color: var(--mac-black);
  border: 1px solid var(--mac-black);
  border-radius: 0;
  box-shadow: 2px 2px 0 rgba(0,0,0,.4);
  font-family: Chicago_12, Chicago, sans-serif;
  font-size: 13px;
}

/* ================= 移动端：mac 主题下隐藏 Trash、保留导航 ================= */
@media (max-width: 767px) {
  html[data-theme="macintosh"] .mac-trash { display: none; }
}