/* ============================================================
   05 早期网页 / Y2K · 1995—2003
   星空底 / Win95 立体边框 / 彩虹渐变字 / 计数器和施工中
   ============================================================ */
:root[data-theme="y2k"] {
  --paper: #00043f;
  --butter: #000a52;
  --sky: #00043f;
  --ink: #c0c0c0;
  --rose: #00e5ff;
  --pink: #ffe600;
  --wine: #00043f;
  --y2k-cyan: #00e5ff;
  --y2k-yellow: #ffe600;
  --y2k-silver: #c0c0c0;
  --y2k-navy: #00043f;
  --sans: "Courier New", Courier, "Lucida Console", monospace;
  --mono: "Courier New", Courier, monospace;
}

/* 星空：两层不同疏密的点 */
:root[data-theme="y2k"] body {
  background-color: var(--y2k-navy);
  background-image:
    radial-gradient(#ffffff 1px, transparent 1.4px),
    radial-gradient(rgba(0, 229, 255, .75) 1px, transparent 1.4px);
  background-size: 110px 110px, 190px 190px;
  background-position: 0 0, 55px 77px;
}

:root[data-theme="y2k"] .display,
:root[data-theme="y2k"] .hero__title {
  font-family: var(--sans);
  letter-spacing: -.02em;
}
/* Courier 落到宋体，整行会变宽，首屏大字小一档免得断行 */
:root[data-theme="y2k"] .hero__title { font-size: clamp(2.5rem, 7.2vw, 6.1rem); line-height: .92; }
:root[data-theme="y2k"] .brand__mark { color: var(--y2k-yellow); }
:root[data-theme="y2k"] .brand__dot { color: var(--y2k-cyan); }
/* 彩虹渐变字：早期主页招牌 */
:root[data-theme="y2k"] .display em,
:root[data-theme="y2k"] .hero__title .line--name,
:root[data-theme="y2k"] .hero__title em {
  background-image: linear-gradient(92deg, #ff2d2d 0%, #ff9d00 18%, #ffe600 34%, #2bd94a 52%, #00e5ff 68%, #7b4bd8 84%, #ff2dc8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(2px 2px 0 #000);
}
:root[data-theme="y2k"] .display--light { color: var(--y2k-silver); }
:root[data-theme="y2k"] .display--light em { color: transparent; }

/* 立体边框：outset 直接给 Win95 的高光与暗面 */
:root[data-theme="y2k"] .btn,
:root[data-theme="y2k"] .chips li,
:root[data-theme="y2k"] .copybtn,
:root[data-theme="y2k"] .brand,
:root[data-theme="y2k"] .menu__link--cta,
:root[data-theme="y2k"] .acc__plus {
  border: 3px outset var(--y2k-silver);
  background: var(--y2k-silver);
  color: #00043f;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  font-family: var(--sans);
  font-weight: 700;
  text-transform: none;
}
:root[data-theme="y2k"] .btn { padding: 10px 18px; }
:root[data-theme="y2k"] .btn > * { transform: none; }
:root[data-theme="y2k"] .btn:hover { background: var(--y2k-yellow); transform: none; }
:root[data-theme="y2k"] .btn:hover i { transform: none; }
:root[data-theme="y2k"] .brand { background: #00043f; color: var(--y2k-yellow); border-color: #000a52; }
:root[data-theme="y2k"] .menu__link { color: var(--y2k-cyan); text-decoration: underline; }
:root[data-theme="y2k"] .menu__link:hover { color: #fff; }
:root[data-theme="y2k"] .menu__link--cta { background: #e8001d; color: #ffe600; border-color: #ff8080; }
:root[data-theme="y2k"] .menu__link--cta[aria-current="true"] { background: var(--y2k-yellow); color: #00043f; }

:root[data-theme="y2k"] .chips li { background: #00043f; color: var(--y2k-cyan); border: 2px solid var(--y2k-cyan); }
:root[data-theme="y2k"] .chips li:hover { background: var(--y2k-cyan); color: #00043f; }

:root[data-theme="y2k"] .kicker { color: var(--y2k-yellow); letter-spacing: .1em; font-family: var(--sans); }
:root[data-theme="y2k"] .kicker b { color: #ff8a00; }
:root[data-theme="y2k"] .kicker--light { color: var(--y2k-silver); }

/* 每块内容都像一张浏览器窗口 */
:root[data-theme="y2k"] .hero,
:root[data-theme="y2k"] .about,
:root[data-theme="y2k"] .services,
:root[data-theme="y2k"] .skills,
:root[data-theme="y2k"] .contact {
  background: var(--y2k-navy);
}
:root[data-theme="y2k"] .about .plate,
:root[data-theme="y2k"] .services .plate,
:root[data-theme="y2k"] .skills .acc,
:root[data-theme="y2k"] .contact .plate {
  border: 2px solid var(--y2k-silver);
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #808080;
  padding-top: 34px;
  position: relative;
}
:root[data-theme="y2k"] .about .plate::before,
:root[data-theme="y2k"] .services .plate::before,
:root[data-theme="y2k"] .skills .acc::before,
:root[data-theme="y2k"] .contact .plate::before {
  content: "我的个人主页 - Microsoft Internet Explorer";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 26px;
  line-height: 26px;
  padding-left: 34px;
  font: 700 12px/26px var(--sans);
  color: #fff;
  background: linear-gradient(90deg, #000a8c, #1084d0);
  border-bottom: 1px solid #808080;
}
:root[data-theme="y2k"] .about ::selection,
:root[data-theme="y2k"] .hero ::selection { background: #000080; color: #fff; }

:root[data-theme="y2k"] .rows { border-top: 2px solid var(--y2k-silver); }
:root[data-theme="y2k"] .rows__item { border-bottom: 2px solid rgba(192, 192, 192, .45); }
:root[data-theme="y2k"] .row::before { background: #000080; }
:root[data-theme="y2k"] .row:hover, :root[data-theme="y2k"] .row:focus-visible { color: #fff; }
:root[data-theme="y2k"] .row__name { color: var(--y2k-yellow); }
:root[data-theme="y2k"] .row__type { color: var(--y2k-cyan); }
:root[data-theme="y2k"] .row__idx { color: #ff8a00; }

:root[data-theme="y2k"] .acc { border-top: 2px solid var(--y2k-silver); }
:root[data-theme="y2k"] .acc__item { border-bottom: 2px solid rgba(192, 192, 192, .45); }
:root[data-theme="y2k"] .acc__btn:hover { background: #000080; }
:root[data-theme="y2k"] .acc__title { color: var(--y2k-yellow); }
:root[data-theme="y2k"] .acc__idx { color: #ff8a00; opacity: 1; }
:root[data-theme="y2k"] .acc__plus { background: var(--y2k-silver); color: #00043f; }
:root[data-theme="y2k"] .acc__item.is-open .acc__plus { background: var(--y2k-cyan); color: #00043f; }
:root[data-theme="y2k"] .acc__inner { color: var(--y2k-silver); }

:root[data-theme="y2k"] .facts > div { border-top: 2px dotted rgba(192, 192, 192, .5); }
:root[data-theme="y2k"] .facts dt { color: var(--y2k-cyan); }
:root[data-theme="y2k"] .facts dd { color: #fff; }

/* 首屏图形：银色圆球 + 青色方块 */
:root[data-theme="y2k"] .art__slab {
  left: 6%;
  top: 12%;
  width: 74%;
  padding-bottom: 74%;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 26%, #9fffff, #007480 58%, #003a44 100%);
  transform: none;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, .6), inset 0 0 0 3px rgba(192, 192, 192, .55);
}
:root[data-theme="y2k"] .art__ring { display: none; }
:root[data-theme="y2k"] .art__cube { background: var(--y2k-yellow); --rest: rotate(10deg); border: 2px outset #ffe600; }
:root[data-theme="y2k"] .art__pip { background: #ff2d8a; --rest: rotate(-8deg); }
:root[data-theme="y2k"] .art__frame {
  border: 3px outset var(--y2k-silver);
  box-shadow: 6px 6px 0 rgba(0, 0, 0, .7);
  --rest: rotate(0deg);
}
:root[data-theme="y2k"] .art__tag { background: var(--y2k-yellow); color: #00043f; border: 2px outset #ffe600; font-family: var(--sans); }
:root[data-theme="y2k"] .art__tag span { color: #00043f; }
:root[data-theme="y2k"] .art__badge { display: none; }
:root[data-theme="y2k"] .hero__stamp { color: var(--y2k-cyan); }
:root[data-theme="y2k"] .curtain__count,
:root[data-theme="y2k"] .curtain__skip { color: var(--y2k-yellow); }
:root[data-theme="y2k"] .curtain__meta { color: var(--y2k-silver); }

:root[data-theme="y2k"] .topbar { border-bottom: 2px solid var(--y2k-silver); background: #000a52; }
:root[data-theme="y2k"] .topbar.is-stuck { background: #000a52; backdrop-filter: none; }
:root[data-theme="y2k"] .hero__lead { color: var(--y2k-silver); max-width: 34em; }
:root[data-theme="y2k"] .note { color: rgba(192, 192, 192, .8); }
:root[data-theme="y2k"] .copy { color: var(--y2k-silver); }

:root[data-theme="y2k"] .ticker,
:root[data-theme="y2k"] .flow,
:root[data-theme="y2k"] .foot { background: var(--y2k-silver); color: #00043f; }
:root[data-theme="y2k"] .ticker__run { color: #00043f; }
:root[data-theme="y2k"] .ticker__run i { color: #e8001d; font-weight: 700; }
:root[data-theme="y2k"] .flow__step h3 { color: #00043f; }
:root[data-theme="y2k"] .flow__step p { color: rgba(0, 4, 63, .78); }
:root[data-theme="y2k"] .flow__list::before { background: #808080; }
:root[data-theme="y2k"] .flow__no { color: #00043f; }

/* 联系区：施工中斜条 */
:root[data-theme="y2k"] .contact { background: var(--y2k-navy); }
:root[data-theme="y2k"] .contact::after {
  content: "施工中";
  display: grid;
  place-items: center;
  width: clamp(190px, 30vw, 380px);
  height: clamp(64px, 9vw, 104px);
  right: 3%;
  top: 22%;
  font: 800 clamp(1.1rem, 2.2vw, 1.8rem)/1 var(--sans);
  color: #00043f;
  opacity: 1;
  background: repeating-linear-gradient(45deg, #ffe600 0 14px, #141414 14px 28px);
  border: 3px solid #141414;
  transform: rotate(-4deg);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .6);
  text-shadow: 0 0 6px #ffe600;
}
:root[data-theme="y2k"] .mail { color: var(--y2k-yellow); background-image: linear-gradient(var(--y2k-cyan), var(--y2k-cyan)); }
:root[data-theme="y2k"] .mail:hover { color: var(--y2k-cyan); }
:root[data-theme="y2k"] .copybtn { background: var(--y2k-silver); color: #00043f; border: 2px outset var(--y2k-silver); }
:root[data-theme="y2k"] .copybtn:hover { background: var(--y2k-yellow); }
:root[data-theme="y2k"] .tel { color: var(--y2k-cyan); border-color: rgba(0, 229, 255, .5); }
:root[data-theme="y2k"] .note--light { color: rgba(192, 192, 192, .78); }
:root[data-theme="y2k"] .ruler i { background: var(--y2k-cyan); }
:root[data-theme="y2k"] .curtain { background: var(--y2k-navy); }
:root[data-theme="y2k"] .curtain__star { color: var(--y2k-yellow); }
:root[data-theme="y2k"] .curtain__sky { background: #007480; }
:root[data-theme="y2k"] .curtain__title { color: var(--y2k-silver); font-family: var(--sans); }
:root[data-theme="y2k"] .curtain__title span {
  background-image: linear-gradient(92deg, #ff2d2d, #ffe600, #2bd94a, #00e5ff, #ff2dc8);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
:root[data-theme="y2k"] .cursor span { background: #000080; color: #fff; border: 2px outset var(--y2k-silver); }

/* --- 字体 --- */
:root[data-theme="y2k"] {
  --display: "VT323", "SimSun", monospace;
  --mono: "VT323", ui-monospace, monospace;
}