/* 小头盔 common.css 域拆分（2026-10-21 整理批二）：原 2684 行单文件按域拆 8 文件，
   _header.blade 按原物理顺序全量引入——层叠语义 100% 等价（行区间连续切分），
   改某域样式不再碰其他域文件。本文件域：杂项域：骨架屏/按钮涟漪/回顶进度环）*/

/* ===== 骨架屏（2026-09-25 全站 shader loading 图退役）：纯 CSS 呼吸，无引擎 ===== */
.hc-sk { background:var(--hc-primary-100, #EDE9FE); animation:hcSkPulse 1.3s ease-in-out infinite; }
@keyframes hcSkPulse { 0%,100% { opacity:.55; } 50% { opacity:1; } }
/* 结果行骨架（搜索下拉 / 独立搜索页共用；尺寸同 hc-sp-row / 下拉行） */
.hc-sk-row { display:flex; align-items:center; gap:12px; padding:12px 14px; }
.hc-sk-row .hc-sk-img { width:56px; height:56px; border-radius:10px; flex-shrink:0; }
.hc-sk-row .hc-sk-lines { flex:1; display:flex; flex-direction:column; gap:8px; }
.hc-sk-row .hc-sk-line { height:12px; border-radius:999px; }
.hc-sk-row .hc-sk-line.l1 { width:78%; }
.hc-sk-row .hc-sk-line.l2 { width:44%; }
.hc-sk-row .hc-sk-tail { width:52px; height:16px; border-radius:6px; flex-shrink:0; }

/* ===== 主按钮点击涟漪（2026-10-06）：水波从指尖荡开，水的品牌语言 ===== */
.hc-btn-tide, .hc-form-btn, .btn-primary, .btn-ghost, .hc-buy-submit {
    position: relative;
    overflow: hidden;
}
.hc-ripple {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transform: scale(0);
    background: rgba(255, 255, 255, 0.38);
    animation: hc-ripple 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.btn-ghost .hc-ripple, .hc-form-btn .hc-ripple { background: rgba(124, 58, 237, 0.22); }
@keyframes hc-ripple { to { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .hc-ripple { animation: none; opacity: 0; } }

/* ===== 回顶钮滚动进度环（2026-10-06）：外圈描边=当前阅读进度 ===== */
.hc-backtop-fab .hc-backtop-ring {
    position: absolute;
    top: -4px; left: -4px;
    width: calc(100% + 8px); height: calc(100% + 8px);
    transform: rotate(-90deg);
    pointer-events: none;
}
.hc-backtop-ring circle {
    fill: none;
    stroke: var(--hc-primary);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-dasharray: 175.9;
    stroke-dashoffset: 175.9;
}