/*!
 * 开运堂 KAIYUNTANG (www.kaiyuntang.com)
 * Copyright (c) 2026 开运堂. All Rights Reserved.
 * 本样式/脚本为开运堂原创作品，未经书面授权禁止复制、转载或用于其他站点。
 *//* ============================================================
 * 动画 & 响应式补充
 * ============================================================ */

/* 滚动揭示 */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-40px);transition:all .9s var(--ease-out)}
.reveal-left.in{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(40px);transition:all .9s var(--ease-out)}
.reveal-right.in{opacity:1;transform:none}
.reveal-scale{opacity:0;transform:scale(.92);transition:all .9s var(--ease-out)}
.reveal-scale.in{opacity:1;transform:scale(1)}

/* 延迟 */
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.d4{transition-delay:.32s}.d5{transition-delay:.40s}.d6{transition-delay:.48s}

/* 印章 */
@keyframes sealStamp{0%{opacity:0;transform:scale(2) rotate(-12deg)}60%{opacity:1;transform:scale(.92) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
.seal-stamp{animation:sealStamp 1s var(--ease-out) both}

/* 浮动 */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float{animation:float 6s ease-in-out infinite}

/* 加载点 */
.dots{display:inline-flex;gap:6px;align-items:center}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--gold-2);animation:pulse 1.2s infinite}
.dots i:nth-child(2){animation-delay:.2s}
.dots i:nth-child(3){animation-delay:.4s}

/* 光泽扫过（卡片） */
.shine{position:relative;overflow:hidden}
.shine::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,248,230,.08),transparent);
  animation:shine 4s ease-in-out infinite}
@keyframes shine{0%,100%{left:-100%}50%{left:150%}}

/* 响应式补充 */
@media(max-width:960px){
  .wrap{padding:0 20px}
  .section{padding:56px 0}
  .form{padding:28px 22px}
  .sec-title h2{font-size:26px;letter-spacing:7px}
  .sec-head h2{font-size:22px;letter-spacing:4px}
}
@media(max-width:480px){
  .wrap{padding:0 16px}
  .section{padding:44px 0}
  .form{padding:24px 18px}
  .btn{height:48px;padding:0 28px;font-size:14px;letter-spacing:4px}
  .btn-lg{height:54px;font-size:15px;letter-spacing:6px}
  .r-card{padding:20px 16px}
  .sec-title{margin-bottom:32px}
  .sec-title h2{font-size:22px;letter-spacing:5px}
  .sec-title .deco::before,.sec-title .deco::after{width:32px}
}

/* 大宽屏优化 */
@media(min-width:1600px){
  :root{--w:1280px}
  .hero-title{font-size:84px}
}