/* ═══════════ sky 스킨 — 생동감 하늘 + 흐르는 구름 (body.tidy 위 오버레이) ═══════════ */
/* 365건강 다이어트(nexisland) 전용. 하늘 그라데이션 배경 + 구름 2층 시차 드리프트. */

body.sky { background: linear-gradient(180deg,#3aa0ee 0%,#69bdf5 28%,#a8dbfb 60%,#e9f6ff 100%); background-attachment: fixed; }

/* 뒷 구름층(느리고 흐릿) */
body.sky::after { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271600%27%20height%3D%27300%27%3E%3Cdefs%3E%3Cfilter%20id%3D%27b%27%3E%3CfeGaussianBlur%20stdDeviation%3D%2710%27%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%27white%27%20filter%3D%27url%28%23b%29%27%20opacity%3D%270.55%27%3E%3Cellipse%20cx%3D%27220%27%20cy%3D%27120%27%20rx%3D%27150%27%20ry%3D%2752%27%2F%3E%3Cellipse%20cx%3D%27330%27%20cy%3D%27150%27%20rx%3D%27100%27%20ry%3D%2740%27%2F%3E%3Cellipse%20cx%3D%27820%27%20cy%3D%2790%27%20rx%3D%27120%27%20ry%3D%2744%27%2F%3E%3Cellipse%20cx%3D%271180%27%20cy%3D%27170%27%20rx%3D%27160%27%20ry%3D%2756%27%2F%3E%3Cellipse%20cx%3D%271320%27%20cy%3D%27200%27%20rx%3D%27110%27%20ry%3D%2742%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat:repeat-x; background-size:1600px auto; background-position:0 12vh;
  animation: skyDrift2 150s linear infinite; }
/* 앞 구름층(빠르고 선명) */
body.sky::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27260%27%3E%3Cdefs%3E%3Cfilter%20id%3D%27b%27%3E%3CfeGaussianBlur%20stdDeviation%3D%277%27%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%27white%27%20filter%3D%27url%28%23b%29%27%20opacity%3D%270.92%27%3E%3Cellipse%20cx%3D%27160%27%20cy%3D%2780%27%20rx%3D%27105%27%20ry%3D%2742%27%2F%3E%3Cellipse%20cx%3D%27245%27%20cy%3D%2798%27%20rx%3D%2774%27%20ry%3D%2731%27%2F%3E%3Cellipse%20cx%3D%27560%27%20cy%3D%27150%27%20rx%3D%2760%27%20ry%3D%2726%27%2F%3E%3Cellipse%20cx%3D%27740%27%20cy%3D%27120%27%20rx%3D%27125%27%20ry%3D%2748%27%2F%3E%3Cellipse%20cx%3D%27835%27%20cy%3D%27140%27%20rx%3D%2788%27%20ry%3D%2735%27%2F%3E%3Cellipse%20cx%3D%271050%27%20cy%3D%2790%27%20rx%3D%2780%27%20ry%3D%2732%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat:repeat-x; background-size:1200px auto; background-position:0 26vh;
  animation: skyDrift1 90s linear infinite; }
@keyframes skyDrift1 { from { background-position:0 26vh; } to { background-position:1200px 26vh; } }
@keyframes skyDrift2 { from { background-position:0 12vh; } to { background-position:1600px 12vh; } }

/* 히어로: 맑은 하늘 위 흰 글씨(가독성 위해 그림자) */
body.sky .tidy-hero { background: transparent; }
body.sky .tidy-hero h1, body.sky .tidy-hero p { color:#0b3a66; text-shadow:0 2px 10px rgba(255,255,255,.7); }
/* 카드/섹션은 반투명 흰 카드로 하늘 위에 떠 보이게 */
body.sky .tidy-card, body.sky .region-cta, body.sky .region-table thead th { box-shadow:0 8px 24px rgba(11,58,102,.12); }
body.sky .tidy-section, body.sky .region-wrap { position:relative; z-index:1; }
/* CTA 버튼 하늘색 톤 */
body.sky .region-cta-btn, body.sky .cpa-cta-btn { background:linear-gradient(100deg,#1f8fe6,#0b6fc4); }

@media (prefers-reduced-motion: reduce) { body.sky::before, body.sky::after { animation:none; } }