/* Mac OS X Aqua（10.0–10.2 年代）。只写和 Win98 不一样的地方 */
html[data-theme="aqua"] {
  --face: #ececec;
  --light: #f6f6f6;
  --shadow: #9a9a9a;
  --title1: #3875d7;
  --title2: #6aa1f0;
  --font: 13px "Lucida Grande", "Helvetica Neue", "PingFang SC", "STHeiti", "Microsoft YaHei", sans-serif;
  /* 蓝色流光壁纸 */
  --desk:
    radial-gradient(ellipse 70% 45% at 25% 30%, rgba(170, 215, 255, .75), transparent 70%),
    radial-gradient(ellipse 60% 40% at 80% 75%, rgba(120, 190, 255, .6), transparent 70%),
    radial-gradient(ellipse 120% 30% at 50% 55%, rgba(220, 240, 255, .55), transparent 65%),
    linear-gradient(160deg, #0b3f9e 0%, #1f6fd0 40%, #3b8ee6 60%, #0d4bb0 100%);
  --sel-bg: #3875d7;
  --sel-fg: #fff;
  /* 公告栏：Aqua 的浅蓝光泽条（像 Finder / Mail 的列表表头），深蓝字 */
  --notice-bg: linear-gradient(180deg, #f1f6fd 0%, #dbe7f8 50%, #c9dbf4 51%, #dce8f8 100%);
  --notice-fg: #173a75;
  --pinstripe: repeating-linear-gradient(180deg, #f4f4f4 0 2px, #ebebeb 2px 4px);
}
html[data-theme="aqua"] body { background-attachment: fixed; }

/* 窗口：细条纹底、圆角、大阴影 */
html[data-theme="aqua"] .window {
  background: var(--pinstripe);
  border-radius: 7px;
  padding: 0 6px 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .28), 0 10px 28px rgba(0, 0, 0, .45);
}
html[data-theme="aqua"] .window > .titlebar {
  position: relative;
  margin: 0 -6px 6px;
  height: 24px;
  padding: 0 70px;
  justify-content: center;
  border-radius: 7px 7px 0 0;
  background: linear-gradient(180deg, #f0f0f0 0%, #dcdcdc 50%, #cfcfcf 51%, #d8d8d8 100%);
  border-bottom: 1px solid #9a9a9a;
  color: #222;
  font-weight: normal;
  text-shadow: 0 1px #fff;
}
html[data-theme="aqua"] .window > .titlebar > span:first-child {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* 左上角红黄绿三个水晶圆点（装饰） */
html[data-theme="aqua"] .window > .titlebar::before {
  content: "";
  position: absolute; left: 9px; top: 5px;
  width: 54px; height: 14px;
  background:
    radial-gradient(ellipse 4px 2.5px at 50% 28%, rgba(255,255,255,.95), transparent) 0px 0 / 14px 14px no-repeat,
    radial-gradient(circle 7px at 50% 50%, #ffb3a8 0, #e0352b 3.5px, #a8150d 6px, rgba(0,0,0,.45) 6.4px, transparent 7px) 0px 0 / 14px 14px no-repeat,
    radial-gradient(ellipse 4px 2.5px at 50% 28%, rgba(255,255,255,.95), transparent) 20px 0 / 14px 14px no-repeat,
    radial-gradient(circle 7px at 50% 50%, #ffeab0 0, #f2b51c 3.5px, #b07a00 6px, rgba(0,0,0,.45) 6.4px, transparent 7px) 20px 0 / 14px 14px no-repeat,
    radial-gradient(ellipse 4px 2.5px at 50% 28%, rgba(255,255,255,.95), transparent) 40px 0 / 14px 14px no-repeat,
    radial-gradient(circle 7px at 50% 50%, #cdf7bb 0, #4cbb2f 3.5px, #237a0e 6px, rgba(0,0,0,.45) 6.4px, transparent 7px) 40px 0 / 14px 14px no-repeat;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .6));
}
/* 对话框的关闭按钮就是那颗红点，悬停时显示 × */
html[data-theme="aqua"] .titlebar .x {
  position: absolute; left: 9px; top: 5px;
  width: 14px; height: 14px; min-width: 0;
  padding: 0; border: none; border-radius: 50%;
  background: transparent; box-shadow: none;
  color: transparent; font: bold 11px/14px "Lucida Grande", sans-serif;
  z-index: 1;
}
html[data-theme="aqua"] .titlebar .x:hover { color: #5a0000; background: transparent; box-shadow: none; }

/* 下陷区域、输入框 */
html[data-theme="aqua"] .inset,
html[data-theme="aqua"] input,
html[data-theme="aqua"] textarea {
  background: #fff;
  border: 1px solid #9a9a9a;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22);
}
html[data-theme="aqua"] select {
  background: linear-gradient(180deg, #fff 0%, #f1f1f1 50%, #e3e3e3 51%, #f4f4f4 100%);
  border: 1px solid #8a8a8a;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}
html[data-theme="aqua"] input:focus,
html[data-theme="aqua"] select:focus,
html[data-theme="aqua"] textarea:focus { outline: none; box-shadow: 0 0 0 3px rgba(80, 150, 240, .55); }

/* 胶囊按钮：白色带高光，按下变蓝 */
html[data-theme="aqua"] button {
  border: 1px solid #8a8a8a;
  border-radius: 12px;
  padding: 3px 14px;
  background: linear-gradient(180deg, #fff 0%, #f3f3f3 45%, #e1e1e1 50%, #ececec 80%, #fafafa 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
html[data-theme="aqua"] button:hover:not(:disabled) { border-color: #5b7fb6; }
html[data-theme="aqua"] button:active:not(:disabled) {
  color: #fff;
  border-color: #1d4f9c;
  background: linear-gradient(180deg, #a9cdf7 0%, #5b9cf0 45%, #2f75d9 50%, #4a90ea 80%, #8fc1f7 100%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  text-shadow: 0 -1px rgba(0, 0, 0, .3);
}
html[data-theme="aqua"] button:disabled { color: #aaa; border-color: #c4c4c4; text-shadow: none; }

/* 分组框 */
html[data-theme="aqua"] fieldset {
  border: 1px solid #c3c3c3;
  border-radius: 7px;
  background: rgba(0, 0, 0, .025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .06);
}
html[data-theme="aqua"] legend { color: #333; padding: 0 4px; }

/* 标签页：居中的分段胶囊 */
html[data-theme="aqua"] .tabs { justify-content: center; gap: 0; padding: 0 0 4px; }
html[data-theme="aqua"] .tab { top: 0; border-radius: 0; padding: 2px 16px; margin-left: -1px; }
html[data-theme="aqua"] .tab:first-child { border-radius: 12px 0 0 12px; margin-left: 0; }
html[data-theme="aqua"] .tab:last-child { border-radius: 0 12px 12px 0; }
html[data-theme="aqua"] .tab:only-child { border-radius: 12px; }
html[data-theme="aqua"] .tab.sel {
  color: #fff; font-weight: normal; padding-bottom: 2px;
  border-color: #1d4f9c;
  background: linear-gradient(180deg, #a9cdf7 0%, #5b9cf0 45%, #2f75d9 50%, #4a90ea 80%, #8fc1f7 100%);
  text-shadow: 0 -1px rgba(0, 0, 0, .3);
}

/* 工具栏、状态栏 */
html[data-theme="aqua"] .toolbar { padding: 4px 2px; }
html[data-theme="aqua"] .toolbar .sep { border-left-color: #b5b5b5; border-right-color: #fff; }
html[data-theme="aqua"] .statusbar { box-shadow: none; border-top: 1px solid #c3c3c3; color: #444; }
html[data-theme="aqua"] #notice { font-weight: bold; border: 1px solid #9bb4d9; border-radius: 3px; text-shadow: 0 1px rgba(255, 255, 255, .8); }
html[data-theme="aqua"] .msep { border-top-color: #c3c3c3; }

/* 菜单：半透明白底，圆角 */
html[data-theme="aqua"] .menu {
  background: rgba(255, 255, 255, .96);
  border-radius: 6px;
  padding: 4px 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .2), 0 8px 20px rgba(0, 0, 0, .35);
}
html[data-theme="aqua"] .mi:hover { background: linear-gradient(180deg, #5c94e8, #2f6fd6); }

/* 首页 */
html[data-theme="aqua"] .gh { color: #2a2a2a; }
html[data-theme="aqua"] .row { border-radius: 4px; }
html[data-theme="aqua"] .room-icon { color: #3875d7; }
html[data-theme="aqua"] .avatar { border-radius: 4px; }

html[data-theme="aqua"] dialog::backdrop { background: rgba(0, 10, 40, .25); }

/* 蓝色果冻滚动条 */
html[data-theme="aqua"] ::-webkit-scrollbar { width: 15px; height: 15px; }
html[data-theme="aqua"] ::-webkit-scrollbar-track {
  background: linear-gradient(90deg, #d6d6d6, #f2f2f2 40%, #f2f2f2 60%, #d6d6d6);
  border-left: 1px solid #b5b5b5;
}
html[data-theme="aqua"] ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #1d4f9c;
  background: linear-gradient(90deg, #2f6fd6 0%, #8fc1f7 30%, #4a90ea 55%, #2f75d9 80%, #5b9cf0 100%);
}