/* ============================================================
   通玄音 · 交互元素柔化层
   只改观感，不改布局。任何页面引入即生效。
   —— 目标：不要硬边、不要生硬跳变，按下有反馈，聚焦有柔光。
   ============================================================ */

:root{
  --ui-r: 12px;
  --ui-r-sm: 9px;
  --ui-gold: 216,184,114;
  --ui-hi: inset 0 1px 0 rgba(255,255,255,.42);
  --ui-lo: inset 0 -2px 0 rgba(110,80,34,.24);
  --ui-drop: 0 12px 26px -14px rgba(0,0,0,.68);
}

/* 所有可点元素：统一过渡曲线，避免突然跳变 */
a, button, input, select, textarea, summary{
  transition: color .28s ease, background-color .28s ease, border-color .28s ease,
              box-shadow .3s ease, transform .2s ease, filter .28s ease, opacity .28s ease;
}

/* 键盘聚焦：一圈柔光，不是生硬描边 */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible{
  outline: none;
  border-radius: var(--ui-r-sm);
  box-shadow: 0 0 0 2px rgba(var(--ui-gold),.40),
              0 0 22px rgba(var(--ui-gold),.22);
}

/* 按下：轻微下沉，像真的被按了一下 */
button:active, .solid:active, .ghost:active,
.cta:active, .btn:active, .tr-buy:active{
  transform: translateY(1px) scale(.996);
}

/* 文字链接：下划线走渐隐色，不再是一条硬线 */
a:not([class]):not([href^="#"]){
  text-decoration-color: rgba(var(--ui-gold),.32);
  text-underline-offset: 3px;
}
a:not([class]):not([href^="#"]):hover{
  text-decoration-color: rgba(var(--ui-gold),.85);
}

/* 实心 / 半透明按钮：圆角 + 内高光 + 内暗边 + 外柔影 */
.solid, .ghost, .cta, .btn{
  /* 圆角交给各页自己定，这里只补光影，避免同一页出现两种形状 */
  box-shadow: var(--ui-hi), var(--ui-lo), var(--ui-drop);
  border-color: rgba(255,248,225,.30);
}
.solid:hover, .cta:hover, .btn:hover, .ghost:hover{
  filter: brightness(1.05);
  box-shadow: var(--ui-hi), var(--ui-lo),
              0 16px 30px -14px rgba(0,0,0,.78),
              0 0 26px rgba(var(--ui-gold),.16);
}

/* 输入框：内阴影 + 聚焦柔光 */
input:not([type=checkbox]):not([type=radio]), textarea{
  border-radius: var(--ui-r-sm);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.30);
}
input:focus, textarea:focus{
  box-shadow: inset 0 1px 3px rgba(0,0,0,.26),
              0 0 22px rgba(var(--ui-gold),.14);
}

/* 卡片类：加一点立体与呼吸，尺寸不动 */
.card, .tier, .track, .door, .note-c, .sc, .blog-card{
  transition: transform .35s ease, box-shadow .35s ease, background-color .35s ease;
}

/* 系统开了"减少动态效果"就全关 */
@media (prefers-reduced-motion: reduce){
  a, button, input, select, textarea, .card, .tier, .track, .door, .note-c{
    transition: none !important;
  }
}