/* Y2K / GeoCities 视觉覆盖：Windows 2000 银灰桌面与可爱个人主页 */
:root {
  --y2k-desktop:#3a6ea5;
  --y2k-blue:#123c83;
  --y2k-blue-light:#4f95c8;
  --y2k-silver:#d4d0c8;
  --y2k-silver-light:#f5f4ed;
  --y2k-lilac:#c7b9df;
  --y2k-cyan:#a7dfe4;
  --y2k-pink:#ef65ad;
  --y2k-link:#142f92;
}

* { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body { background:var(--y2k-desktop); color:#202b46; font-family:Tahoma,'Microsoft YaHei','SimSun',sans-serif; }
button,input { font-family:Tahoma,'Microsoft YaHei','SimSun',sans-serif; }

/* 桌面：参考图的蓝色壁纸与柔和星点 */
.desktop-screen { background:var(--y2k-desktop); }
.window-layer { z-index:42!important; }
.desktop-wallpaper { background:var(--y2k-desktop)!important; filter:none!important; }
.desktop-wallpaper:before { content:""; position:absolute; inset:0; opacity:.28; background-image:radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 1px); background-size:17px 19px; }
.desktop-wallpaper:after { inset:0!important; opacity:.12; background:radial-gradient(circle at 72% 18%,rgba(255,244,195,.5),transparent 24%),radial-gradient(circle at 14% 74%,rgba(15,39,106,.4),transparent 35%)!important; }
.sky-halo,.cloud,.waterline,.grass-stain { opacity:0!important; }
.wallpaper-label { right:18px; bottom:50px; color:rgba(231,241,255,.65); font:11px Tahoma,sans-serif; letter-spacing:1px; }
.scanline-overlay { opacity:.18; }
.desktop-icons { top:18px; left:18px; gap:16px; z-index:2!important; }
.desktop-screen:has(.game-window.is-maximized) .desktop-icons { visibility:hidden; }
.desktop-screen.has-maximized-window .desktop-icons { visibility:hidden!important; }
.desktop-icon { width:86px; gap:4px; color:#f4f5ff; font:13px Tahoma,'Microsoft YaHei',sans-serif; text-shadow:1px 1px 2px #163861; }
.desktop-icon .icon-glyph { width:52px; height:46px; border:1px solid rgba(255,255,255,.72); border-radius:7px; background:linear-gradient(#e8ca64,#bd8b2e); color:#fff; font-size:27px; box-shadow:inset 1px 1px rgba(255,255,255,.75),2px 3px 0 rgba(12,36,77,.35); }
.icon-browser .icon-glyph { background:linear-gradient(#79c0ec,#2c6cb3); }
.icon-recycle .icon-glyph { background:linear-gradient(#e4e5e2,#9b9e9e); }
.icon-folder .icon-glyph { background:linear-gradient(#9b9c9d,#5a6068); }
.desktop-icon:hover { transform:translate(1px,-1px) scale(1.03); }

/* 银灰窗口：Windows 2000 3D 边框与蓝色标题栏 */
.game-window { border:2px outset var(--y2k-silver); border-radius:2px; background:var(--y2k-silver); box-shadow:4px 5px 0 rgba(19,42,78,.35); animation:window-open-y2k .18s steps(2) both; }
.game-window.is-closing { animation:window-close-y2k .14s steps(2) forwards; }
.window-titlebar { height:28px; padding:3px 4px 3px 7px; background:linear-gradient(90deg,var(--y2k-blue),var(--y2k-blue-light)); border-bottom:1px solid #08245a; color:#f7f8ff; }
.window-title { font:bold 13px Tahoma,'Microsoft YaHei',sans-serif; letter-spacing:0; }
.window-controls { display:flex; align-items:center; margin-left:auto; }
.window-close,.window-minimize,.window-maximize { width:19px; height:18px; margin-left:2px; border:2px outset #d8d8d2; border-radius:1px; background:#d4d0c8; color:#162b4a; font:bold 12px Tahoma,sans-serif; line-height:12px; }
.window-close:active,.window-minimize:active,.window-maximize:active { border-style:inset; }
.game-window.is-minimized { display:none; }
.game-window.is-maximized { left:7px!important; top:7px!important; width:calc(100% - 14px)!important; height:calc(100% - 14px)!important; max-width:none; }
.window-content { margin:3px; padding:10px 12px 14px; border:2px inset #c0c0b8; background:#eeeDE7; color:#26304a; font:13px/1.55 Tahoma,'Microsoft YaHei','SimSun',sans-serif; }
.window-content button { border:2px outset #e8e7df; border-radius:2px; background:#d4d0c8; color:#162d5b; }
.window-content button:active { border-style:inset; }

/* 任务栏：参考图底部的灰色窗口标签 */
.taskbar { height:43px; gap:7px; padding:2px 7px; border-top:2px outset #e7e7df; background:linear-gradient(#d8d8d2,#aaa9a5); color:#17233c; font:12px Tahoma,'Microsoft YaHei',sans-serif; }
.start-button { min-width:87px; height:31px; padding:2px 10px; border:2px outset #e3e3dc; border-radius:2px; background:linear-gradient(#ecebe4,#bcbcb8); color:#1f2a42; font:bold 13px Tahoma,'Microsoft YaHei',sans-serif; }
.start-button:hover { background:#e5e5df; }
.start-logo { color:#2e6a3d; }
.taskbar-divider { height:28px; background:#888984; border-right:1px solid #f2f1e9; }
.taskbar-windows { display:flex; align-items:center; gap:4px; min-width:0; flex:1; overflow:hidden; }
.taskbar-window { min-width:86px; max-width:160px; height:27px; overflow:hidden; padding:2px 8px; border:2px outset #e2e1da; border-radius:1px; background:#c9c8c3; color:#26324b; font:11px Tahoma,'Microsoft YaHei',sans-serif; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.taskbar-window:hover { background:#dfded7; }
.taskbar-window:active,.taskbar-window.is-minimized { border-style:inset; background:#b9b8b3; }
.taskbar-status { color:#35405b; font-size:11px; }
.audio-toggle { border:2px outset #e2e1da; background:#d4d0c8; color:#1d3159; }
.audio-volume { accent-color:#2d5f96; }
.taskbar time { color:#26304a; font:bold 12px Tahoma,sans-serif; }

/* GeoCities 页面：浅紫底、青色边框、星星跑马灯 */
.browser-page { background:var(--y2k-lilac)!important; }
.legacy-browser { background:var(--y2k-silver); }
.browser-menubar,.browser-toolbar,.browser-address,.browser-status { background:var(--y2k-silver); }
.forum-page { padding:10px 13px 18px; background-color:#c9bde0; background-image:radial-gradient(circle,rgba(255,255,255,.35) 0 1px,transparent 1px); background-size:13px 13px; color:#30294b; font:13px/1.5 Tahoma,'Microsoft YaHei','SimSun',sans-serif; }
.forum-header { display:block; min-height:0; padding:0 11px 10px; border:2px outset #e7e3ef; background:#a9a0d3; color:#19205e; }
.forum-header:before { content:'★  ★  欢迎来到第七频段  ★  这里有你想要的答案...  ★  ★'; display:block; margin:0 -11px 9px; padding:6px 4px; overflow:hidden; white-space:nowrap; background:#142a73; color:#ff70ba; font:bold 15px Tahoma,'Microsoft YaHei',sans-serif; text-align:center; animation:y2k-marquee 13s linear infinite; }
.forum-mark { display:none; }
.forum-header h1 { color:#fff1fa; text-shadow:1px 1px #5c4e9b; font:bold 23px Georgia,'Microsoft YaHei',serif; letter-spacing:2px; }
.forum-header p { color:#30286c; }
.forum-counter { margin-top:6px; color:#17407b; text-align:left; }
.forum-counter small { color:#9a2d76; }
.forum-notice { margin:8px 0 12px; padding:5px 8px; border:2px outset #e1deeb; background:#a7dfe4; color:#234477; }
.forum-page h2 { margin:13px 0 3px; padding:4px 8px; border:2px outset #ded6ed; background:#8a78bb; color:#fff5ff; font:bold 13px Tahoma,'Microsoft YaHei',sans-serif; }
.forum-thread { min-height:52px; border:1px solid #afa3c9; border-top:0; background:#e3ddf0; }
.forum-thread:nth-of-type(3n) { background:#d8d0e9; }
.forum-thread:hover { background:#c7e8e8; }
.forum-thread-title,.forum-author,.forum-secret-entry button,.archive-thread>button,.forum-page-head button,.archive-back { color:var(--y2k-link); font:13px Tahoma,'Microsoft YaHei','SimSun',sans-serif; text-decoration:underline; }
.forum-thread-meta,.forum-thread-replies { color:#675d83; }
.forum-secret-entry { border:1px dashed #8c72ad; background:#d8cce8; }
.forum-footer { margin-top:17px; padding:9px 7px; border-top:1px solid #897aa5; color:#6b6085; }
.forum-page-head { border:2px outset #ded6ed; background:#172f79; color:#fff5ff; }
.forum-post,.profile-sheet { border-color:#a99dc0; background:#e3ddf0; }
.forum-post aside { background:#c5b7dc; border-color:#a99dc0; color:#51486e; }
.profile-warning,.forum-warning { background:#d8cce8; }
.archive-page { background:#aaa3bb; }

/* 次级窗口统一变成参考图的浅色 3D 内容区 */
.chat-shell,.chat-window .window-content { background:#dcecf2; }
.chat-message { border-radius:2px; background:#f4f1e8; }
.chat-message.from-player { background:#c6e1ed; }
.phone-window .window-titlebar { background:linear-gradient(90deg,#1a477b,#5794bd); }
.radio-page { background:#bfe3e7; }
.cdrive-shell,.cdrive-window .window-content { background:#eeeDE7; }
.cdrive-grid { background:#d9d2e5; }
.ending-overlay { font-family:Tahoma,'Microsoft YaHei',sans-serif; }

@keyframes window-open-y2k { from { opacity:0; transform:scale(.97) } to { opacity:1; transform:scale(1) } }
@keyframes window-close-y2k { to { opacity:0; transform:scale(.97) } }
@keyframes y2k-marquee { from { text-indent:18% } to { text-indent:-18% } }
@media (max-width:700px) { .desktop-icon { width:72px; font-size:11px; } .desktop-icon .icon-glyph { width:44px; height:40px; } .forum-page { padding:7px; } .taskbar { gap:4px; padding-left:4px; padding-right:4px; } .taskbar-status { display:none; } .taskbar-window { min-width:62px; max-width:110px; padding-left:5px; padding-right:5px; } .audio-volume { width:48px; } }
