/* 鍩虹鏍峰紡 */
#code-block {
  box-sizing: border-box;  /* 杈规鍜屽唴杈硅窛璁″叆瀹藉害 */
  width: 90%;  /* 榛樿瀹藉害 */
  max-width: 1000px;  /* 鏈€澶у搴﹂檺鍒� */
  min-width: 280px;  /* 绉诲姩绔渶灏忓搴� */
  padding: 1.5rem;  /* 鍐呰竟璺� */
  margin: 2rem auto;  /* 澶栬竟璺�+姘村钩灞呬腑 */
  background-color: rgb(40, 44, 52);
  color: rgb(171, 178, 191);
  border-radius: 8px;
  font-family: "Courier New", monospace;
  font-size: 0.95rem;
  border: 1px solid rgb(58, 63, 74);
  overflow-x: auto;  /* 妯悜婊氬姩鏉� */
}

/* 鍝嶅簲寮忚皟鏁� */
@media (max-width: 768px) {
  #code-block {
    width: 95%;
    padding: 1rem;
    font-size: 0.85rem;  /* 灏忓睆骞曞瓧浣撹皟鏁� */
  }
}

@media (max-width: 480px) {
  #code-block {
    width: 100%;
    border-radius: 0;  /* 鎵嬫満绔幓闄ゅ渾瑙� */
    margin: 1rem 0;  /* 绉婚櫎宸﹀彸澶栬竟璺� */
  }
}