.sky-home{--sk-night:#0d2136;--sk-night-2:#16394f;--sk-cyan:#a6e5ff;--sk-gold:#e5c27e;--sk-gold-2:#ffe6b0;--sk-ink:#12222f;--sk-ease:cubic-bezier(.23, 1, .32, 1);position:relative;max-width:480px;margin:0 auto;padding:0 0 .5rem;background:radial-gradient(120% 34% at 78% 0,rgba(255,246,221,.38) 0,rgba(255,246,221,0) 62%),linear-gradient(180deg,#081725 0,var(--sk-night) 24%,#1d4f6b 58%,var(--sk-night) 100%)!important;color:#eaf4fb;overflow:hidden;border:1px solid rgba(166,229,255,.18);box-shadow:0 18px 44px rgba(3,12,20,.5)}
.sky-home__bar{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}
.sky-home__logo{width:116px;height:auto;filter:drop-shadow(0 0 10px rgba(166, 229, 255, .5));animation:sk-rise 560ms 60ms var(--sk-ease) both}
.sky-home__logo-text{font-size:15px;font-weight:900;letter-spacing:.3em;color:var(--sk-gold-2)}
.sky-home__nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;animation:sk-rise 560ms 120ms var(--sk-ease) both}
.sky-home__nav a{font-size:12px;color:#dff3ff;text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid rgba(166,229,255,.38);background:rgba(13,33,54,.55);backdrop-filter:blur(6px);transition:transform 160ms var(--sk-ease),border-color 160ms ease,background-color 160ms ease}
.sky-home__nav a:active{transform:scale(.97)}
.sky-home__hero{position:relative;padding-bottom:18px}
.sky-home__kv{display:block;width:100%;height:auto;animation:sk-kv-in .7s var(--sk-ease) both}
@keyframes sk-kv-in{
from{opacity:0;transform:scale(1.03)}
to{opacity:1;transform:none}
}
.sky-home__fade{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,23,37,.55) 0,rgba(8,23,37,0) 34%,rgba(8,23,37,.55) 76%,var(--sk-night) 100%)}
.sky-home__hero-inner{position:relative;margin-top:-26%;padding:0 16px}
.sky-home__slogan{margin:0 0 4px;text-align:center;font-size:12px;letter-spacing:.34em;color:var(--sk-gold);text-shadow:0 2px 8px rgba(0,0,0,.6);animation:sk-rise 560ms 160ms var(--sk-ease) both}
.sky-home__h1{margin:0;text-align:center;font-size:30px;font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.6);animation:sk-rise 560ms .2s var(--sk-ease) both}
.sky-home__sub{margin:6px 0 14px;text-align:center;font-size:12px;color:rgba(226,240,250,.78);animation:sk-rise 560ms 240ms var(--sk-ease) both}
.sky-home__card{position:relative;padding:16px 14px 14px;border:15px solid transparent;border-image-source:url('/assets/img/sky/panel-frame.png');border-image-slice:62;border-image-width:15px;border-image-repeat:stretch;background:linear-gradient(180deg,rgba(22,57,79,.96) 0,rgba(13,33,54,.97) 100%);background-clip:padding-box;box-shadow:0 16px 34px rgba(3,12,20,.55);animation:sk-rise 620ms .3s var(--sk-ease) both}
.sky-home__tabs{display:flex;gap:6px;padding:4px;margin:0 0 12px;border-radius:999px;border:1px solid rgba(166,229,255,.35);background:rgba(8,23,37,.55)}
.sky-home__tab{flex:1 1 0;min-height:40px;border:0;border-radius:999px;background:0 0;color:rgba(226,240,250,.78);font-size:14px;font-weight:800;cursor:pointer;transition:transform 150ms var(--sk-ease),background-color 160ms ease,color 160ms ease}
.sky-home__tab.is-on{background:linear-gradient(180deg,#fff 0,#eaf6ff 60%,#cfe9fb 100%);color:#12405c;box-shadow:0 6px 16px rgba(6,20,32,.4)}
.sky-home__tab:active{transform:scale(.98)}
.sky-home__tabpanel[hidden]{display:none}
.sky-home__tabpanel[data-sky-panel=account] .oq-block{background:0 0;border:0;box-shadow:none;padding:0;color:#eaf4fb}
.sky-home__tabpanel[data-sky-panel=account] .oq-sub,.sky-home__tabpanel[data-sky-panel=account] .oq-title{display:none}
.sky-home__tabpanel[data-sky-panel=account] .oq-captcha__code,.sky-home__tabpanel[data-sky-panel=account] .oq-field{background:rgba(255,253,246,.97);border:1px solid rgba(166,229,255,.45);border-radius:14px;color:var(--sk-ink);box-shadow:none}
.sky-home__tabpanel[data-sky-panel=account] .oq-captcha__code::placeholder,.sky-home__tabpanel[data-sky-panel=account] .oq-field::placeholder{color:#7d8b96}
.sky-home__tabpanel[data-sky-panel=account] .oq-captcha__code:focus-visible,.sky-home__tabpanel[data-sky-panel=account] .oq-field:focus-visible{outline:0;border-color:var(--sk-cyan);box-shadow:0 0 0 4px rgba(166,229,255,.22)}
.sky-home__tabpanel[data-sky-panel=account] .oq-captcha__img{border:1px solid rgba(166,229,255,.45);border-radius:10px;background:#fffdf6}
.sky-home__tabpanel[data-sky-panel=account] .oq-actions .btn,.sky-home__tabpanel[data-sky-panel=account] .oq-cta,.sky-home__tabpanel[data-sky-panel=account] .oq-order .btn{min-height:46px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:linear-gradient(180deg,#fff 0,#eaf6ff 60%,#cfe9fb 100%);color:#12405c;font-weight:900;box-shadow:0 8px 20px rgba(6,20,32,.42),0 0 0 1px rgba(166,229,255,.3) inset}
.sky-home__tabpanel[data-sky-panel=account] .oq-cta:disabled{background:rgba(255,253,246,.5);color:rgba(18,64,92,.6);box-shadow:none}
.sky-home__tabpanel[data-sky-panel=account] .oq-status{color:rgba(226,240,250,.82)}
.sky-home__tabpanel[data-sky-panel=account] .oq-status[data-tone=error]{color:#ffb4a8}
.sky-home__tabpanel[data-sky-panel=account] .oq-status[data-tone=ok]{color:#8ff0b8}
.sky-home__tabpanel[data-sky-panel=account] .oq-tip{color:rgba(226,240,250,.72)}
.sky-home__tabpanel[data-sky-panel=account] .oq-channels{border:1px dashed rgba(166,229,255,.4);background:rgba(8,23,37,.5);border-radius:14px}
.sky-home__tabpanel[data-sky-panel=account] .oq-channels__h{color:var(--sk-cyan)}
.sky-home__tabpanel[data-sky-panel=account] .oq-order,.sky-home__tabpanel[data-sky-panel=account] .oq-preview__row{border:1px solid rgba(166,229,255,.3);background:rgba(8,23,37,.55);border-radius:14px;color:#eaf4fb}
.sky-home__tabpanel[data-sky-panel=account] .oq-preview__row.is-on{border-color:var(--sk-cyan);background:rgba(28,74,108,.75);box-shadow:0 0 0 1px rgba(166,229,255,.35) inset}
.sky-home__tabpanel[data-sky-panel=account] .oq-order__row,.sky-home__tabpanel[data-sky-panel=account] .oq-preview__id,.sky-home__tabpanel[data-sky-panel=account] .oq-preview__when{color:rgba(226,240,250,.78)}
.sky-home__tabpanel[data-sky-panel=account] .oq-order__row b{color:var(--sk-gold-2)}
.sky-home__tabpanel[data-sky-panel=account] .oq-chip,.sky-home__tabpanel[data-sky-panel=account] .oq-tag{background:rgba(166,229,255,.16);color:#d8f4ff;border:1px solid rgba(166,229,255,.4)}
.sky-home__tabpanel[data-sky-panel=account] .oq-chip--exp{background:rgba(255,255,255,.08);color:rgba(226,240,250,.55);border-color:rgba(255,255,255,.18)}
.sky-home__tabpanel[data-sky-panel=account] .oq-item{border:1.5px solid rgba(166,229,255,.35);background:rgba(255,253,246,.96);border-radius:14px}
.sky-home__tabpanel[data-sky-panel=account] .oq-item.is-on{border-color:var(--sk-cyan);background:rgba(207,233,251,.95);box-shadow:0 0 0 1px rgba(166,229,255,.5) inset,0 0 14px rgba(166,229,255,.35)}
.sky-home__card::after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;pointer-events:none;background:radial-gradient(60% 40% at 50% 0,rgba(166,229,255,.22),rgba(166,229,255,0) 70%);animation:4.6s ease-in-out infinite alternate sk-breathe}
@keyframes sk-breathe{
from{opacity:.35}
to{opacity:.8}
}
.sky-home__card-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:900;color:var(--sk-gold);text-shadow:0 2px 8px rgba(0,0,0,.5)}
.sky-home__card-label::before{content:"";width:18px;height:18px;flex:0 0 auto;background:url('/assets/img/sky/bullet.png') center/contain no-repeat;filter:drop-shadow(0 0 7px rgba(255, 220, 150, .85));animation:6s ease-in-out infinite alternate sk-bullet}
@keyframes sk-bullet{
from{transform:rotate(-14deg) scale(1)}
to{transform:rotate(14deg) scale(1.14)}
}
.sky-home__input.form-control{height:50px;border:1px solid rgba(166,229,255,.45);border-radius:14px;background:rgba(255,253,246,.97);color:var(--sk-ink);font-size:15px;box-shadow:none}
.sky-home__input.form-control::placeholder{color:#7d8b96}
.sky-home__input.form-control:focus{border-color:var(--sk-cyan);box-shadow:0 0 0 4px rgba(166,229,255,.22);background:#fff}
.sky-home__cta{display:block;width:100%;min-height:52px;margin-top:12px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:linear-gradient(180deg,#fff 0,#eaf6ff 60%,#cfe9fb 100%);color:#12405c;font-size:16px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 24px rgba(6,20,32,.45),0 0 0 1px rgba(166,229,255,.35) inset;transition:transform 150ms var(--sk-ease),box-shadow 180ms ease}
.sky-home__cta:active{transform:scale(.98)}
.sky-home__quick{display:flex;gap:10px;margin-top:12px}
.sky-home__quick-btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:999px;border:1px solid rgba(229,194,126,.65);background:rgba(229,194,126,.12);color:var(--sk-gold-2);font-size:13.5px;font-weight:700;text-decoration:none;transition:transform 150ms var(--sk-ease),background-color 160ms ease}
.sky-home__quick-btn:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){
.sky-home__nav a:hover{border-color:var(--sk-cyan);background:rgba(28,74,108,.7)}
.sky-home__cta:hover{box-shadow:0 14px 30px rgba(6,20,32,.5),0 0 22px rgba(166,229,255,.5)}
.sky-home__quick-btn:hover{background:rgba(229,194,126,.22)}
}
.sky-home__sec{padding:18px 16px 0}
.sky-home__sec-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:900;letter-spacing:.06em;color:var(--sk-gold-2);text-shadow:0 3px 12px rgba(0,0,0,.55)}
.sky-home__sec-title::before{content:"";width:20px;height:20px;flex:0 0 auto;background:url('/assets/img/sky/bullet.png') center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(255, 220, 150, .9));animation:6s ease-in-out infinite alternate sk-bullet}
.sky-home__carousel{padding:10px;border-radius:20px;border:1px solid rgba(166,229,255,.45);background:rgba(255,253,246,.96);box-shadow:0 14px 30px rgba(3,12,20,.45);animation:sk-rise 620ms 380ms var(--sk-ease) both}
.sky-home__carousel .carousel-inner,.sky-home__carousel .carousel-item img{border-radius:14px}
.sky-home__carousel .carousel-control-next,.sky-home__carousel .carousel-control-prev{width:12%;opacity:.75}
.sky-home #orderQuery.oq-block{background:rgba(255,253,246,.96);border:1px solid rgba(166,229,255,.45);border-radius:20px;box-shadow:0 14px 30px rgba(3,12,20,.45);margin-top:0!important;animation:sk-rise 620ms 440ms var(--sk-ease) both}
.sky-home__note{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid rgba(229,194,126,.45);border-left:3px solid var(--sk-gold);background:rgba(8,23,37,.62);color:#fdf4e6;font-size:13px;line-height:1.7}
.sky-home__note i{color:var(--sk-gold);font-size:15px;line-height:1.5}
.sky-home__note p{margin:0}
.sky-home__footer{margin-top:22px;padding:16px 16px calc(18px + env(safe-area-inset-bottom));text-align:center;border-top:1px solid rgba(166,229,255,.2)}
.sky-home__footer-line{margin:0;font-size:12px;color:rgba(226,240,250,.88)}
.sky-home__footer-ver{margin:4px 0 0;font-size:11px;color:rgba(166,229,255,.72)}
@keyframes sk-rise{
from{opacity:0;transform:translate3d(0,14px,0)}
to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
.sky-home #orderQuery.oq-block,.sky-home__card,.sky-home__card-label::before,.sky-home__card::after,.sky-home__carousel,.sky-home__h1,.sky-home__kv,.sky-home__logo,.sky-home__nav,.sky-home__sec-title::before,.sky-home__slogan,.sky-home__sub{animation:none!important}
}