@charset "UTF-8";
/* /assets/css/custom.css */
@font-face {
  font-family: 'HuWenMingChaoTi';
  src: url("../fonts/HuWenMingChaoTi.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
  /* 之前添加的：覆蓋字體 */
  --font-primary: 'HuWenMingChaoTi', Verdana, sans-serif;
  /* 新增：覆蓋主要字體大小 (原默認為 1em) */
  /* 可以試試 1.1em, 1.15em, 1.2em 或 17px, 18px 等 */
  --font-size-primary: 1.15em;
  /* 將這行的值調整到你滿意的大小 */ }

/* center any element with .center-image */
.center-image {
  display: block;
  margin: 0 auto; }

/* 避免日期換行 */
ul.blog-posts li span:first-child {
  white-space: nowrap;
  /* 一行到底 */ }

/* 若仍擠不下，再酌量放寬固定寬度 */
@media (min-width: 640px) {
  ul.blog-posts li span:first-child {
    flex: 0 0 140px; } }

/* ⬇︎手機寬度時，給日期和標題之間加間距 */
@media (max-width: 639px) {
  ul.blog-posts li span:first-child {
    margin-right: 0.5em;
    /* 想大一點就調數值 */ } }

/* 可選：若需調整標題大小，可參考以下示例
   h1 { font-size: 2.2rem; }
   h2 { font-size: 1.8rem; }
*/
/* === Hover Zoom for post images === */
img {
  transition: transform .4s ease;
  cursor: zoom-in;
  transform-origin: center center;
  position: relative;
  z-index: 1; }

/* 只在支持 hover 的设备上启用放大，避免手机误触 */
@media (hover: hover) {
  img:hover {
    transform: scale(1.5);
    z-index: 9999;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35); } }

img.no-zoom {
  cursor: default;
  transition: none; }

@media (hover: hover) {
  img.no-zoom:hover {
    transform: none;
    box-shadow: none;
    z-index: auto; } }

/* === Back-to-top + Progress Ring === */
.back-top {
  --size: 42px;
  --ring-bg: var(--body-bg-color);
  --ring-color: var(--link-color);
  --ring-track: var(--table-border-color);
  /* 进度：用 --p 控制角度百分比（0%~100%） */
  --p: 0%;
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid var(--ring-track);
  color: var(--ring-color);
  background: conic-gradient(var(--ring-color) var(--p), transparent 0), var(--ring-bg);
  /* 内部填充 */
  background-clip: content-box, border-box;
  padding: 2px;
  /* 让 conic-gradient 成为环形 */
  font-size: 24px;
  line-height: calc(var(--size) - 2px);
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
  z-index: 1000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  pointer-events: none; }

.back-top.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto; }

.back-top:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  text-decoration: none; }

.back-top:focus-visible {
  outline: 2px solid var(--ring-color);
  outline-offset: 2px; }

/* 减少动效 */
@media (prefers-reduced-motion: reduce) {
  .back-top {
    transition: none; }
  html {
    scroll-behavior: auto; } }

/* 打印不显示 */
@media print {
  .back-top {
    display: none !important; } }