.container .column a {
  text-decoration: none;
  text-color: #333;
}
.container .column a:hover {
  color: #ff6600;
}
.container .column a:visited {
  color: gray;
}

.popup {
  position: fixed;
  inset: 0;
  display: none;                 /* 用 [open] 切換 */
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.35);
  z-index: 9999;
}
/* 顯示狀態 */
.popup[open] { display: flex; }

/* 卡片 */
.popup__card {
  max-width: min(90vw, 520px);
  width: 100%;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(0,0,0,.25);
  padding: 18px 18px 16px;
  line-height: 1.6;
  font-size: 16px;
  position: relative;
}

/* 關閉按鈕 */
.popup__close {
  position: absolute;
  top: 8px; right: 10px;
  border: 0; background: transparent; font-size: 28px; cursor: pointer;
}

/* 內容 */
.popup__content { white-space: pre-wrap; word-wrap: break-word; }

/* 彈出時的淺淡動畫（可省略） */
@keyframes popin { from { transform: translateY(10px); opacity: 0 } to { transform: none; opacity: 1 } }
.popup[open] .popup__card { animation: popin .16s ease-out; }

.popover {
  background-color: green !important;
  opacity: 1 !important;
}
.popover-body {
  font-size: 24px;
}

.logo {
    position: fixed;
    top:0px;
    left:0px;
    z-index:10;
}
.basic {
    font-size: 32px;
    color: #ccc;
}
.container {
    display: flex;
}
.column {
    flex: 1;
    padding: 1px;
}
  .col-8c {
    position: relative;
    min-height: 1px;
    color: green;
    padding-right: 1px;
    padding-left: 1px;
  }
  @media (max-width:600px) {
    h1{
      font-size: 32px;
      color:blue;
    }
  }

  hr {
  border: 1px solid #ccc;
  outline: #CCC solid 1px;
  margin: auto;
}