/* Frutiger Aero（Vista / Win7 年代）：毛玻璃、光泽、蓝天绿草和气泡。只写和 Win98 不一样的地方 */
html[data-theme="aero"] {
  --face: #eef5fb;
  --light: #f7fbff;
  --shadow: #8aa4bd;
  --title1: #2f7fd8;
  --title2: #6ec3f5;
  --font: 13px "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  /* 天空、光晕、气泡、草地 */
  --desk:
    radial-gradient(circle 46px at 14% 26%, rgba(255, 255, 255, .55) 0 60%, rgba(255, 255, 255, .9) 66%, transparent 70%),
    radial-gradient(circle 26px at 22% 40%, rgba(255, 255, 255, .45) 0 60%, rgba(255, 255, 255, .85) 66%, transparent 70%),
    radial-gradient(circle 64px at 86% 22%, rgba(255, 255, 255, .4) 0 62%, rgba(255, 255, 255, .85) 67%, transparent 71%),
    radial-gradient(circle 20px at 78% 38%, rgba(255, 255, 255, .5) 0 60%, rgba(255, 255, 255, .9) 66%, transparent 70%),
    radial-gradient(circle 34px at 65% 14%, rgba(255, 255, 255, .35) 0 60%, rgba(255, 255, 255, .8) 66%, transparent 70%),
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(ellipse 140% 45% at 40% 112%, #8fe04a 0%, #5cc22a 45%, #3c9a1a 49.5%, transparent 50%),
    radial-gradient(ellipse 110% 40% at 95% 115%, #7ad53c 0%, #4fae22 45%, transparent 46%),
    linear-gradient(180deg, #1f8fe0 0%, #4fb6f2 35%, #9fe0fb 62%, #d9f5ff 74%, #b4ea7a 74.5%, #5cbc2c 100%);
  --sel-bg: linear-gradient(180deg, #e3f1fd 0%, #c7e2fb 100%);
  --sel-fg: #000;
  --notice-bg: linear-gradient(180deg, #f6ffec 0%, #dcf7b6 50%, #c3ee88 51%, #def8bd 100%);
  --notice-fg: #2e6400;
}
html[data-theme="aero"] body { background-attachment: fixed; }

/* 毛玻璃窗口 */
html[data-theme="aero"] .window {
  background: linear-gradient(180deg, rgba(225, 242, 255, .62) 0%, rgba(190, 225, 250, .5) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(1.5);
  backdrop-filter: blur(16px) saturate(1.5);
  border-radius: 9px;
  padding: 0 7px 7px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .75),
    0 0 0 1px rgba(20, 60, 100, .55),
    0 12px 32px rgba(0, 30, 70, .45);
}
html[data-theme="aero"] .window > .titlebar {
  margin: 0 -7px 4px;
  height: 30px;
  padding: 0 7px 0 12px;
  border-radius: 9px 9px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 100%);
  color: #0b1a2a;
  font: 14px "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-shadow: 0 0 8px #fff, 0 0 12px #fff, 0 0 2px #fff;
}
/* Win7 风格的红色关闭按钮 */
html[data-theme="aero"] .titlebar .x {
  width: 44px; height: 19px; min-width: 0;
  align-self: flex-start;
  border: 1px solid rgba(80, 10, 0, .7);
  border-top: none;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(180deg, #e8a493 0%, #d36d55 45%, #c4391a 50%, #d55c30 85%, #e8a07a 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
  color: #fff;
  font: bold 13px/17px "Segoe UI", sans-serif;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6);
  padding: 0;
}
html[data-theme="aero"] .titlebar .x:hover { background: linear-gradient(180deg, #f6b8a6 0%, #e8705a 45%, #e04020 50%, #f06a3c 85%, #ffb08a 100%); }

/* 内容区：白底，四周一圈淡淡的蓝灰边 */
html[data-theme="aero"] .inset,
html[data-theme="aero"] input,
html[data-theme="aero"] select,
html[data-theme="aero"] textarea {
  background: #fff;
  border: 1px solid #abadb3;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
}
html[data-theme="aero"] input:hover, html[data-theme="aero"] select:hover, html[data-theme="aero"] textarea:hover { border-color: #7eb4ea; }
html[data-theme="aero"] input:focus, html[data-theme="aero"] select:focus, html[data-theme="aero"] textarea:focus { outline: none; border-color: #3399ff; }

/* 对话框里、首页左栏这些直接放在玻璃上的区域，垫一层半透明白底，保证字看得清 */
html[data-theme="aero"] dialog .body,
html[data-theme="aero"] .toolbar,
html[data-theme="aero"] .inputbar,
html[data-theme="aero"] .statusbar,
html[data-theme="aero"] #lobby .me,
html[data-theme="aero"] .side fieldset {
  background: rgba(255, 255, 255, .72);
  border-radius: 5px;
}
html[data-theme="aero"] .statusbar { box-shadow: none; }
html[data-theme="aero"] .toolbar { padding: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8); }
html[data-theme="aero"] .toolbar .sep { border-left-color: #b9c9da; border-right-color: #fff; }

/* Win7 光泽按钮 */
html[data-theme="aero"] button {
  border: 1px solid #707070;
  border-radius: 3px;
  padding: 3px 12px;
  background: linear-gradient(180deg, #f2f2f2 0%, #ebebeb 49%, #dddddd 50%, #cfcfcf 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}
html[data-theme="aero"] button:hover:not(:disabled) {
  border-color: #3c7fb1;
  background: linear-gradient(180deg, #eaf6fd 0%, #d9f0fc 49%, #bee6fd 50%, #a7d9f5 100%);
}
html[data-theme="aero"] button:active:not(:disabled) {
  border-color: #2c628b;
  background: linear-gradient(180deg, #e5f4fc 0%, #c4e5f6 49%, #98d1ef 50%, #68b3db 100%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
}
html[data-theme="aero"] button:disabled { color: #9a9a9a; border-color: #adb2b5; background: #f4f4f4; text-shadow: none; }

/* 分组框 */
html[data-theme="aero"] fieldset { border: 1px solid #c5d3e2; border-radius: 5px; box-shadow: none; }
html[data-theme="aero"] legend { color: #1e5aa0; padding: 0 3px; }

/* 标签页 */
html[data-theme="aero"] .tab {
  border: 1px solid #898c95;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #f2f2f2 0%, #ebebeb 49%, #dddddd 50%, #cfcfcf 100%);
}
html[data-theme="aero"] .tab.sel { background: #fff; font-weight: normal; box-shadow: inset 0 2px #6ec3f5; }

/* 选中、悬停：浅蓝渐变 + 细边 */
html[data-theme="aero"] .row:hover,
html[data-theme="aero"] .mi:hover,
html[data-theme="aero"] .list li.sel { box-shadow: inset 0 0 0 1px #7da2ce; border-radius: 3px; }

/* 公告栏 */
html[data-theme="aero"] #notice { font-weight: bold; border: 1px solid #9fd36a; border-radius: 4px; text-shadow: 0 1px rgba(255, 255, 255, .8); }

/* 菜单：毛玻璃 */
html[data-theme="aero"] .menu {
  background: rgba(250, 252, 255, .9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 4px;
  padding: 3px;
  box-shadow: 0 0 0 1px rgba(20, 60, 100, .4), 0 6px 16px rgba(0, 30, 70, .3);
}
html[data-theme="aero"] .msep { border-top-color: #c5d3e2; }

/* 首页 */
html[data-theme="aero"] .gh { color: #1e5aa0; }
html[data-theme="aero"] .room-icon { color: #2f7fd8; }
html[data-theme="aero"] .avatar { border-radius: 3px; }

html[data-theme="aero"] dialog::backdrop { background: rgba(0, 40, 80, .15); }

/* Win7 风格滚动条 */
html[data-theme="aero"] ::-webkit-scrollbar { width: 16px; height: 16px; }
html[data-theme="aero"] ::-webkit-scrollbar-track { background: #f0f0f0; border-left: 1px solid #e3e3e3; }
html[data-theme="aero"] ::-webkit-scrollbar-thumb {
  border: 1px solid #959697;
  border-radius: 3px;
  background: linear-gradient(90deg, #f3f3f3 0%, #e8e8e8 50%, #d6d6d6 51%, #cbcbcb 100%);
}
html[data-theme="aero"] ::-webkit-scrollbar-thumb:hover {
  border-color: #3c7fb1;
  background: linear-gradient(90deg, #e3f4fc 0%, #c9eafa 50%, #a9dbf6 51%, #96d0f1 100%);
}