/* 果酱黑客 · 就是一个绿色终端，别的都别加 */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:#000; color:#33ff66;
  font-family:"Cascadia Mono","JetBrains Mono","SFMono-Regular",Consolas,"DejaVu Sans Mono",
              "PingFang SC","Microsoft YaHei",monospace;
  font-size:14.5px; line-height:1.55;
  overflow:hidden; -webkit-font-smoothing:antialiased;
}
/* 一点点扫描线，看着像老 CRT（不影响阅读） */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.16) 2px 3px);
}

#logo{
  position:fixed;top:8px;left:10px;z-index:5;
  color:#2bff5e;font:inherit;font-size:12px;line-height:1.25;
  text-shadow:0 0 6px rgba(51,255,102,.55);opacity:.75;pointer-events:none;
}
#logo b{color:#33ff66;font-weight:400}

#term{
  position:fixed;inset:0;overflow-y:auto;
  padding:56px 14px 14px;
}
#out{white-space:pre-wrap;word-break:break-word;text-shadow:0 0 4px rgba(51,255,102,.35)}
#out .d{opacity:.62}
#out .w{color:#ffe066}
#out .e{color:#ff5555}
#out .c{color:#66d9ff}
#out .h{color:#000;background:#33ff66;padding:0 4px;text-shadow:none}

#line{display:flex;gap:0;align-items:baseline;margin-top:4px}
#ps1{white-space:nowrap;color:#33ff66}
#cmd{
  flex:1;min-width:0;background:transparent;border:0;outline:0;
  color:#33ff66;font:inherit;caret-color:#33ff66;text-shadow:0 0 4px rgba(51,255,102,.45);
}
#cmd::selection{background:#33ff66;color:#000}

@media(max-width:600px){ body{font-size:13px} #term{padding-top:48px} }