/* /css/aphorisms.css
   語之卷：語焰亮邊、卡片流、按鈕光暈、語燈牆
*/
@import url("./common.css");

/* 版面容器 */
.aph-container{ max-width: 900px; margin: 0 auto; padding: 0 1.1rem; }

/* 頁首 */
.aph-hero{ text-align: center; margin: var(--space-5) 0 var(--space-4); }
.aph-hero .subtitle{ margin-top:.4rem; }

/* 列表（語句卡片） */
.aph-list{ display: grid; gap: 1rem; }
.aph-item{
  position:relative;
  background: linear-gradient(180deg, rgba(255,240,200,.045), rgba(255,240,200,.02));
  border-radius: var(--radius-xl);
  box-shadow: var(--lf-shadow),
              0 0 0 1px rgba(255,240,200,.10),
              0 0 36px var(--lf-glow) inset;
  padding: clamp(1rem,2.2vw,1.6rem);
  overflow:hidden;
}
.aph-item::before{
  content:"";
  position:absolute; inset: -2px -2px auto -2px; height:2px;
  background: linear-gradient(90deg, transparent, rgba(255,230,170,.8), transparent);
  filter: blur(.6px); opacity:.7;
}

/* 語句與出處 */
.aph-item blockquote{ 
  margin:0 0 .6rem; 
  font-size: clamp(18px, 2.6vw, 22px);
  letter-spacing:.3px;
}
.aph-item .by{
  color: var(--lf-fg-muted);
  font-size: var(--size-small);
  border-top: 1px solid rgba(255,240,200,.08);
  padding-top: .55rem;
  opacity:.9;
}

/* 語燈牆（精選一句） */
.pickbox{
  text-align:center;
  margin: var(--space-5) auto var(--space-4);
  padding: clamp(1.1rem, 2.2vw, 1.6rem);
  max-width: 760px;
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(255,240,200,.045), rgba(255,240,200,.02));
  box-shadow: var(--lf-shadow), 0 0 0 1px rgba(255,240,200,.10), 0 0 40px var(--lf-glow) inset;
}

/* —— 中文引號（僅限箴言頁） —— */
.aph-container q { quotes: "「" "」" "『" "』"; }
.aph-container q::before { content: open-quote; }
.aph-container q::after  { content: close-quote; }

/* 再點亮一個（按鈕） */
.aph-btn{
  display:inline-block;
  margin-top: var(--space-3);
  padding:.8rem 1.2rem;
  color:#0c0c0f;
  background: radial-gradient(120% 120% at 50% -10%, #fff0c7, #f1d6a5);
  border-radius: var(--radius-xl);
  text-decoration:none;
  font-weight:600;
  box-shadow: 0 6px 28px rgba(255,230,160,.22), 0 2px 0 rgba(255,255,255,.35) inset;
  transition: transform .15s ease, box-shadow .2s ease;
}
.aph-btn:hover,.aph-btn:focus{ transform: translateY(-1px); box-shadow: 0 10px 36px rgba(255,230,160,.30); }

/* 卷尾說明與雙層頁尾：沿用 common，這裡只補間距 */
.aph-footer{ text-align:center; margin: var(--space-5) 0 var(--space-4); }
.aph-footer .note{ color:var(--lf-fg-muted); font-size: var(--size-small); }

/* 行動端優化 */
@media (max-width: 420px){
  .aph-hero{ margin: var(--space-4) 0 var(--space-3); }
  .aph-item blockquote{ font-size: clamp(17px, 4.8vw, 21px); }
}