html.ngtpl-xcyl #xcyl{--v2-rgb:118,84,240}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi{border-radius:calc(12*var(--xu));overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#efe9ff,#e2d8ff);box-shadow:0 calc(4*var(--xu)) calc(10*var(--xu)) rgba(var(--v2-rgb),.18),0 1px 2px rgba(40,20,100,.08)}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi img{width:100%;height:100%;object-fit:cover}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);pointer-events:none;z-index:3}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(28,12,60,0)0,rgba(28,12,60,.38) 55%,rgba(28,12,60,.7) 100%);pointer-events:none;z-index:1}html.ngtpl-xcyl #xcyl .xc-grid .xc-gsk .xc-gi{box-shadow:none}html.ngtpl-xcyl #xcyl .xc-grid .xc-gsk .xc-gi::after,html.ngtpl-xcyl #xcyl .xc-grid .xc-gsk .xc-gi::before{display:none}html.ngtpl-xcyl #xcyl .xc-grid .xc-sup{position:absolute;z-index:2;left:0;top:0;height:calc(16*var(--xu));padding:0 calc(7*var(--xu));line-height:calc(16*var(--xu));border-radius:calc(12*var(--xu))0 calc(9*var(--xu))0;background:linear-gradient(135deg,rgba(150,112,255,.92),rgba(104,64,232,.92));color:#fff;font-size:calc(9.5*var(--xu));font-weight:700;font-family:Arial,Helvetica,sans-serif;letter-spacing:.3px;box-shadow:1px 1px 4px rgba(40,10,120,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html.ngtpl-xcyl #xcyl .xc-grid .xc-sup:empty{display:none}html.ngtpl-xcyl #xcyl .xc-grid .xc-g>.xc-star{position:absolute;z-index:4;left:auto;bottom:auto;top:calc(4*var(--xu));right:calc(4*var(--xu));width:calc(20*var(--xu));height:calc(20*var(--xu));min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(30,14,70,.3);border:1px solid rgba(255,255,255,.5);color:#fff;font-size:calc(12*var(--xu));filter:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 3px rgba(0,0,0,.18)}html.ngtpl-xcyl #xcyl .xc-grid .xc-g>.xc-star svg{width:1em;height:1em}html.ngtpl-xcyl #xcyl .xc-grid .xc-g>.xc-star.on{color:#ffd24a;background:rgba(116,80,238,.62);border-color:rgba(255,226,150,.75)}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag{position:absolute;z-index:2;left:auto;top:0;right:calc(28*var(--xu));display:flex;align-items:center;gap:calc(1.5*var(--xu));height:calc(17*var(--xu));padding:0 calc(6*var(--xu))0 calc(4*var(--xu));border-radius:0 0 calc(8*var(--xu)) calc(8*var(--xu));border:0;color:#fff;font-size:calc(9.5*var(--xu));line-height:1;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.22)}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag b{font-weight:800}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag svg{width:calc(9*var(--xu));height:calc(9*var(--xu))}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag-hot{background:linear-gradient(135deg,#ff9a3d 0,#ff4d4f 60%,#f5256a 100%)}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag-bk{background:linear-gradient(135deg,#ff7a45,#e8286b)}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag-new,html.ngtpl-xcyl #xcyl .xc-grid .xc-tag-xy{background:linear-gradient(135deg,#2fd6a0,#1aa5d8)}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag-cj{background:linear-gradient(135deg,#c86bff,#f25fb4)}html.ngtpl-xcyl #xcyl .xc-grid .xc-tag-tj{background:linear-gradient(135deg,#7d8bff,#6a47ea)}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi p{position:absolute;z-index:2;left:calc(8*var(--xu));right:calc(8*var(--xu));bottom:calc(6*var(--xu));margin:0;display:block;font-size:calc(11.5*var(--xu));line-height:1.25;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi .xc-heat{position:absolute;z-index:2;right:calc(7*var(--xu));bottom:calc(6*var(--xu));display:flex;align-items:center;gap:calc(2*var(--xu));font-size:calc(10*var(--xu));line-height:1.25;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi .xc-heat~p,html.ngtpl-xcyl #xcyl .xc-grid .xc-gi p:has(~.xc-heat){right:calc(46*var(--xu))}html.ngtpl-xcyl #xcyl .xc-grid .xc-g>.xc-gi{aspect-ratio:4/5}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi img{object-fit:cover;object-position:center center}html.ngtpl-xcyl #xcyl .xc-grid .xc-g>p{position:absolute;z-index:2;left:calc(8*var(--xu));right:calc(8*var(--xu));bottom:calc(6*var(--xu));margin:0;display:block;pointer-events:none;font-size:calc(11.5*var(--xu));line-height:1.25;font-weight:700;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}html.ngtpl-xcyl #xcyl .xc-grid .xc-g.xc-gsk>p{display:none}html.ngtpl-xcyl #xcyl .xc-grid .xc-g:not(.xc-gsk):active .xc-gi{transform:scale(.96)}html.ngtpl-xcyl #xcyl .xc-grid .xc-gi{transition:transform .16s ease}@media (prefers-reduced-motion:reduce){html.ngtpl-xcyl #xcyl .xc-grid .xc-gi{transition:none}}
html.ngtpl-xcyl #xcyl .xc-grid .xc-g>.xc-gi{aspect-ratio:167/209}
html.ngtpl-xcyl #xcyl .xc-grid .xc-sup{left:calc(6*var(--xu));top:calc(6*var(--xu));height:auto;line-height:1.15;padding:calc(3*var(--xu)) calc(6*var(--xu));border-radius:calc(8*var(--xu));background:rgba(16,10,36,.62);box-shadow:none}
html.ngtpl-xcyl #xcyl .xc-grid .xc-tag{top:calc(6*var(--xu));right:calc(6*var(--xu));height:auto;padding:calc(2*var(--xu)) calc(6*var(--xu));border-radius:calc(8*var(--xu));font-size:calc(10*var(--xu))}
html.ngtpl-xcyl #xcyl .xc-grid .xc-g>.xc-star{top:calc(30*var(--xu));right:calc(6*var(--xu))}
html.ngtpl-xcyl #xcyl .xc-grid .xc-gi p,html.ngtpl-xcyl #xcyl .xc-grid .xc-g>p{left:calc(7*var(--xu));right:calc(58*var(--xu));bottom:calc(7*var(--xu));text-align:left;font-size:calc(12*var(--xu));font-weight:700}
html.ngtpl-xcyl #xcyl .xc-grid .xc-gi .xc-heat{right:calc(6*var(--xu));bottom:calc(7*var(--xu));color:#ffe7a3;font-weight:700}
html.ngtpl-xcyl #xcyl .xc-grid .xc-gi .xc-heat svg{width:calc(11*var(--xu));height:calc(11*var(--xu));color:#ffb14a;flex:none}