:root{
    --just-now-begin-body-color:#FF4D4D;
    --just-now-end-header-color:#cd3a3a;
    --end-body-color:#4D79FF;
    --end-header-color:#3971c4;
    --finish-half-body-color:#FF944D;
    --finish-half-header-color:#c46b39;
}

body {
  margin: 0;
  height: 100vh;
  background: #2b2b2b;
  font-family: sans-serif;
}

.window-End {
  position: absolute;
  top: 100px;
  left: 120px;

  width: 320px;
  background: #1e1e1e;
  color: #ffffff;

  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.window-JustNow {
  position: absolute;
  top: 100px;
  left: 120px;

  width: 320px;
  background: #1e1e1e;
  color: #ffffff;

  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.window-FinishHalf {
  position: absolute;
  top: 100px;
  left: 120px;

  width: 320px;
  background: #1e1e1e;
  color: #ffffff;

  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.window-header-End {
  height: 24px;
  line-height: 24px;
  padding: 0 12px;

  background: var(--end-header-color);
  border-bottom: 1px solid #444;

  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.window-close-btn {
    background: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #ffffff;
    background-color: transparent;
    transition: background-color 0.15s ease;
}
.window-close-btn:hover {
    background-color: #ff0000;
}

.window-body-End {
  background: var(--end-body-color);
  padding: 12px;
  font-size: 13px;
}

.window-header-JustNow {
  height: 24px;
  line-height: 24px;
  padding: 0 12px;

  background: var(--just-now-end-header-color);
  border-bottom: 1px solid #444;

  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.window-body-JustNow {
  background: var(--just-now-begin-body-color);
  padding: 12px;
  font-size: 13px;
}

.window-header-FinishHalf {
  height: 24px;
  line-height: 24px;
  padding: 0 12px;

  background: var(--finish-half-header-color);
  border-bottom: 1px solid #444;

  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.window-body-FinishHalf {
  background: var(--finish-half-body-color);
  padding: 12px;
  font-size: 13px;
}