/* 超连云 ClinkMeta 站点样式 */
:root {
  --brand: #22d3ee;
  --brand-deep: #0891b2;
}
* { scroll-behavior: smooth; }
body { background-image:
    radial-gradient(900px 500px at 85% -10%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(700px 400px at 5% 0%, rgba(168,85,247,.08), transparent 55%); }

/* 网格底纹 */
.grid-bg::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 44px 44px; mask-image: radial-gradient(circle at 50% 30%, #000 30%, transparent 75%);
}
.relative-z { position: relative; z-index: 1; }

/* 玻璃卡片 */
.glass {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}
.glass-hover { transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.glass-hover:hover { transform: translateY(-6px); border-color: rgba(34,211,238,.5); background: rgba(34,211,238,.06); }

/* 渐变文字 */
.text-gradient { background: linear-gradient(90deg, #67e8f9, #a855f7); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* 轮播 */
.clink-swiper { width: 100%; height: 460px; border-radius: 1rem; overflow: hidden; }
@media (max-width: 768px){ .clink-swiper { height: 320px; } }
.clink-swiper .swiper-slide { position: relative; display: flex; align-items: center; }
.clink-swiper .slide-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.clink-swiper .slide-mask { position:absolute; inset:0; background: linear-gradient(90deg, rgba(2,6,23,.9), rgba(2,6,23,.35) 60%, transparent); }
.clink-swiper .swiper-button-next, .clink-swiper .swiper-button-prev { color: #67e8f9; }
.clink-swiper .swiper-pagination-bullet { background: #fff; opacity:.5; }
.clink-swiper .swiper-pagination-bullet-active { background: #22d3ee; opacity:1; width:22px; border-radius:8px; }

/* 模块色条 */
.module-bar { height: 3px; border-radius: 3px; }

/* 标签徽章 */
.badge-hot { background: rgba(245,158,11,.15); color: #fbbf24; }
.badge-feat { background: rgba(34,211,238,.15); color: #67e8f9; }

/* 按钮 */
.btn-primary { background: linear-gradient(90deg, var(--brand), var(--brand-deep)); color:#03131a; font-weight:600; }
.btn-primary:hover { filter: brightness(1.08); }
.btn-ghost { border:1px solid rgba(255,255,255,.18); }
.btn-ghost:hover { border-color: var(--brand); color:#67e8f9; }

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

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(34,211,238,.3); border-radius: 6px; }