/* كىنوخانا — ئورتاق ئۇسلۇب  (لايىھە ئاساسى: ui/home-v2.html «قارا ئالتۇن 2.0» / «كۆك ئاسمان 2.0»)
   تېما body غا t1 / t2 قوشۇلىدۇ. RTL، تولۇق ئۇيغۇرچە. */

/* سىستېمىنىڭ بىردىنبىر ئۇيغۇرچە خەت نۇسخىسى — UKIJ Esliye Bold (يەرلىك) */
@font-face{
  font-family:'UgKino';
  src:url('fonts/ug.woff2') format('woff2'),
      url('fonts/ug.ttf') format('truetype');
  font-weight:100 900;font-style:normal;font-display:swap;
  /* ئۇيغۇر/ئەرەب ھەرپلىرى، سان ۋە لاتىنچە — خەنزۇچە خەتلەر سىستېما خەت نۇسخىسىغا چۈشىدۇ */
  unicode-range:U+0000-00FF,U+0600-06FF,U+0750-077F,U+08A0-08FF,
                U+2000-206F,U+20A0-20CF,U+FB50-FDFF,U+FE70-FEFC,U+0020-007E;
}
/* زاپاس (توردا يوق ۋاقىتتىكى) */
@font-face{
  font-family:'NaskhUG';
  src:url('fonts/naskh.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;
}

:root{
  --ug:'UgKino','NaskhUG',"UKIJ Esliye","UKIJ Tuz","ALKATIP Tor","Microsoft Uighur",
      "Noto Naskh Arabic",Tahoma,"PingFang SC","Microsoft YaHei",sans-serif;
  --fs-min:13px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}
/* hidden خاسلىقى ھەمىشە ئىشلىسۇن — .rsbox دەك display:flex بار ئېلېمېنتلاردا
   .class{display:flex} بولسا [hidden] نى بېسىپ كېتىپ، كۆزنەك يوشۇرۇنماي قالىدۇ */
[hidden]{display:none !important}
html,body{height:100%}
html{overflow-x:clip}
body{font-family:var(--ug);color:#fff;overflow-x:hidden;
  -webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.65;font-weight:500}
img{display:block;max-width:100%;border:0}
button{font-family:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
/* ھەممە يەردە بىرلا ئۇيغۇرچە خەت نۇسخىسى — ھېچقانداق جاي قالمىسۇن */
html,input,select,textarea,optgroup,option,label,th,td,li{font-family:var(--ug)}
.xgplayer,.xgplayer *{font-family:var(--ug) !important}

/* ---------------- تېما 1 — قارا ئالتۇن 2.0 ---------------- */
body.t1{background:#08080b;
  --acc:#ffd88a;--acc2:#d9a441;--onAcc:#2a1c05;
  --card:#121217;--card2:#16161c;--line:#24242e;
  --sub:#8d8b83;--txt:#fff;--glass:rgba(255,255,255,.14)}
body.t1:before{content:"";position:fixed;top:-120px;right:-90px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(229,185,105,.22),transparent 70%);filter:blur(20px);z-index:0}
body.t1:after{content:"";position:fixed;top:520px;left:-110px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(122,90,255,.18),transparent 70%);filter:blur(20px);z-index:0}

/* ---------------- تېما 2 — كۆك ئاسمان 2.0 ---------------- */
body.t2{background:linear-gradient(170deg,#0e1834 0%,#241a48 45%,#3a1a3f 100%);
  --acc:#8ae6ff;--acc2:#b07aff;--onAcc:#0a1030;
  --card:rgba(255,255,255,.08);--card2:rgba(255,255,255,.08);--line:rgba(255,255,255,.15);
  --sub:#cfd6ea;--txt:#fff;--glass:rgba(255,255,255,.14)}
body.t2:before{content:"";position:fixed;top:-90px;left:-80px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(90,224,255,.28),transparent 70%);filter:blur(24px);z-index:0}
body.t2:after{content:"";position:fixed;top:480px;right:-100px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,110,180,.25),transparent 70%);filter:blur(24px);z-index:0}

.app{position:relative;z-index:2;max-width:480px;margin:0 auto;min-height:100%;
  padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}

/* ---------------- ئۈستى قىسىم ---------------- */
.hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 10px}
.brand{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.logo{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:bold;background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onAcc)}
.bell{width:30px;height:30px;border-radius:50%;background:var(--card);border:1px solid var(--line);
  position:relative;display:flex;align-items:center;justify-content:center;font-size:13px}
.bell i{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:#ff5a5a;display:none}
.bell.on i{display:block}
.srch{margin:0 14px 12px;height:38px;border-radius:19px;display:flex;align-items:center;gap:8px;
  padding:0 14px;font-size:var(--fs-min);color:var(--sub);background:var(--card);border:1px solid var(--line)}
.srch .ic{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;opacity:.7;flex:0 0 auto}

/* ---------------- ئايلانما چوڭ رامكا (تېخىمۇ ئېگىز) ---------------- */
.car{margin:0 14px 12px;height:212px;border-radius:22px;position:relative;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.5)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.slide.on{opacity:1}
.slide .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.1);
  animation:kb 12s ease-in-out infinite alternate}
.slide.on .bg{animation-play-state:running}
@keyframes kb{0%{transform:scale(1.02)}100%{transform:scale(1.12)}}
.slide:after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.94) 8%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.05))}
.slide .in{position:absolute;bottom:0;right:0;left:0;padding:16px;z-index:3}
.slide h3{font-size:18px;margin-bottom:5px;letter-spacing:.3px;font-weight:700}
.slide .mt{font-size:12.5px;margin-bottom:12px;opacity:.85}
.pillrow{display:flex;gap:7px;align-items:center}
.btnp{padding:9px 22px;border-radius:24px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onAcc);border:0}
.btnp.gh{background:var(--glass);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff}
.dots{position:absolute;bottom:12px;left:14px;display:flex;gap:5px;z-index:4}
.dots i{width:14px;height:3px;border-radius:3px;background:var(--acc);opacity:.35;transition:.3s}
.dots i.on{opacity:1;width:20px}
.rankno{position:absolute;top:10px;right:10px;font-size:10px;padding:3px 8px;border-radius:6px;
  background:var(--acc);color:var(--onAcc);z-index:3}

/* ---------------- تېز كۇنۇپكىلار ---------------- */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px 14px}
.qb{border-radius:14px;padding:11px 4px;text-align:center;font-size:11.5px;position:relative;overflow:hidden;
  background:var(--card);border:1px solid var(--line)}
.qb .qi{width:26px;height:26px;border-radius:9px;margin:0 auto 6px;display:flex;align-items:center;
  justify-content:center;font-size:13px;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc)}
body.t1 .qb .qi{background:rgba(229,185,105,.16)}
.qb.hot{background:linear-gradient(150deg,color-mix(in srgb,var(--acc) 22%,transparent),color-mix(in srgb,var(--acc) 6%,transparent))}
.qb.hot .qi{background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onAcc)}
.qb.hot:after{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;
  background:linear-gradient(135deg,#ffd88a,#ff9ad5,#7ad9ff);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}

/* ---------------- بۆلەكلەر ---------------- */
.sec{padding:0 14px 16px}
.sech{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sech b{font-size:15.5px;color:#f2e7d2;font-weight:700}
body.t2 .sech b{color:#fff}
.sech span{font-size:12px;opacity:.55}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mv{position:relative}
.po{border-radius:12px;overflow:hidden;position:relative;background:var(--card2);border:1px solid var(--line)}
.po.v{height:190px}
.po.h{height:170px}
.po .cv{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity .35s ease}
.po .cv.ld{opacity:1}
.po .nm{position:absolute;bottom:0;right:0;left:0;padding:7px 8px;font-size:12.5px;font-weight:600;line-height:1.4;
  background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:2}
/* قىسىم سانى — ئاستىدا (ئىسىم ئۈستىدە) */
.po .ep{position:absolute;bottom:34px;right:6px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;
  background:var(--acc);color:var(--onAcc);z-index:2}
/* قويۇلۇش سانى — ئۈستى سول بۇلۇڭدا كۆز بەلگىسى */
.po .vw{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:3px;z-index:2;
  font-size:10.5px;font-weight:700;color:#fff;padding:2px 7px;border-radius:6px;
  background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.po .vw svg{width:12px;height:12px;flex:0 0 auto}
.po .pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;
  transition:.2s;font-size:22px;color:var(--acc);background:rgba(0,0,0,.45);z-index:3}
.mv:active .po .pl{opacity:1}
.tb{font-size:12px;opacity:.7;margin-top:5px;text-align:center}

/* رەت تەرتىپى */
.rk{display:flex;gap:10px;align-items:center;margin-bottom:9px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:8px}
.rk .no{width:24px;text-align:center;font-size:17px;font-style:italic;color:var(--acc)}
.rk .sm{width:44px;height:44px;border-radius:10px;flex:0 0 auto;background-size:cover;background-position:center}
.rk .tt{flex:1;font-size:12.5px}
.rk .vv{font-size:10.5px;opacity:.6;margin-top:2px}

/* ---------------- ئاستى تىزىملىك — لەيلىمە كۆركەم لايىھە ---------------- */
.nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));
  left:14px;right:14px;height:60px;z-index:30;
  display:flex;align-items:center;justify-content:space-around;
  border-radius:20px;border:1px solid rgba(255,216,138,.18);
  background:linear-gradient(180deg,rgba(30,28,36,.96),rgba(12,12,17,.97));
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 18px 48px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.08)}
body.t2 .nav{background:linear-gradient(180deg,rgba(28,32,56,.95),rgba(12,15,30,.97));
  border-color:rgba(138,230,255,.2)}
.nav .wrap{max-width:448px;width:100%;display:flex;justify-content:space-around;padding:0 8px}
.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:5px 14px;font-size:13px;font-weight:800;line-height:1.5;color:#8f8d86;transition:.22s;
  border-radius:16px;min-width:68px}
.nav a span{margin-top:-1px}
.nav a svg{width:22px;height:22px;display:block;flex:0 0 auto}
/* بەلگىلەرنىڭ كۆزگە كۆرۈنۈش چوڭلۇقىنى تەڭشەش */
.nav a:nth-child(1) svg{width:21px;height:21px}
.nav a:nth-child(2) svg{width:21px;height:21px}
.nav a:nth-child(3) svg{width:22px;height:22px}
.nav a:nth-child(4) svg{width:24px;height:24px}
.nav a.on{color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent)}
.nav a.on svg{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--acc) 70%,transparent))}
.nav a:active{transform:scale(.92)}

/* ---------------- ياردەمچى ---------------- */
.empty{text-align:center;color:var(--sub);font-size:var(--fs-min);padding:26px 0}
.toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:rgba(0,0,0,.86);
  color:#fff;font-size:var(--fs-min);padding:9px 16px;border-radius:20px;z-index:50;opacity:0;
  transition:.25s;pointer-events:none;max-width:80%;text-align:center}
.toast.on{opacity:1}
.pill{display:inline-block;font-size:10px;padding:2px 7px;border-radius:6px;background:var(--acc);color:var(--onAcc)}

/* ---------------- تەپسىلات بەت ۋە قويغۇچ ---------------- */
.hdr .back{position:absolute;right:12px;top:10px;font-size:22px;line-height:1;opacity:.8}
.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.player video{width:100%;height:100%;object-fit:contain;background:#000}
.needvip{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.85));color:#fff;font-size:var(--fs-min)}
.needvip .lk{font-size:34px}
.perr{position:absolute;bottom:10px;left:10px;right:10px;background:rgba(0,0,0,.7);color:#ffd88a;
  font-size:12px;padding:8px 10px;border-radius:8px;text-align:center}
.mtitle{font-size:17px;font-weight:700;margin:2px 0 6px}
.intro{font-size:var(--fs-min);color:var(--sub);line-height:1.8;margin-top:8px}
.eps{display:flex;flex-wrap:wrap;gap:8px}
.epb{width:calc((100% - 40px)/6);min-width:0;box-sizing:border-box;padding:7px 0;text-align:center;border-radius:9px;background:var(--card);
  border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--fg)}
.epb.on{background:var(--acc);color:var(--onAcc);border-color:transparent}
/* قىسىملار كۆپ بولسا — دەسلەپكى 18 ى كۆرۈنىدۇ، قالغىنى «ھەممىسى» بىلەن ئېچىلىدۇ */
.eps .epb.epx{display:none}
.eps.open .epb.epx{display:block}
.epfold{display:block;margin:10px auto 2px;width:max-content;padding:8px 20px;
  font-size:13px;font-weight:800;color:var(--acc);background:transparent;
  border:1px solid var(--line);border-radius:20px;cursor:pointer}

/* ---------------- تۈر · ئىزدەش · بەتلەش ---------------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 12px;border-radius:20px;background:var(--card);border:1px solid var(--line);font-size:13px}
.chip i{font-style:normal;opacity:.6;font-size:11px;margin-inline-start:5px}
.srch2{display:flex;gap:8px;padding:10px 12px}
.srch2 input{flex:1;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--fg)}
.srch2 button{padding:10px 16px;border:0;border-radius:9px;background:var(--acc);color:var(--onAcc);font-weight:700}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:10px 0}
.pg{padding:6px 11px;border-radius:8px;background:var(--card);border:1px solid var(--line);font-size:13px}
.pg.on{background:var(--acc);color:var(--onAcc)}

/* ---------------- ئەزالىق ---------------- */
.vipcard{margin:12px;padding:16px;border-radius:14px;border:1px solid var(--line);
  background:linear-gradient(140deg,#2a2114,#14100a)}
.vipcard.on{background:linear-gradient(140deg,#6b4a12,#2a1c06);border-color:var(--acc)}
.vipcard .vl{font-size:16px;font-weight:700;color:var(--acc)}
.vipcard .vd2{font-size:12px;color:var(--sub);margin:6px 0 10px}
.cdform{display:flex;gap:8px}
.cdform input{flex:1;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--fg);direction:ltr;text-align:right}
.cdform button{padding:11px 16px;border:0;border-radius:9px;background:var(--acc);color:var(--onAcc);font-weight:700}
.cdform .btn2{background:var(--card);color:var(--acc);border:1px solid var(--line)}
.plan{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;margin-bottom:8px;
  border-radius:10px;background:var(--card);border:1px solid var(--line)}
.plan .pn{font-weight:700}
.plan .pp{color:var(--acc);font-size:13px}
.plan .pd{font-size:11px;color:var(--sub)}
.small2{font-size:12px;color:var(--sub);line-height:1.8}
.msg{padding:10px 12px;margin:12px;border-radius:9px;background:#12301c;color:#b6f5c8;font-size:13px}
.msg.bad{background:#3a1414;color:#ffc9c9}
code{background:rgba(255,255,255,.07);padding:1px 5px;border-radius:5px;font-size:12px}

/* ---------------- ئاۋازلىق ئەسەر ---------------- */
.au-head{text-align:center;padding:16px 0}
.au-cover{font-size:52px;line-height:1.4}
.au-player{margin:12px 0}
.au-now{font-size:13px;color:var(--muted,#888);margin-bottom:6px}
.au-prog{height:4px;background:#0002;border-radius:2px;margin-top:8px}
.au-prog-in{height:100%;width:0;background:var(--acc,#e64a33);border-radius:2px;transition:width .3s}
.au-list{margin-top:10px}
.au-ch{padding:9px 12px;border-bottom:1px solid #0001;display:flex;justify-content:space-between;font-size:14px}
.au-ch.on{color:var(--acc,#e64a33);font-weight:700}
.au-row{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #0001;text-decoration:none;color:inherit}
.au-ic{font-size:28px}
.au-mid{flex:1}
.au-t{font-size:15px;font-weight:600}

/* ---------------- دوۋيىن شەكىللىك قىسقا تىياتىر ئېقىمى ---------------- */
.feed{position:fixed;inset:0;background:#000;overflow-y:auto;scroll-snap-type:y mandatory;z-index:40;
  scrollbar-width:none}
.feed::-webkit-scrollbar{display:none}
.fd-it{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;background:#000}
.fd-it video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.fd-po{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px) brightness(.5)}
.fd-info{position:absolute;bottom:96px;right:14px;left:70px;z-index:5;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.fd-info .t{font-size:17px;font-weight:700;margin-bottom:6px}
.fd-info .m{font-size:12.5px;opacity:.85;display:flex;align-items:center;gap:5px}
.fd-info .m svg{width:14px;height:14px}
.fd-rail{position:absolute;bottom:110px;left:10px;z-index:5;display:flex;flex-direction:column;gap:16px;align-items:center}
.fd-rail button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.45);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center}
.fd-rail button svg{width:22px;height:22px}
.fd-back{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:6;width:40px;height:40px;
  border-radius:50%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);color:#fff;
  font-size:20px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.fd-big{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}
.fd-big span{width:74px;height:74px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.fd-big svg{width:30px;height:30px;color:#fff;margin-inline-start:3px}
.fd-empty{height:100dvh;display:flex;align-items:center;justify-content:center;color:#9d9b95;font-size:14px}

/* ---------------- قويغۇچ: قۇلۇپ + سىيرىش HUD ---------------- */
.player{position:relative}
.plock{position:absolute;top:calc(env(safe-area-inset-top,0px) + 46%);left:12px;z-index:8;width:42px;height:42px;
  border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25);color:#fff;
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.plock svg{width:20px;height:20px}
.plock.on{background:var(--acc);color:var(--onAcc);border-color:transparent}
.pmask{position:absolute;inset:0;z-index:7;background:transparent;display:none}
.pmask.on{display:block}
.phud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;
  background:rgba(0,0,0,.66);border-radius:12px;padding:10px 16px;display:none;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:#fff;backdrop-filter:blur(6px)}
.phud.on{display:flex}
.phud svg{width:18px;height:18px}
.pbright{position:absolute;inset:0;z-index:2;background:#000;opacity:0;pointer-events:none;transition:opacity .1s}

/* ---------------- تۈرلەر بېتى — رەتلىك، ئۆچىرىشىپ كەتمەيدىغان ---------------- */
.catgrid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  line-height:1.35;min-height:44px;padding:10px 18px;border-radius:22px;
  background:var(--card);border:1px solid var(--line);
  font-size:14.5px;font-weight:700;color:#e8e6e1}
.chip i{font-style:normal;opacity:.55;font-size:12px;margin-inline-start:6px}
.chip.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onAcc);border-color:transparent}

/* ---------------- مەن بېتى — كۆرگەنلىرىم بىرلا قاتار (ئېكرانغا 3 دانە) ---------------- */
.hrow{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.hrow::-webkit-scrollbar{display:none}
.hrow .mv{flex:0 0 calc((100% - 18px) / 3)}
.hrow .po.h{height:170px}
.hmore{margin-top:10px;text-align:center;font-size:13.5px;font-weight:700;color:var(--acc);
  padding:11px;border-radius:12px;background:var(--card);border:1px solid var(--line);cursor:pointer}

/* ================= تېما 3 — ئاق ئۇسلۇب (ئۈلگە: ئابونىت ئەۋەتكەن رەسىم) ================= */
body.t3{background:#f3f4f6;color:#1f2430;
  --acc:#ff4d6d;--acc2:#ff7a59;--onAcc:#fff;
  --card:#fff;--card2:#f0f1f3;--line:#e6e7eb;
  --sub:#7a7f8c;--txt:#1f2430;--glass:rgba(0,0,0,.06)}
body.t3:before,body.t3:after{display:none}

/* ئۈستى قىسىم */
.t3 .brand{color:#1f2430;font-size:17px;font-weight:800}
.t3 .bell{background:#fff;border-color:var(--line);color:#1f2430}
.t3 .srch{background:#fff;border-color:var(--line);color:#9aa0ad;height:42px;border-radius:21px;font-size:13.5px}

/* ئايلانما — ئېگىز، يۇمىلاق */
.t3 .car{border:0;box-shadow:0 10px 26px rgba(20,24,40,.14)}
.t3 .dots i{background:#fff}
.t3 .rankno{background:var(--acc);color:#fff}

/* تېز كۇنۇپكىلار — رەڭلىك ئايلىنا بەلگە + ئاستىدا خەت (ئۈلگە رەسىمدەك) */
.t3 .quick{padding:2px 14px 16px}
.t3 .qb{background:none;border:0;padding:6px 2px;font-size:13px;font-weight:700;color:#333a45}
.t3 .qb .qi{width:54px;height:54px;border-radius:50%;margin-bottom:7px;color:#fff;font-size:20px;
  box-shadow:0 8px 18px rgba(20,24,40,.14)}
.t3 .qb:nth-child(1) .qi{background:linear-gradient(135deg,#22c3ae,#0e9f8f)}
.t3 .qb:nth-child(2) .qi{background:linear-gradient(135deg,#ff7a59,#f04438)}
.t3 .qb:nth-child(3) .qi{background:linear-gradient(135deg,#3aa0ff,#2563eb)}
.t3 .qb:nth-child(4) .qi{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.t3 .qb.hot{background:none}
.t3 .qb.hot:after{display:none}
.t3 .qb.hot .qi{background:linear-gradient(135deg,#ff7a59,#f04438);color:#fff}

/* بۆلەك ماۋزۇلىرى */
.t3 .sech b{color:#1f2430}
.t3 .sech span{color:var(--acc);opacity:1}

/* كىنو كارتىلىرى — ماۋزۇ رەسىمنىڭ ئاستىدا، قارا خەت (ئۈلگە رەسىمدەك) */
.t3 .po{border:0;background:transparent;overflow:visible}
.t3 .po .cv{position:relative;height:170px;border-radius:14px;opacity:1;
  box-shadow:0 6px 16px rgba(20,24,40,.12);background-size:cover;background-position:center}
.t3 .po.v .cv{height:224px}
.t3 .po.h .cv{height:224px}   /* تۈرلەر/تىزىملىك بېتىدە كارتا ئېگىزلىكى بىردەك */
.t3 .po .nm{position:static;background:none;color:#242a35;padding:7px 2px 0;
  font-size:13px;font-weight:700;line-height:1.45;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.t3 .po .vw{top:8px;left:8px;background:rgba(0,0,0,.5)}
.t3 .po .ep{bottom:8px;right:8px;top:auto;background:var(--acc);color:#fff}
.t3 .po .pl{display:none}
.t3 .tb{color:var(--sub);opacity:1}

/* رەت تەرتىپى كارتىلىرى */
.t3 .rk{background:#fff;border-color:var(--line)}
.t3 .rk .tt{color:#242a35}
.t3 .rk .vv{color:var(--sub);opacity:1}

/* تۈرلەر chips */
.t3 .chip{background:#fff;border-color:var(--line);color:#333a45}
.t3 .chip.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}

/* ئاستى تىزىملىك — ئاق لەيلىمە */
.t3.nav,.t3 .nav{background:linear-gradient(180deg,#ffffff,#fbfbfc);border-color:#ececef;
  box-shadow:0 14px 40px rgba(20,24,40,.16),inset 0 1px 0 #fff}
.t3 .nav a{color:#9aa0ad}
.t3 .nav a.on{color:var(--acc);background:rgba(255,77,109,.1);
  box-shadow:inset 0 0 0 1px rgba(255,77,109,.22)}

/* ئەزالىق كارتىسى */
.t3 .vipcard{background:linear-gradient(140deg,#fff7ed,#fff1f2);border-color:#ffd9a8;color:#1f2430}
.t3 .vipcard.on{background:linear-gradient(140deg,#ffe9d6,#ffd6de);border-color:var(--acc)}
.t3 .vipcard .vd2{color:var(--sub)}

/* باشقا */
.t3 .empty{color:var(--sub)}
.t3 .intro{color:var(--sub)}
.t3 .mtitle{color:#1f2430}
.t3 .epb{background:#fff;border-color:var(--line);color:#333a45}
.t3 .epb.on{background:var(--acc);color:#fff}
.t3 .pg{background:#fff;border-color:var(--line);color:#333a45}
.t3 .pg.on{background:var(--acc);color:#fff}
.t3 .srch2 input{background:#fff;border-color:var(--line);color:#1f2430}
.t3 .srch2 button{background:var(--acc);color:#fff}
.t3 .cdform input{background:#fff;border-color:var(--line);color:#1f2430}
.t3 .cdform button{background:var(--acc);color:#fff}
.t3 .plan{background:#fff;border-color:var(--line);color:#1f2430}
.t3 .small2{color:var(--sub)}
.t3 .hmore{background:#fff;border-color:var(--line)}

/* ================= t3 — كۆرۈنۈش تۈزىتىشلىرى (ئاق تەگلىككە ماسلاشتۇرۇش) ================= */
body.t3{color-scheme:light}

/* ئايلانما رەسىم ئۈستىدىكى خەتلەر — ئاق قالسۇن (رەسىم ئۈستىدە) */
body.t3 .slide h3,
body.t3 .slide .mt{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55)}
body.t3 .slide:after{background:linear-gradient(to top,rgba(0,0,0,.92) 10%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.08))}
body.t3 .btnp.gh{background:rgba(255,255,255,.92);color:#1f2430;border:1px solid #e6e7eb}
body.t3 .rankno{background:var(--acc);color:#fff}

/* ئىزدەش ۋە ماۋزۇلار */
body.t3 .srch{color:#6b7280}
body.t3 .hdr{background:transparent}
body.t3 .brand{color:#141821}
body.t3 .bell{color:#141821;background:#fff}

/* ئاستى ئىزنا — ئېنىق كۆرۈنسۇن */
body.t3 .nav a{color:#6b7280}
body.t3 .nav a.on{color:#e11d48}

/* بۆلەك ۋە كارتىلار */
body.t3 .sech b{color:#141821}
body.t3 .sech span{color:#e11d48}
body.t3 .tb{color:#6b7280}
body.t3 .po .nm{color:#1b202a}
body.t3 .po .vw{background:rgba(0,0,0,.62);color:#fff}
body.t3 .po .ep{background:#e11d48;color:#fff}
body.t3 .rk .no{color:#e11d48}
body.t3 .rk .tt{color:#1b202a}
body.t3 .rk .vv{color:#6b7280}
body.t3 .empty{color:#6b7280}

/* ئەينەك/سۈزۈك كۇنۇپكىلار ۋە بەلگىلەر */
body.t3 .chip{color:#1f2430}
body.t3 .chip i{color:#6b7280;opacity:1}
body.t3 .hmore{color:#e11d48}
body.t3 .vipcard .vl{color:#c81e41}
body.t3 .qb{color:#1f2430}

/* تەپسىلات بېتى */
body.t3 .mtitle{color:#141821}
body.t3 .intro{color:#4b5563}
body.t3 .epb{color:#1f2430;background:#fff}
body.t3 .epb.on{background:#e11d48;color:#fff}
body.t3 .pg{color:#1f2430}
body.t3 .pg.on{background:#e11d48;color:#fff}
body.t3 .perr{color:#7f1d1d;background:rgba(255,255,255,.92)}

/* ئاۋازلىق ئەسەر بېتى */
body.t3 .au-now{color:#4b5563}
body.t3 .au-ch{color:#1f2430}
body.t3 .au-ch.on{color:#e11d48}
body.t3 .au-t{color:#141821}

/* ==================================================================== */
/* تېما ئۆزگەرگۈچى رەڭلىك تەگلىكلەر (مۇقاۋا بولمىغاندا)                  */
/* ==================================================================== */
body.t1,body.t2{
  --ph0:linear-gradient(150deg,#8a5a20,#1b1206);
  --ph1:linear-gradient(150deg,#2a6a8a,#0a1420);
  --ph2:linear-gradient(150deg,#8a2a5a,#180a14);
  --ph3:linear-gradient(150deg,#5a4a9a,#14101f);
  --ph4:linear-gradient(150deg,#2a8a5a,#0a1f16);
  --ph5:linear-gradient(150deg,#7a3a8a,#170c1f);
}

/* ==================================================================== */
/* t3 — ئاق ئۇسلۇب، ئەڭ ئاخىرقى ماسلاشقان رەڭ سىستېمىسى (v4)             */
/* بنىئات: سۈزۈك سۈر-ئاق · ئاساسىي رەڭ: سۆسۈن (violet) · يەرلىك رەڭلەر     */
/* ==================================================================== */
body.t3{
  background:#f5f6fa;color:#161a23;
  --acc:#6d4aff;--acc2:#a855f7;--onAcc:#fff;
  --card:#ffffff;--card2:#eef0f6;--line:#e7e9f1;
  --sub:#6d7381;--txt:#161a23;--glass:rgba(20,22,32,.06);
  color-scheme:light;
  /* پوستېر ئورنى — يۇمشاق پاستېل رەڭلەر (ئاق تەگلىككە ماس) */
  --ph0:linear-gradient(150deg,#cfd4ff,#eef0ff);
  --ph1:linear-gradient(150deg,#ffd8e6,#fff2f7);
  --ph2:linear-gradient(150deg,#c9efe6,#eafaf5);
  --ph3:linear-gradient(150deg,#ffe2c6,#fff6ec);
  --ph4:linear-gradient(150deg,#ded3ff,#f4efff);
  --ph5:linear-gradient(150deg,#cfe3ff,#eef6ff);
}
body.t3:before,body.t3:after{display:none}

/* ---- ئۈستى قىسىم ---- */
body.t3 .hdr{padding:16px 16px 8px}
body.t3 .brand{color:#11141c;font-size:17.5px;font-weight:800;letter-spacing:.2px}
body.t3 .bell{background:#fff;border:1px solid var(--line);color:#11141c;
  box-shadow:0 3px 10px rgba(22,26,35,.06)}
body.t3 .srch{background:#fff;border:1px solid var(--line);color:#8a90a0;height:44px;border-radius:22px;
  font-size:13.5px;box-shadow:0 3px 12px rgba(22,26,35,.05)}

/* ---- ئايلانما ---- */
body.t3 .car{border:0;border-radius:24px;box-shadow:0 12px 30px rgba(22,26,35,.16);
  outline:4px solid #fff;outline-offset:-4px}
body.t3 .slide h3{color:#fff;font-weight:800}
body.t3 .slide .mt{color:rgba(255,255,255,.92)}
body.t3 .dots{left:16px;bottom:14px}
body.t3 .dots i{background:#fff;opacity:.45;height:4px;border-radius:4px}
body.t3 .dots i.on{opacity:1;background:#fff;width:22px}
body.t3 .rankno{background:rgba(255,255,255,.92);color:#4b21c9;font-weight:800;
  border-radius:8px;padding:3px 9px}
body.t3 .btnp{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;
  box-shadow:0 8px 20px rgba(109,74,255,.32);font-weight:800}
body.t3 .btnp.gh{background:rgba(255,255,255,.94);color:#1b1f2a;box-shadow:none;border:0}

/* ---- تېز كۇنۇپكىلار (رەڭ ئۇيغۇن ئايلىنا بەلگىلەر) ---- */
body.t3 .quick{gap:6px;padding:2px 14px 18px}
body.t3 .qb{background:none;border:0;color:#2b303c;font-size:13px;font-weight:700;padding:6px 2px}
body.t3 .qb .qi{width:56px;height:56px;border-radius:20px;color:#fff;font-size:21px;margin-bottom:8px;
  box-shadow:0 10px 22px rgba(22,26,35,.16)}
body.t3 .qb:nth-child(1) .qi{background:linear-gradient(135deg,#7c5cff,#6d4aff)}
body.t3 .qb:nth-child(2) .qi{background:linear-gradient(135deg,#a855f7,#8b5cf6)}
body.t3 .qb:nth-child(3) .qi{background:linear-gradient(135deg,#4f8bff,#3b6cf6)}
body.t3 .qb:nth-child(4) .qi{background:linear-gradient(135deg,#22c7b8,#12a594)}
body.t3 .qb.hot{background:none}
body.t3 .qb.hot:after{display:none}
body.t3 .qb.hot .qi{background:linear-gradient(135deg,#7c5cff,#a855f7)}

/* ---- بۆلەك ماۋزۇلىرى ---- */
body.t3 .sech b{color:#11141c;font-size:16px;font-weight:800}
body.t3 .sech span{color:var(--acc);opacity:1;font-weight:700}

/* ---- كىنو كارتىلىرى (ماۋزۇ ئاستىدا) ---- */
body.t3 .po{background:transparent;border:0;overflow:visible}
body.t3 .po .cv{position:relative;height:170px;border-radius:16px;opacity:1;background-size:cover;
  background-position:center;box-shadow:0 8px 20px rgba(22,26,35,.1)}
body.t3 .po.v .cv{height:192px}
body.t3 .po.h .cv{height:170px}
body.t3 .po .nm{position:static;background:none;color:#1b1f2a;padding:8px 2px 0;font-size:13px;
  font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.t3 .po .vw{top:8px;left:8px;background:rgba(17,20,28,.6);color:#fff;backdrop-filter:blur(4px);
  border-radius:8px;font-weight:700}
body.t3 .po .ep{bottom:8px;right:8px;top:auto;background:linear-gradient(135deg,var(--acc),var(--acc2));
  color:#fff;border-radius:8px;font-weight:800;box-shadow:0 4px 12px rgba(109,74,255,.35)}
body.t3 .po .pl{display:none}
body.t3 .tb{color:#6d7381;opacity:1}

/* ---- رەت تەرتىپى ---- */
body.t3 .rk{background:#fff;border:0;border-radius:16px;box-shadow:0 6px 18px rgba(22,26,35,.07)}
body.t3 .rk .no{color:var(--acc);font-style:normal;font-weight:800}
body.t3 .rk .tt{color:#1b1f2a;font-weight:700}
body.t3 .rk .vv{color:#6d7381;opacity:1}

/* ---- تۈرلەر ---- */
body.t3 .chip{background:#fff;border:1px solid var(--line);color:#2b303c;font-weight:700;
  box-shadow:0 4px 12px rgba(22,26,35,.05)}
body.t3 .chip i{color:#8a90a0;opacity:1}
body.t3 .chip.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-color:transparent;
  box-shadow:0 8px 20px rgba(109,74,255,.3)}
body.t3 .chip.on i{color:rgba(255,255,255,.8)}

/* ---- ئاستى ئىزنا — ئاق، ئاكتىپ سۆسۈن ---- */
body.t3 .nav{background:rgba(255,255,255,.96);border:1px solid #eceef4;
  box-shadow:0 16px 40px rgba(22,26,35,.14),inset 0 1px 0 #fff}
body.t3 .nav a{color:#8a90a0}
body.t3 .nav a.on{color:var(--acc);background:rgba(109,74,255,.1);
  box-shadow:inset 0 0 0 1px rgba(109,74,255,.22)}
body.t3 .nav a.on svg{filter:drop-shadow(0 0 8px rgba(109,74,255,.45))}

/* ---- مەن / ئەزالىق / تەپسىلات ---- */
body.t3 .vipcard{background:linear-gradient(140deg,#f3efff,#fdf2ff);border:1px solid #e8ddff;color:#1b1f2a;
  border-radius:18px;box-shadow:0 8px 22px rgba(109,74,255,.1)}
body.t3 .vipcard.on{background:linear-gradient(140deg,#e9e0ff,#ffe9f6);border-color:#cfbcff}
body.t3 .vipcard .vl{color:#4b21c9}
body.t3 .vipcard .vd2{color:#6d7381}
body.t3 .mtitle{color:#11141c}
body.t3 .intro{color:#59606e}
body.t3 .epb{background:#fff;border:1px solid var(--line);color:#2b303c}
body.t3 .epb.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-color:transparent}
body.t3 .pg{background:#fff;border:1px solid var(--line);color:#2b303c}
body.t3 .pg.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-color:transparent}
body.t3 .hmore{background:#fff;border:1px solid var(--line);color:var(--acc)}
body.t3 .empty{color:#8a90a0}
body.t3 .perr{color:#5b21b6;background:rgba(255,255,255,.94)}
body.t3 .srch2 input,body.t3 .cdform input{background:#fff;border:1px solid var(--line);color:#161a23}
body.t3 .srch2 button,body.t3 .cdform button{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}
body.t3 .plan{background:#fff;border:1px solid var(--line);color:#1b1f2a;border-radius:14px}
body.t3 .plan .pp{color:var(--acc)}
body.t3 .small2{color:#6d7381}
body.t3 .au-now{color:#59606e}
body.t3 .au-ch{color:#1b1f2a}
body.t3 .au-ch.on{color:var(--acc)}
body.t3 .au-t{color:#11141c}

/* ==================================================================== */
/* t3 — v5 چوڭقۇرلاشتۇرۇش: تېز كۇنۇپكا رەڭلىرىنى بىر ئائىلىگە يىغىش     */
/* ==================================================================== */

/* تېز كۇنۇپكىلار: سۆسۈن → بىنەپشە → ھالرەڭ → كۆك (ئۆزئارا ماس رەڭ يولى) */
body.t3 .qb:nth-child(1) .qi{background:linear-gradient(140deg,#8b6bff,#6d4aff);
  box-shadow:0 10px 22px rgba(109,74,255,.34)}
body.t3 .qb:nth-child(2) .qi{background:linear-gradient(140deg,#c084fc,#a855f7);
  box-shadow:0 10px 22px rgba(168,85,247,.32)}
body.t3 .qb:nth-child(3) .qi{background:linear-gradient(140deg,#fb7bb0,#ec4899);
  box-shadow:0 10px 22px rgba(236,72,153,.3)}
body.t3 .qb:nth-child(4) .qi{background:linear-gradient(140deg,#5b8dff,#3b6cf6);
  box-shadow:0 10px 22px rgba(59,108,246,.3)}
body.t3 .qb.hot .qi{background:linear-gradient(140deg,#8b6bff,#a855f7)}

/* كود بۆلىكى (ئۈسكۈنە كىملىكى) */
body.t3 code{background:#eef0f6;color:#4b21c9;border-radius:6px;padding:1px 6px;font-weight:700}
body.t3 .small2{color:#6d7381}

/* كۆرگەنلىرىم كارتىسى — ئاق تەگلىكتە يۇمشاق رەڭ */
body.t3 .po .cv{box-shadow:0 8px 20px rgba(22,26,35,.12)}
body.t3 .hmore{box-shadow:0 4px 14px rgba(22,26,35,.06)}

/* ئاۋازلىق ئەسەر بېتى (ئاق) */
body.t3 .au-cover,body.t3 .au-head{color:#11141c}
body.t3 .au-prog{background:#e7e9f1}
body.t3 .au-prog-in{background:linear-gradient(90deg,var(--acc),var(--acc2))}

/* كارتىنىڭ ئېگىزلىكى مەزمۇنغا ئەگىشىدۇ (ماۋزۇ ئاستىدا ئېقىپ كەتمەيدۇ) */
body.t3 .po.v,body.t3 .po.h{height:auto}
body.t3 .po .nm{min-height:2.9em;max-height:2.9em;overflow:hidden}
body.t3 .po .cv{display:block}
body.t3 .mv{height:auto}
body.t3 .hrow .mv{align-self:flex-start}

/* ==================================================================== */
/* v9 — خەتلەر تومراق/چوڭراق، ئارىلىق تۈزىتىش، ئارتۇق «كىنو» بەلگىسىنى يوقىتىش */
/* ==================================================================== */

/* ئومۇمىي: خەت تومراق ھەم ئازراق چوڭ */
body{font-weight:600}
:root{--fs-min:13.5px}

/* كىنو ئىسمىنىڭ ئاستىدىكى ئارتۇق تۈر خېتى (كىنو/دراما...) — قالايمىقان قىلىدۇ، يوشۇرۇلدى */
.tb{display:none !important}

/* بۆلەك ماۋزۇلىرى — بەلگە شەكلىدە، توم ھەم چوڭ */
.sec{padding:0 14px 18px}
.sech{display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin-bottom:12px;min-width:0}
.sech b{position:relative;font-size:17.5px;font-weight:800;letter-spacing:.2px;line-height:1.5;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding-inline-start:12px}
.sech b:before{content:'';position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
  width:4px;height:17px;border-radius:4px;background:var(--acc)}
.sech > a,.sech > span{flex:0 0 auto;display:flex;align-items:center}
.sech span{font-size:13.5px;font-weight:700;opacity:.92;white-space:nowrap}

/* كىنو كارتىسىنىڭ ئىسمى — توم، چوڭ، بىر قۇر */
.po .nm{font-size:13.5px;font-weight:700;line-height:1.5}
.g3{row-gap:16px}
.hrow{gap:12px}

/* تەپسىلات بەت */
.mtitle{font-size:19px;font-weight:800;margin:6px 0 8px;line-height:1.5}
.mt{font-size:13.5px;font-weight:600;opacity:.9;margin-bottom:4px}
.intro{font-size:13.5px;line-height:1.9;margin-top:10px}
.small2{font-size:13px}

/* تۈر / قىسىم / بەت نومۇرى / ئىزدەش */
.chip{font-size:14px;font-weight:700;padding:9px 14px}
.epb{font-size:14px;font-weight:700;padding:9px 0}
.pg{font-size:14px;font-weight:700;padding:7px 12px}
.srch{font-size:14px;height:42px}
.brand{font-size:16px;font-weight:800}
.empty{font-size:14px;padding:28px 0}
.qb{font-size:13.5px;font-weight:800}

/* رەت تەرتىپى — ئارىلىق ۋە توملۇق */
.rk{gap:12px;padding:10px;margin-bottom:10px}
.rk .no{font-size:18px;width:26px}
.rk .tt{font-size:14px;font-weight:700;line-height:1.5}
.rk .vv{font-size:12.5px;margin-top:3px;opacity:.75}

/* «تېخىمۇ كۆپ» — قارا، توم، چوڭ */
.hmore{font-size:15.5px;font-weight:800;color:#11141c !important;letter-spacing:.3px;
  padding:13px;margin-top:12px}
body.t3 .hmore{color:#11141c !important;background:#fff;font-weight:800;font-size:15.5px}

/* ئاستى تىزىملىك خېتى — ئازراق چوڭ */
.nav a{font-size:13.5px;font-weight:800}

/* v10 — قالغان كىچىك خەتلەرنىمۇ توملاشتۇرۇش */
.slide h3{font-size:23px;font-weight:800}
.slide .mt{font-size:13.5px;font-weight:600;opacity:.92}
.po .vw{font-size:11.5px;font-weight:800;padding:3px 8px}
.po .ep{font-size:11px;font-weight:800;padding:3px 8px}
.sech span{font-size:14px}
.dots i{height:5px}
.nm{-webkit-line-clamp:1}

/* v11 — قارا تېمىلاردا بەلگە بىلەن ئىسىم ئارىلىقى (خەت چوڭايغاچقا) */
.po .ep{bottom:38px}
.po .nm{padding-bottom:8px}

/* ==================================================================== */
/* v13 — ئاستى تىزىملىك 3 تۈر + قىسقا تىياتىر قويغۇچىنى مۇقىملاش        */
/* ==================================================================== */

/* ئۈچ كۇنۇپكا تەك تارقالسۇن */
.nav .wrap{justify-content:space-around;gap:8px}
.nav a{flex:0 0 auto;min-width:76px;padding:5px 16px}
.nav a:nth-child(3) svg{width:24px;height:24px}

/* ---- تولۇق ئېكران قويغۇچى (قىسقا تىياتىر) ---- */
html.fs,html.fs body{height:100%;overflow:hidden;overscroll-behavior:none;
  -webkit-text-size-adjust:100%;touch-action:manipulation}
html.fs body{position:fixed;inset:0;width:100%}
html.fs body.full .app{padding:0;max-width:none;height:100%}
.feed{position:fixed;inset:0;height:100%;width:100%;
  overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;
  scroll-snap-type:y mandatory;scrollbar-width:none}
.fd-it{position:relative;height:var(--vh,100dvh);height:var(--vh,100vh);
  scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden}
.fd-it video{position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;background:#000;display:block}
.fd-po{filter:blur(6px) brightness(.35);transform:scale(1.06)}
.fd-info{bottom:calc(env(safe-area-inset-bottom,0px) + 26px);right:16px;left:76px}
.fd-rail{bottom:calc(env(safe-area-inset-bottom,0px) + 40px)}
.fd-back{top:calc(env(safe-area-inset-top,0px) + 14px);right:14px}

/* قويغۇچى ئۇچۇرى — قارا تەگلىكتە ھەرۋاقىت ئاق كۆرۈنسۇن */
.fd-info,.fd-info .t{color:#fff}
.fd-info .t{font-size:17.5px;font-weight:800;line-height:1.5;
  text-shadow:0 2px 10px rgba(0,0,0,.9)}
.fd-info .m{color:rgba(255,255,255,.88);font-weight:700;
  text-shadow:0 2px 8px rgba(0,0,0,.9)}
.fd-back{color:#fff;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* تىك قىسقا تىياتىر — ئېكرانغا لىق تولىدۇ ؛ يانتۇ بولسا contain (ئاستى-ئۈستى قارا) */
.fd-it video.fill{object-fit:cover}
.fd-back svg{width:22px;height:22px;display:block}

/* ==================================================================== */
/* v18 — قۇلۇپ كۇنۇپكىسى: كىچىك، سۈزۈك، بىر بېسىشتىلا ئىشلەيدۇ         */
/* تېزلىتىش (playback rate) كۇنۇپكىسى ئۆچۈرۈلدى                          */
/* ==================================================================== */

/* قۇلۇپ — كىچىك ھەم ئاستىدىكىسى كۆرۈنىدىغان سۈزۈك */
.plock{width:34px;height:34px;left:10px;z-index:120;
  background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.22);color:#fff;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;
  transition:background .2s,transform .12s}
.plock:active{transform:scale(.9)}
.plock svg{width:17px;height:17px}
.plock.on{background:color-mix(in srgb,var(--acc) 78%,transparent);
  color:var(--onAcc);border-color:rgba(255,255,255,.35)}

/* قۇلۇپلانغاندا: قويغۇچنىڭ كونتروللىرى ۋە تېگىشى توسۇلىدۇ */
.pmask{z-index:110}
.player.locked #xp{pointer-events:none}
.player.locked .xgplayer-controls,
.player.locked .xgplayer-start,
.player.locked .xgplayer-prompt{opacity:0 !important;pointer-events:none !important}

/* تېزلىتىش كۇنۇپكىسى — پۈتۈنلەي يوق */
.xgplayer-playbackrate{display:none !important}

/* قۇلۇپ بەلگىسى ئالمىشىدۇ — ھازىر قۇلۇپلانغان/ئېچىلغانلىقى ئېنىق كۆرۈنىدۇ */
.plock .lk-on{display:none}
.plock.on .lk-off{display:none}
.plock.on .lk-on{display:block}

/* ==================================================================== */
/* v20 — قىسقا تىياتىر: ئاستىدىكى ئىسىم/قىسىم ئېنىق كۆرۈنسۇن            */
/* ==================================================================== */

/* ئۈستى-ئاستى قارا سايە — ئاق خەت ھەر قانداق كۆرۈنۈشتە ئوقۇلىدۇ */
.fd-it:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.45) 13%,rgba(0,0,0,.1) 27%,transparent 38%),
    linear-gradient(to bottom,rgba(0,0,0,.55) 0,transparent 15%)}

.fd-info{bottom:calc(env(safe-area-inset-bottom,0px) + 60px);right:16px;left:78px;z-index:6}
.fd-info .t{font-size:18px;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.95)}
.fd-info .m{color:#fff;opacity:.92;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.95)}
.fd-info .m svg{width:15px;height:15px;flex:0 0 auto}

.fd-rail{bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:6}
.fd-back{z-index:7}

/* ==================================================================== */
/* v21 — كىنو ئىسمى كارتىنىڭ دەل ئوتتۇرىسىدا (ئۇزۇنى ئىككى تەرەپكە كېڭىيىدۇ) */
/* ==================================================================== */
.po .nm{display:block;text-align:center;text-align-last:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding-inline:6px;padding-bottom:8px}
body.t3 .po .nm{display:block;text-align:center;text-align-last:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:6px}

/* ==================================================================== */
/* v22 — كارتا ئېگىزلىكى پۈتۈنلەي مۇقىم (رەسىمگە ئەگەشمەيدۇ)            */
/* ==================================================================== */

/* قارا/كۆك تېما — مۇقاۋا كارتىنى تولدۇرىدۇ، ئېگىزلىك مۇقىم */
.po.v,.hrow .po.v{height:190px}
.po.h,.hrow .po.h{height:190px}
.po .cv{position:absolute;inset:0;height:100%;background-size:cover;background-position:center}
.g3 .mv,.hrow .mv{display:block}
.hrow .mv{flex:0 0 calc((100% - 24px) / 3)}

/* ئاق تېما (t3) — مۇقاۋا 192/170، ئىسىم 32 پىكسېل، جەمئىي مۇقىم */
body.t3 .po.v,body.t3 .hrow .po.v{height:224px}
body.t3 .po.h,body.t3 .hrow .po.h{height:224px}
body.t3 .po.v .cv{height:192px}
body.t3 .po.h .cv{height:170px}
body.t3 .po .cv{position:relative;display:block;width:100%;background-size:cover;background-position:center}
body.t3 .po .nm{position:static;height:32px;line-height:1.4;font-size:13px;
  padding:6px 2px 0;margin:0;overflow:hidden}
body.t3 .mv{height:auto}
body.t3 .hrow .mv{align-self:stretch}

/* رەت تەرتىپىدىكى كىچىك مۇقاۋىمۇ مۇقىم */
.rk .sm{width:46px;height:46px;flex:0 0 46px;background-size:cover}

/* ==================================================================== */
/* v23 — بارلىق كارتىلار ئوخشاش ئېگىزلىكتە (بىر تۇتاش كۆرۈنۈش)          */
/* ==================================================================== */
.po.v,.po.h,.g3 .po,.hrow .po{height:190px}
.po.v .cv,.po.h .cv{height:100%}

body.t3 .po.v,body.t3 .po.h,
body.t3 .hrow .po.v,body.t3 .hrow .po.h{height:224px}
body.t3 .po.v .cv,body.t3 .po.h .cv{height:192px}

/* ئىسىم ياكى مۇقاۋا بولمىسىمۇ ئېگىزلىك ئۆزگەرمەيدۇ */
.po .nm{min-height:0}

/* ==================================================================== */
/* v24 — كارتا ئېگىزلىكى بىر تۇتاش (190 مۇقاۋا + 34 ئىسىم)               */
/*       ئىسىم رەڭ ئۈستىدە ئەمەس، تېمىنىڭ ئاساسلىق تەگلىكىدە              */
/*       كارتا كەڭرەك، ئارىلىق تار؛ بارلىق خەت تومراق ھەم چوڭراق          */
/* ==================================================================== */

/* ---- كارتا قۇرۇلمىسى: ئۈستى مۇقاۋا، ئاستى ئىسىم (رەڭلىك لېنتا يوق) ---- */
.po,.po.v,.po.h,.hrow .po,.g3 .po{height:224px;background:transparent;border:0;overflow:visible}
.po .cv{position:relative;display:block;width:100%;height:190px;border-radius:14px;
  background-size:cover;background-position:center;background-color:var(--card2);
  border:1px solid var(--line);overflow:hidden}
.po .cv.ld{opacity:1}
.po .nm{position:static;display:block;background:none;box-shadow:none;
  color:var(--txt);height:34px;line-height:1.35;font-size:14px;font-weight:800;
  text-align:center;text-align-last:center;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;padding:7px 2px 0;margin:0}

/* بەلگىلەر — مۇقاۋىنىڭ ئۈستىدە (ئىسىم رايونىغا چۈشمەيدۇ) */
.po .ep{top:8px;right:8px;bottom:auto;z-index:4}
.po .vw{top:8px;left:8px;z-index:4}
.po .pl{display:none}

/* ئاق تېمىمۇ ئوخشاش ئۆلچەم */
body.t3 .po,body.t3 .po.v,body.t3 .po.h,
body.t3 .hrow .po,body.t3 .g3 .po{height:224px}
body.t3 .po .cv,body.t3 .po.v .cv,body.t3 .po.h .cv{height:190px;border-radius:16px;border:0}
body.t3 .po .nm{position:static;display:block;background:none;box-shadow:none;
  color:#161a23;height:34px;line-height:1.35;font-size:14px;font-weight:800;
  text-align:center;text-align-last:center;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;padding:7px 2px 0;margin:0}

/* ---- كارتا كەڭرەك، ئارىلىق تار ---- */
.sec{padding:0 9px 16px}
.g3{grid-template-columns:repeat(3,1fr);gap:14px 6px}
.hrow{gap:7px}
.hrow .mv{flex:0 0 calc((100% - 14px) / 3)}
.rk{margin-bottom:8px}

/* ---- خەتلەر: تومراق ھەم چوڭراق ---- */
body{font-size:15.5px;font-weight:700}
.sech b{font-size:19.5px;font-weight:900;letter-spacing:.2px}
.sech b:before{width:5px;height:20px}
.sech span{font-size:15px;font-weight:800}
.nav a{font-size:14.5px;font-weight:900;letter-spacing:.3px}
.mtitle{font-size:21px;font-weight:900}
.mt{font-size:14.5px;font-weight:700}
.intro{font-size:14.5px;line-height:1.9}
.chip{font-size:15px;font-weight:800}
.epb{font-size:15px;font-weight:800}
.pg{font-size:15px;font-weight:800}
.srch{font-size:15px;height:44px}
.brand{font-size:17px;font-weight:900}
.small2{font-size:13.5px;font-weight:700}
.rk .tt{font-size:15px;font-weight:800}
.rk .no{font-size:19px;font-weight:900}
.slide h3{font-size:24px;font-weight:900}
.slide .mt{font-size:14.5px;font-weight:700}
.qb{font-size:14.5px;font-weight:900}
.hmore{font-size:16px;font-weight:900}
.empty{font-size:15px;font-weight:700}

/* v25 — بۆلەكلەر ئارىسىغا يېتەرلىك ئارىلىق (ئىسىم بىلەن كېيىنكى ماۋزۇ چېپىلمايدۇ) */
.sec{padding:0 9px 26px}
.sech{margin-bottom:12px;margin-top:2px}
.g3{padding-bottom:2px}

/* v25 — بۆلەكلەر ئارىسىغا يېتەرلىك ئارىلىق (ئىسىم بىلەن كېيىنكى ماۋزۇ چېپىلمايدۇ) */
.sec{padding:0 9px 26px}
.sech{margin-bottom:12px;margin-top:2px}
.g3{padding-bottom:2px}

/* v26 — مۇقاۋا ئېگىزلىكىنى قاتتىق بېكىتىش (v23 نىڭ height:100% نى بېسىش) */
.po.v .cv,.po.h .cv,.g3 .po .cv,.hrow .po .cv,
.po.v .po .cv,.hrow .po.h .cv{height:190px !important}
body.t3 .po.v .cv,body.t3 .po.h .cv,
body.t3 .g3 .po .cv,body.t3 .hrow .po .cv{height:190px !important}

/* v27 — كارتا يەنە ئازراق كەڭرەك، ئارىلىق يەنە ئازراق تار */
.sec{padding:0 8px 26px}
.g3{gap:13px 5px}
.hrow{gap:6px}
.hrow .mv{flex:0 0 calc((100% - 12px) / 3)}

/* ==================================================================== */
/* v28 — ئايلانما رامكا يېرىمىچىلىك كىچىكلەتتى، ئۈستىدە پەقەت ئىسىم     */
/* كارتا ئىسمى كاپالەتلىك ئوتتۇرىدا                                      */
/* ==================================================================== */
.car{height:170px;margin:0 12px 12px;border-radius:18px}
.slide{display:block}
.slide .in{padding:12px 14px}
.slide h3{font-size:19px;font-weight:900;margin:0;line-height:1.45;
  text-shadow:0 2px 10px rgba(0,0,0,.85)}
.slide .mt,.slide .pillrow,.slide .rankno,.slide .btnp{display:none !important}
.dots{bottom:8px;left:12px}
.po .nm,.hrow .po .nm,.g3 .po .nm{text-align:center !important;text-align-last:center !important}

/* ==================================================================== */
/* v29 — قىسقا تىياتىر قويۇش بېتى: قىسىم تاللىغۇچ                       */
/*      ئاۋۋال 10 قىسىم تولۇق كۆرۈنىدۇ، «بارلىق قىسىم» بىلەن ھەممىسى     */
/* ==================================================================== */

/* ئاستىدىكى ئۇچۇر رايونىدىكى «45-قىسىم ▾» توپچىسى */
.fd-ep{display:inline-flex;align-items:center;gap:5px;margin-top:9px;
  padding:6px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.42);
  background:rgba(0,0,0,.5);color:#fff;font-size:13.5px;font-weight:800;line-height:1.25;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  text-shadow:0 1px 6px rgba(0,0,0,.9)}
.fd-ep svg{width:13px;height:13px;flex:0 0 auto;opacity:.95}

/* ئاستى قەۋەتتىكى قىسىم تىزىملىكى */
.epmask{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:none}
.epmask.on{display:block}
.epsheet{position:fixed;left:0;right:0;bottom:0;z-index:201;display:none;
  background:var(--card,#141414);color:var(--txt,#fff);
  border-top:1px solid var(--line,#2a2a34);border-radius:18px 18px 0 0;
  padding:4px 14px calc(env(safe-area-inset-bottom,0px) + 16px);
  box-shadow:0 -12px 44px rgba(0,0,0,.55)}
.epsheet.on{display:block}
.ep-hd{display:flex;align-items:center;gap:8px;padding:10px 0 12px}
.ep-hd b{font-size:15.5px;font-weight:900}
.ep-hd span{flex:1;font-size:12.5px;font-weight:700;color:var(--sub,#9a9aa2)}
.ep-x{width:32px;height:32px;flex:0 0 32px;border-radius:50%;
  border:1px solid var(--line,#333);background:transparent;color:var(--txt,#fff);
  display:flex;align-items:center;justify-content:center}
.ep-x svg{width:16px;height:16px}
.ep-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;
  max-height:52vh;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.ep-n{height:46px;border-radius:12px;border:1px solid var(--line,#333);
  background:var(--card2,#1b1b22);color:var(--txt,#fff);
  font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ep-n.on{background:linear-gradient(135deg,var(--acc),var(--acc2));
  color:var(--onAcc,#000);border-color:transparent}
.ep-all{margin-top:12px;width:100%;height:44px;border-radius:12px;border:0;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onAcc,#000);
  font-size:15px;font-weight:900}

/* ==================================================================== */
/* v30 — كارتا بەلگىلىرى كىچىك ھەم ئىككى چەتتە · قوڭغۇراق يوق ·          */
/*       تېما ئىسمى ئوتتۇرىدا · تۈرلەر تۆت چاسا · كۆرگەنلىرىم يىغىش       */
/* ==================================================================== */

/* 1) قوڭغۇراق — بارلىق بەتلەردىن ئېلىۋېتىلدى */
.bell{display:none !important}

/* 2) باش تېما ئىسمى — قاپ ئوتتۇرىدا */
.hdr{justify-content:center !important}
.hdr .brand{flex:1 1 auto;display:block;justify-content:center;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* 3) كارتا ئۈستىدىكى ئىككى بەلگە — كىچىك، بىرى ئوڭدا بىرى سولدا */
.po .ep{top:6px !important;right:6px !important;bottom:auto !important;left:auto !important;
  font-size:9.5px !important;font-weight:800;padding:1px 5px !important;border-radius:5px;
  max-width:50%;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po .vw{top:6px !important;left:6px !important;right:auto !important;
  font-size:9.5px !important;font-weight:800;padding:1px 5px !important;border-radius:5px;
  max-width:50%;gap:2px;line-height:1.7}
.po .vw svg{width:10px !important;height:10px !important}

/* 4) تۈرلەر — تۆت چاسا، ھەممىسى تەڭ چوڭلۇقتا */
.catgrid{display:grid !important;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
.catgrid .chip{display:flex !important;align-items:center;justify-content:center;
  border-radius:10px !important;min-height:48px;padding:8px 6px;
  font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catgrid .chip i{font-size:11px;margin-inline-start:4px;opacity:.7}

/* 5) كۆرگەنلىرىم — يىغىش/تېخىمۇ كۆپ ماۋزۇ قۇرىدا (ئاستىغا چۈشۈپ كەتمەيدۇ) */
.hide{display:none !important}
.sech .hacts{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.sech .hacts a{font-size:14px;font-weight:800;color:var(--acc);white-space:nowrap}
#histMore{letter-spacing:.2px}

/* زۆرۈر بولمىغان كىچىك چۈشەنچىلەر (كىنو تەپسىلاتىدىكى يىل/تۈر/سۈپەت قۇرى) */
.mt,.intro{display:none !important}

/* ==================================================================== */
/* v33 — كارتا بەلگىلىرى تېخىمۇ كىچىك + «ھەقسىز / VIP» بەلگىسى           */
/* ==================================================================== */

/* قىسىم سانى بىلەن كۆرۈلۈش سانى — ئەڭ كىچىك ھالەت */
.po .ep{font-size:9px !important;font-weight:800;padding:0 4px !important;
  border-radius:4px;line-height:1.7;max-width:48%;
  background:rgba(0,0,0,.55) !important;color:#fff !important;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  text-shadow:0 1px 4px rgba(0,0,0,.8)}
.po .vw{font-size:8.5px !important;font-weight:800;padding:0 4px !important;
  border-radius:4px;line-height:1.6;max-width:48%;gap:2px}
.po .vw svg{width:9px !important;height:9px !important}

/* ھەقسىز / VIP — كارتىنىڭ ئۈستى ئوڭ بۇلۇڭى (قىسىم سانى ئۇنىڭ ئاستىدا) */
/* قىسىم سانى — كارتىنىڭ ئاستى ئوڭ بۇلۇڭى (ئۈستىدە «ھەقسىز/VIP» تۇرىدۇ) */
.po .ep{top:auto !important;bottom:40px !important;right:6px !important}
.po .pz{position:absolute;top:6px;right:6px;z-index:3;
  font-size:10px;font-weight:900;line-height:1.5;padding:1px 6px;border-radius:5px;
  letter-spacing:.2px;white-space:nowrap;pointer-events:none}
.po .pz.vip{background:linear-gradient(135deg,var(--acc),var(--acc2));
  color:var(--onAcc,#fff);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.po .pz.free{background:rgba(0,0,0,.55);color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.8);backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px)}
body.t3 .po .pz.free{background:rgba(17,20,28,.62)}

/* ==================================================================== */
/* v36 — بارلىق كارتىلارنىڭ چوڭ-كىچىكلىكى قاتتىق تەڭلەشتۈرۈلدى        */
/*       (1fr نىڭ ئىچىدىكى ئۇزۇن ئىسىم تەرىپىدىن كېڭىيىپ كېتىشىنى توسىدۇ) */
/* ==================================================================== */
.g3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-columns:minmax(0,1fr);align-items:start}
.g3 .mv,.hrow .mv{min-width:0 !important;max-width:100%;overflow:hidden}
.g3 .po,.hrow .po,.po,.po.v,.po.h{min-width:0 !important;max-width:100%}
.po .nm,.po .tb{min-width:0;max-width:100%;overflow:hidden}
.g3>*, .hrow>*{min-width:0}

/* ==================================================================== */
/* v37 — كارتىلارنىڭ كەڭلىكى قاتتىق ھېسابلىنىدۇ (grid ئورنىغا flex)     */
/*       ھەر قانداق توركۆرگۈدە 3 كارتىنىڭ كەڭلىكى 100% تەڭ بولىدۇ       */
/* ==================================================================== */
.g3{display:flex !important;flex-wrap:wrap;align-items:flex-start;
  column-gap:5px;row-gap:13px}
.g3>.mv{flex:0 0 calc((100% - 10px) / 3) !important;
  width:calc((100% - 10px) / 3) !important;
  max-width:calc((100% - 10px) / 3) !important;
  min-width:0 !important;display:block}
.g3>.mv>.po{width:100% !important;min-width:0 !important}
.g3>.mv>.po>.cv{width:100% !important}

/* ==================================================================== */
/* v38 — باش بەتتىن ئۇسلۇب (نەشىر) ئالماشتۇرغۇچ                          */
/*       ھەر بەتنىڭ ئۈستى سول بۇلۇڭىدىكى كىچىك توپچا                      */
/* ==================================================================== */
.hdr{position:relative;padding-left:52px !important;padding-right:52px !important}
.thm{position:absolute;left:12px;top:12px;width:32px;height:32px;padding:0;
  border-radius:50%;border:1px solid var(--line,#333);background:transparent;
  color:var(--txt,#fff);display:flex;align-items:center;justify-content:center;z-index:6}
.thm svg{width:18px;height:18px}
.thmmask{position:fixed;inset:0;z-index:210;background:rgba(0,0,0,.5);display:none}
.thmmask.on{display:block}
.thmsheet{position:fixed;left:0;right:0;bottom:0;z-index:211;display:none;
  background:var(--card,#141414);color:var(--txt,#fff);
  border-top:1px solid var(--line,#2a2a34);border-radius:18px 18px 0 0;
  padding:6px 14px calc(env(safe-area-inset-bottom,0px) + 16px);
  box-shadow:0 -12px 44px rgba(0,0,0,.55)}
.thmsheet.on{display:block}
.thm-hd{font-size:15.5px;font-weight:900;padding:8px 0 12px}
.thm-o{display:flex;align-items:center;gap:10px;width:100%;height:52px;margin-bottom:9px;
  padding:0 12px;border-radius:12px;border:1px solid var(--line,#333);
  background:var(--card2,#1b1b22);color:var(--txt,#fff);font-size:15px;font-weight:800}
.thm-o i{width:30px;height:30px;flex:0 0 30px;border-radius:8px;position:relative;
  overflow:hidden;border:1px solid var(--line,#333)}
.thm-o i b{position:absolute;right:0;top:0;bottom:0;width:50%}
.thm-o span{flex:1}
.thm-o em{font-style:normal;font-size:12px;font-weight:800;color:var(--acc)}
.thm-o.on{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}

/* ==================================================================== */
/* v39 — بۈگۈنكى رەت تەرتىپى: 120px ئېگىزلىكتە، سولدىن ئوڭغا سىيرىلىدۇ */
/* ==================================================================== */
.rksec{margin-bottom:14px}
.rkrow{overflow:hidden;margin:0 -8px;padding:0 8px}
.rktrk{display:flex;width:max-content;direction:ltr;
  animation-name:rkmv;animation-timing-function:linear;animation-iteration-count:infinite}
.rkgrp{display:flex;gap:10px;padding-inline-end:10px}
.rk2{flex:0 0 auto;width:88px;display:block;position:relative}
.rk2 .cv{width:88px;height:120px;border-radius:12px;overflow:hidden;position:relative;
  background-size:cover;background-position:center;border:1px solid var(--line,#2a2a34)}
.rk2 .no{position:absolute;top:5px;left:5px;min-width:20px;height:20px;padding:0 5px;
  border-radius:6px;background:linear-gradient(135deg,var(--acc),var(--acc2));
  color:var(--onAcc,#fff);font-size:12px;font-weight:900;line-height:20px;text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.4)}
.rk2 .t{position:absolute;left:0;right:0;bottom:0;padding:18px 5px 6px;
  font-size:11px;font-weight:800;line-height:1.3;color:#fff;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(transparent,rgba(0,0,0,.9))}
@keyframes rkmv{from{transform:translateX(-50%)}to{transform:translateX(0)}}
body.t3 .rk2 .cv{border-color:rgba(17,20,28,.12)}
body.t3 .rk2 .t{background:linear-gradient(transparent,rgba(10,12,18,.88))}
@media (prefers-reduced-motion:reduce){.rktrk{animation:none}}

/* v40 — رەت تەرتىپى لېنتىسىنىڭ ئورنى (RTL ئۇچۇر ئېقىمىدا سولغا سىيرىلىپ كېتىشىنى توسىدۇ) */
.rkrow{direction:ltr}
.rk2 .t{direction:rtl}
.rk2 .no{direction:ltr}

/* v41 — رەت تەرتىپى كارتىسىنى سەل كەڭەيتىش (ئىسىم تېخىمۇ تولۇق كۆرۈنسۇن) */
.rk2,.rk2 .cv{width:96px}
.rk2 .t{font-size:11.5px;padding:20px 4px 6px}
.rkgrp{gap:9px;padding-inline-end:9px}

/* v42 — رەت تەرتىپى كارتىسىدىكى ئىسىم 2 قۇرغىچە كۆرۈنسۇن */
.rk2 .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  white-space:normal;overflow:hidden;text-overflow:clip;
  font-size:11px;line-height:1.25;padding:20px 4px 5px;max-height:52px}

/* ==================================================================== */
/* v43 — قويغۇچ: ئېكرانغا لىق كەلتۈرۈش + ئىككى بارماق بىلەن چوڭايتىش    */
/* ==================================================================== */
.pfit{position:absolute;left:10px;top:calc(env(safe-area-inset-top,0px) + 46% + 44px);
  z-index:120;width:34px;height:34px;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.3);color:#fff;
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:manipulation}
.pfit svg{width:17px;height:17px}
.pfit:active{transform:scale(.9)}
.pfit.on{background:var(--acc);color:var(--onAcc);border-color:transparent}
.player.locked .pfit{display:none}
/* لىق ھالەت: كىچىك فىلىملەر ئېكرانغا لىق كېلىدۇ (گىرۋەكلىرى ئازراق كېسىلىدۇ) */
.player.fill video{object-fit:cover !important}

/* ==================================================================== */
/* v44 — تۇنجى قويۇلۇشتا «ئىككى بارماق بىلەن چوڭايتىش» ئەسكەرتمىسى     */
/* ==================================================================== */
.pzhint{position:absolute;inset:0;z-index:118;pointer-events:none;opacity:0;
  transition:opacity 1s ease;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.45),rgba(0,0,0,.14) 68%,rgba(0,0,0,0))}
.pzhint[hidden]{display:none !important}
.pzhint.on{opacity:1}

/* 3D — يانتۇ ئېكرانغا ئالمىشىش ئەسكەرتمىسى (يانتۇ بولغاندا ئۆزلۈكىدىن يوشۇرىنىدۇ) */
.prot{position:absolute;inset:0;z-index:119;background:rgba(0,0,0,.74);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  text-align:center;padding:18px;direction:rtl;pointer-events:none}
.prot[hidden]{display:none !important}
.prot-i{font-size:44px;line-height:1;color:var(--acc);
  animation:protspin 1.8s ease-in-out infinite}
@keyframes protspin{0%,40%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}
.prot-t{font-size:15px;font-weight:800}
.prot-s{font-size:12px;opacity:.8;line-height:1.7;max-width:280px}
@media (orientation:landscape){.prot{display:none !important}}

/* 3D — قويغۇچ پۈتۈن ئېكرانغا ئېلىنغاندا (يانتۇ ئېكرانغا ئالمىشىش ئۈچۈن) */
.player:fullscreen,.player:-webkit-full-screen,
.player:-moz-full-screen,.player:-ms-fullscreen{
  position:fixed !important;top:0;left:0;width:100% !important;height:100% !important;
  max-width:none !important;aspect-ratio:auto !important;border-radius:0;background:#000;z-index:99999}
.pzhint .zic{position:relative;width:110px;height:110px}
.pzhint .zg{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;
  border-radius:50%;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.5)}
.pzhint .zr{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;
  border-radius:50%;border:2px solid rgba(255,255,255,.9);opacity:0}
.pzhint .zg.a{animation:zga 2.4s ease-in-out infinite}
.pzhint .zg.b{animation:zgb 2.4s ease-in-out infinite}
.pzhint .zr.a{animation:zra 2.4s ease-in-out infinite}
.pzhint .zr.b{animation:zrb 2.4s ease-in-out infinite}
@keyframes zga{0%,100%{transform:translate(-8px,-8px)}50%{transform:translate(-30px,-30px)}}
@keyframes zgb{0%,100%{transform:translate(8px,8px)}50%{transform:translate(30px,30px)}}
@keyframes zra{0%{transform:translate(-8px,-8px) scale(.7);opacity:.9}
  48%{transform:translate(-30px,-30px) scale(1.35);opacity:0}100%{opacity:0}}
@keyframes zrb{0%{transform:translate(8px,8px) scale(.7);opacity:.9}
  48%{transform:translate(30px,30px) scale(1.35);opacity:0}100%{opacity:0}}
.pzhint .ztxt{font-size:12.5px;line-height:1.5;color:#fff;text-align:center;
  text-shadow:0 1px 4px rgba(0,0,0,.75);background:rgba(0,0,0,.32);
  padding:6px 14px;border-radius:15px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.player.locked .pzhint{display:none !important}

/* ==================================================================== */
/* v45 — باش بەت «داۋاملىق كۆرۈش» (يېرىم يولدا قالغان كىنولار)          */
/* ==================================================================== */
.cvsec[hidden]{display:none !important}
.cvrow{display:flex;direction:rtl;gap:10px;overflow-x:auto;overflow-y:hidden;
  padding:2px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cvrow::-webkit-scrollbar{display:none}
.cvc{flex:0 0 150px;width:150px;display:block;text-decoration:none;color:inherit}
.cvc .th{position:relative;width:100%;aspect-ratio:16/9;border-radius:9px;overflow:hidden;
  background-color:#23252c;background-size:cover;background-position:center;
  border:1px solid rgba(255,255,255,.08)}
.cvc .th .pl2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cvc .th .pl2 b{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;
  font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.cvc .th .pgr{position:absolute;left:7px;right:7px;bottom:5px;height:3px;padding:0;border:0;
  border-radius:2px;overflow:hidden;background:rgba(255,255,255,.28)}
.cvc .th .pgr i{display:block;height:100%;background:var(--acc)}
.cvc .tt{margin-top:5px;font-size:11.5px;line-height:1.35;direction:rtl;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvc .sb{margin-top:1px;font-size:10.5px;opacity:.62;direction:rtl;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v73 — بىرلا كىنو بولسا بىر قاتارلىق كىچىك رامكا */
.cvrow.one{display:block;overflow:visible}
.cvone{display:flex;flex-direction:row;align-items:center;direction:rtl;gap:10px;
  padding:8px 10px;border-radius:14px;background:var(--card,rgba(255,255,255,.06));
  border:1px solid var(--line,rgba(255,255,255,.08))}
.cvone-c{width:62px;height:42px;flex:0 0 62px;border-radius:8px;object-fit:cover;
  background:rgba(128,128,128,.25)}
.cvone-m{flex:1;min-width:0}
.cvone-m b{display:block;font-size:13px;font-weight:800;line-height:1.35;direction:rtl;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvone-m i{display:block;font-style:normal;font-size:11px;opacity:.62;margin-top:2px;direction:rtl;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvone-b{flex:0 0 auto;height:32px;line-height:32px;padding:0 14px;border-radius:10px;
  font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6d4aff,#a855f7)}

/* ==================================================================== */
/* v46 — يانتۇ ئېكران (landscape): قويغۇچ پۈتۈن ئېكراننى ئىگىلەيدۇ،     */
/*       قۇلۇپ · لىق كەلتۈرۈش · قىسقا ئەسكەرتىش قاتارلىقلار ساقلىنىدۇ    */
/* ==================================================================== */
@media (orientation:landscape) and (max-height:560px){
  body.mvpg{overflow:hidden}
  body.mvpg .hdr,body.mvpg .srch,body.mvpg .sec,body.mvpg .nav{display:none !important}
  body.mvpg .player{position:fixed !important;inset:0;width:100%;height:100%;
    aspect-ratio:auto;z-index:9000;background:#000}
  body.mvpg .toast{z-index:9500;bottom:56px}
  body.mvpg .pback{display:flex}
  /* يانتۇ ئېكراندا قۇلۇپ ۋە «لىق كەلتۈرۈش» ئۈستى سول تەرەپكە كۆچىدۇ */
  body.mvpg .plock{top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    left:calc(env(safe-area-inset-left,0px) + 10px) !important}
  /* «لىق كەلتۈرۈش» سول تەرەپتىكى ئاۋاز «−» كۇنۇپكىسىنىڭ ئاستىدا تۇرىدۇ */
  body.mvpg .pfit:not(.p3d){top:min(calc(50% + 148px), calc(100% - 42px)) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important;transform:none}
  body.mvpg .p3d{top:min(calc(50% + 106px), calc(100% - 40px)) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important;transform:none}
  body.mvpg .pback{right:calc(env(safe-area-inset-right,0px) + 12px)}
}
/* يانتۇ ئېكراندىكى «قايتىش» كۇنۇپكىسى (باشقا ھالەتتە كۆرۈنمەيدۇ) */
.pback{display:none;position:absolute;right:12px;top:10px;z-index:9600;width:34px;height:34px;
  border-radius:50%;align-items:center;justify-content:center;background:rgba(0,0,0,.35);
  color:#fff;font-size:20px;line-height:1;text-decoration:none;
  border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
/* قويغۇچ باشقا بىر قاچىغا يۆتكەلگەندىمۇ كۇنۇپكىلار ئەڭ ئۈستىدە تۇرسۇن */
body.pfs .pmask,body.pfs .pbright,body.pfs .phud,body.pfs .plock,
body.pfs .pfit,body.pfs .pzhint,body.pfs .pctl{position:fixed !important;z-index:10001}
@media (orientation:landscape){
  body.pfs .plock{top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    left:calc(env(safe-area-inset-left,0px) + 10px) !important}
  body.pfs .pfit:not(.p3d){top:min(calc(50% + 148px), calc(100% - 42px)) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important;transform:none}
  body.pfs .p3d{top:min(calc(50% + 106px), calc(100% - 40px)) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important;transform:none}
}

/* ==================================================================== */
/* v47 — «ئىككى بارماق» ئەسكەرتمىسىنىڭ ئىككىنچى قۇرى + كۇنۇپكا يېنىشى   */
/* ==================================================================== */
.pzhint .ztxt2{margin-top:-8px;font-size:11px;line-height:1.45;color:#fff;opacity:.82;
  text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.75)}
.pfit.pulse{animation:fitpulse 1.5s ease-in-out 3}
@keyframes fitpulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.42)}
  50%{transform:translateY(0) scale(1.12);box-shadow:0 0 0 8px rgba(255,255,255,0)}}

/* ==================================================================== */
/* v48 — يانتۇ ئېكران: سول = ئاۋاز · ئوڭ = يورۇقلۇق (± كۇنۇپكا + سىيرىش) */
/* ==================================================================== */
.pctl{display:none;position:absolute;inset:0;z-index:119;pointer-events:none}
.pctl .pc{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;
  display:flex;flex-direction:column;align-items:center;gap:8px}
.pctl .pcv{left:calc(env(safe-area-inset-left,0px) + 12px)}
.pctl .pcl{right:calc(env(safe-area-inset-right,0px) + 12px)}
.pctl .pcb{width:30px;height:30px;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.34);color:#fff;
  font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:manipulation}
.pctl .pcb:active{transform:scale(.88)}
.pctl .pcb.pop{animation:pcpop .34s ease}
@keyframes pcpop{0%{transform:scale(.82);box-shadow:0 0 0 0 rgba(255,255,255,.5)}
  55%{transform:scale(1.15);box-shadow:0 0 0 8px rgba(255,255,255,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.pctl .pcbar{position:relative;width:5px;height:84px;border-radius:3px;overflow:hidden;
  background:rgba(255,255,255,.28)}
.pctl .pcbar i{position:absolute;left:0;right:0;bottom:0;height:50%;background:var(--acc,#7c5cff);
  transition:height .12s linear}
.pctl .pcic{width:20px;height:20px;color:#fff;display:flex;align-items:center;justify-content:center}
.pctl .pcic svg{width:19px;height:19px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}
@media (orientation:landscape) and (max-height:560px){body.mvpg .pctl{display:block}}
@media (orientation:landscape){body.pfs .pctl{display:block !important}}
.player.locked .pctl{display:none !important}
/* كۆرۈنمىگەندە چېكىلىشنى ئۆتكۈزۈۋېتىدۇ، كۆرۈنگەندە ئاستا ئېچىلىدۇ */
.pctl{opacity:0;transition:opacity .38s ease}
.pctl.on{opacity:1}
.pctl:not(.on) .pc{pointer-events:none}


/* ==================================================================== */
/* v52 — بەتنىڭ توغرىسىغا سىيرىلىشىنى تۈگىتىش + ئاستىنقى بالداق ئارىلىقى */
/* ==================================================================== */
/* لېنتا بۆلەك ئىچكى بوشلۇقى (8px) بىلەن بىردەك — ئېشىپ كەتسە بەت سىيرىلىدۇ */
.rksec .rkrow{margin-inline:-8px !important;padding-inline:8px !important}
/* ھەر قانداق ئېشىپ كەتكەن ئېلېمېنت بەتنى توغرىسىغا سىيرىدىغان قىلمىسۇن */
.app,.sec,.rksec,.cvrow,.hrow{max-width:100%}
body{overflow-x:clip;overscroll-behavior-x:none}
/* توغرىسىغا سىيرىلىدىغان لېنتىلار بەتنى تارتىپ كەتكۈزمەسۇن */
.hrow,.cvrow,.rkrow{overscroll-behavior-x:contain;touch-action:pan-x pan-y}


/* ==================================================================== */
/* v53 — تەڭشىگۈچلەر چېكىلگەندە/قويۇلغاندا كۆرۈنۈپ بىردەمدىن كېيىن ئۆچىدۇ */
/*      «لىق كەلتۈرۈش» ئاۋاز «−» كۇنۇپكىسىنىڭ ئاستىغا كۆچتى              */
/* ==================================================================== */
.pctl{pointer-events:none}
.pctl.on .pc{pointer-events:auto}
.pctl:not(.on) .pc{pointer-events:none !important}

/* ==================================================================== */
/* v54 — «ئېكرانغا قوشۇش» ئەسكەرتمىسى (پەقەت قوشالمىغان ئابونىتقا بىر قېتىم) */
/* ==================================================================== */
.pwa{position:fixed;left:14px;right:14px;bottom:calc(78px + env(safe-area-inset-bottom,0px));
  z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;
  background:var(--card);border:1px solid var(--line);color:var(--txt);
  box-shadow:0 8px 26px rgba(0,0,0,.45);opacity:0;transform:translateY(10px);
  transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.pwa.on{opacity:1;transform:none;pointer-events:auto}
.pwa .pt{flex:1;min-width:0;font-size:12px;line-height:1.45;color:var(--sub)}
.pwa .pt b{display:block;font-size:13.5px;color:var(--txt);margin-bottom:2px}
.pwa button{border:0;border-radius:10px;padding:8px 14px;font-size:13px;font-family:inherit;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onAcc);
  font-weight:700;cursor:pointer;flex:0 0 auto}
.pwa .pno{background:transparent;color:var(--sub);font-weight:400;padding:8px 4px;box-shadow:none}
body.t3 .pwa{box-shadow:0 8px 26px rgba(0,0,0,.14)}

/* ==================================================================== */

/* v56 سۇ باسما — ئابونىتنى بىئارام قىلغانلىقى ئۈچۈن ئېلىۋېتىلدى (v57) */


/* ================= v65 — ئېلان ۋە توپلام لايىھەسى ================= */

/* لەيلىمە ئېلان (باش بەت — تۇنجى كىرگەندە) */
.adpop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center}
.adpop-mask{position:absolute;inset:0;background:rgba(8,10,16,.62);backdrop-filter:blur(2px)}
.adpop-box{position:relative;width:82%;max-width:340px;background:transparent}
.adpop-a{display:block;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(8,10,16,.45)}
.adpop-img{width:100%;display:block;border-radius:22px}
.adpop-x{position:absolute;top:-14px;left:-6px;width:34px;height:34px;border-radius:50%;
  background:rgba(20,22,30,.9);color:#fff;font-size:15px;line-height:34px;text-align:center;z-index:3}

/* كىنو ئىسمىنىڭ ئاستىدىكى ئېلان */
.adb{margin-top:12px;border-radius:16px;overflow:hidden;background:var(--card2,#eef0f6)}
.adb-img{width:100%;display:block;border-radius:16px}

/* شۇ يەردىن داۋاملىق كۆرۈش ئەسكەرتمىسى — v72: بىر قاتارلىق كىچىك كۆزنەك (ئۈستىدە) */
.rsbox{position:fixed;top:0;right:0;left:0;bottom:auto;z-index:1300;display:flex;
  justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0;pointer-events:none}
.rs-in{pointer-events:auto;display:flex;flex-direction:row;align-items:center;direction:rtl;gap:9px;
  width:100%;max-width:520px;background:#fff;border-radius:16px;padding:8px 10px;
  box-shadow:0 10px 30px rgba(0,0,0,.32)}
.rs-c{width:62px;height:42px;flex:0 0 62px;border-radius:8px;object-fit:cover;background:#eceef4}
.rs-m{flex:1;min-width:0}
.rs-t{font-size:13px;font-weight:800;color:#161a23;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-s{font-size:11px;color:#6d7381;margin-top:2px;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-b{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin:0}
.rsb{height:32px;padding:0 14px;border-radius:10px;font-size:12px;font-weight:700;border:0}
.rsb-x{width:26px;height:32px;padding:0;background:transparent;color:#9aa0ad;font-size:15px;
  display:flex;align-items:center;justify-content:center}
.rsb-y{background:linear-gradient(135deg,#6d4aff,#a855f7);color:#fff}
.rsb-n{background:#f2f3f7;color:#6d7381}

/* ئەزالىق توپلىمى — كۆركەم كارتىلار */
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.planp{position:relative;display:block;background:#fff;border:1px solid var(--line,#e7e9f1);
  border-radius:20px;padding:20px 16px 16px;box-shadow:0 12px 30px rgba(22,26,35,.08);
  overflow:hidden;direction:rtl}
.planp.hot{border-color:transparent;background:linear-gradient(150deg,#f3efff,#fdf2ff);
  box-shadow:0 16px 40px rgba(109,74,255,.18)}
.pl-tag{position:absolute;top:0;right:0;padding:4px 12px;border-radius:0 0 12px 0;
  font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6d4aff,#a855f7)}
.planp:not(.hot) .pl-tag{background:#e7e9f1;color:#6d7381}
.pl-top{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.pl-n{font-size:15px;font-weight:800;color:#161a23;line-height:1.4}
.pl-p{font-size:26px;font-weight:900;color:#6d4aff;line-height:1}
.pl-p i{font-size:14px;font-weight:700;font-style:normal;margin-left:2px}
.pl-row{display:flex;gap:10px;margin-top:10px;font-size:11px;color:#6d7381}
.pl-row span{background:#f5f6fa;border-radius:10px;padding:3px 8px}
.pl-btn{margin-top:14px;height:40px;line-height:40px;text-align:center;border-radius:14px;
  font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6d4aff,#a855f7)}
.planp:not(.hot) .pl-btn{background:#f2f3f7;color:#6d7381}

/* ===== 3D (يانمۇ-يان / VR كۆزەينەك) · v66 ===== */
/* v70 — 3D كۇنۇپكىسى كۆك رەڭدە ھەم «لىق كەلتۈرۈش» نىڭ ئۈستىدە تۇرىدۇ */
.pfit:not(.p3d){top:calc(env(safe-area-inset-top,0px) + 46% + 88px)}
.p3d{top:calc(env(safe-area-inset-top,0px) + 46% + 44px);font-size:12px;font-weight:800;line-height:1;
  background:var(--acc);color:var(--onAcc);border-color:transparent}
/* v71 — «3D» خېتى تۆت تىرناقنىڭ ئىچىدە، كىچىك ھالەتتە */
.p3d svg{position:absolute;left:4px;top:4px;width:26px;height:26px;opacity:.9}
.p3dt{font-size:9px;font-weight:800;line-height:1;letter-spacing:.2px}
.player.locked .p3d{display:none}
/* v78 — 3D ئېچىلغاندا كۇنۇپكا ئېنىق «بېسىلدى» ھالىتىنى كۆرسىتىدۇ (ئاق چەمبەر + نۇر) */
.p3d.on{outline:2.5px solid #fff;outline-offset:-1px;
  box-shadow:0 0 12px rgba(255,255,255,.8),0 2px 8px rgba(0,0,0,.35)}
.p3d.on .p3dt{text-shadow:0 1px 2px rgba(0,0,0,.35)}
/* v76 — 3D = كۆرۈنۈشنى چوڭايتىپ ئېكرانغا لىق تولدۇرۇش (تەقلىدىي 3D) */
/* قارا گىرۋەك يوقىلىدۇ؛ چوڭايتىش دائىرىسى ئەمدى JS بىلەن (applyZ · d3s) باشقۇرۇلىدۇ */
.player.d3 video,.player.d3 .xgplayer-video{object-fit:cover !important;
  transform-origin:center center}
.player.d3 .kd3cl{display:none !important}
/* v84 — قويغۇچنىڭ ئۆزىنىڭ تۆت چاسا «تولۇق ئېكران» كۇنۇپكىسى يوشۇرۇلىدۇ:
   پەقەت «3D» كۇنۇپكىسى باشقۇرىدۇ */
.player .xgplayer-fullscreen,.player .xgplayer-cssfullscreen,
.player [class*="fullscreen"],.player [class*="Fullscreen"]{display:none !important}
.player .xg-tips{display:none !important}
@media (orientation:landscape) and (max-height:560px){
  body.mvpg .p3d{top:min(calc(50% + 106px), calc(100% - 40px)) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important;transform:none}
}
body.pfs .p3d{position:fixed !important;z-index:10001}

/* ==================================================================== */
/* v85 — «قۇلۇپ» كۇنۇپكىسى «3D» نىڭ ئاستىغا چۈشۈرۈلدى (تىك ۋە يانتۇ)   */
/* ==================================================================== */
.p3d{top:calc(env(safe-area-inset-top,0px) + 46%) !important}
.plock{top:calc(env(safe-area-inset-top,0px) + 46% + 44px) !important}
@media (orientation:landscape){
  body.mvpg .p3d,body.pfs .p3d{
    top:calc(env(safe-area-inset-top,0px) + 10px) !important;
    left:calc(env(safe-area-inset-left,0px) + 10px) !important;transform:none}
  body.mvpg .plock,body.pfs .plock{
    top:min(calc(50% + 106px), calc(100% - 40px)) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important}
}

/* ==================================================================== */
/* v87 — يانتۇ ئېكراندا «3D» ۋە «قۇلۇپ» ئاستى سول بۇرجەردە تۇرىدۇ      */
/*      (ئۈستىدە ھېچقانداق كۇنۇپكا قالمايدۇ؛ ئاۋاز/يورۇقلۇق سىيرىغۇچى   */
/*      ئازراق يۇقىرىغا кۆچۈرۈلۈپ قىسقارتىلدى — توقۇنۇش بولماسلىق ئۈچۈن) */
/* ==================================================================== */
@media (orientation:landscape){
  body.mvpg .pctl .pc,body.pfs .pctl .pc{top:29%}
  body.mvpg .pctl .pcbar,body.pfs .pctl .pcbar{height:44px}
  body.mvpg .p3d,body.pfs .p3d{
    top:auto !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 100px) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important;transform:none}
  body.mvpg .plock,body.pfs .plock{
    top:auto !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 58px) !important;
    left:calc(env(safe-area-inset-left,0px) + 12px) !important}
}

/* ===== ئىگىسى بىلەن ئالاقىلىشىش — ئۈندىدار كارتىسى (v89) =====
   «مەن» بېتىنىڭ ئۈستىدە چىقىدۇ، بىر بېسىش بىلەن نومۇر كۆچۈرۈلىدۇ */
.wxcard{display:flex;align-items:center;gap:12px;margin:12px;padding:14px 16px;border-radius:16px;
  background:linear-gradient(135deg,#07c160,#0a9e4d);color:#fff;cursor:pointer;
  box-shadow:0 8px 22px rgba(7,193,96,.28);-webkit-tap-highlight-color:transparent}
.wxcard .wxi{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}
.wxcard .wxb{flex:1 1 auto;min-width:0}
.wxcard .wxt{font-size:12px;opacity:.9}
.wxcard .wxv{font-size:19px;font-weight:800;direction:ltr;unicode-bidi:isolate;text-align:right;
  margin:3px 0;letter-spacing:.5px;word-break:break-all}
.wxcard .wxs{font-size:11px;opacity:.85;line-height:1.7}
.wxcard .wxbtn{flex:0 0 auto;padding:9px 15px;border-radius:10px;border:0;font-weight:700;font-size:12px;
  background:#fff;color:#079a4a;font-family:inherit}
.wxcard.ok{background:linear-gradient(135deg,#0a9e4d,#07803d)}
.wxcard.ok .wxbtn{background:rgba(255,255,255,.25);color:#fff}

/* ==================================================================== */

/* قۇلۇپلانغاندىن كېيىن بارلىق كۇنۇپكىلار ئۆچىدۇ؛ بىر چەكسە قۇلۇپ يورۇيدۇ */
.player.zlock .plock,.player.zlock .p3d,.player.zlock .pfit,
.player.zlock .pctl,.player.zlock .pback{opacity:0 !important;pointer-events:none !important;
  transition:opacity .45s ease}
.plock.wake{box-shadow:0 0 0 2px rgba(255,255,255,.95),0 0 18px rgba(255,255,255,.6)}

/* ==================================================================== */
/* v92 — يانتۇ · پۈتۈن ئېكرانلىق قويغۇچتا «3D» كۇنۇپكىسى كۆرۈنمەيدۇ       */
/*      (ئۇ يەردە ئېكران ئاللىبۇرۇن يانتۇ ۋە لىق كەلگەن بولىدۇ)          */
/* ==================================================================== */
html.approt .p3d,
body.pfs .p3d{display:none !important}
@media (orientation:landscape){
  html.approt .p3d,
  body.pfs .p3d,
  body.pfs .p3d.on{display:none !important}
}

/* ==================================================================== */
/* v92 — «‹» قايتىش كۇنۇپكىسى: بېسىش رايونى چوڭ، ھەممىنىڭ ئۈستىدە        */
/* ==================================================================== */
.pback{width:40px !important;height:40px !important;min-width:40px !important;
  z-index:10060 !important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  font-size:22px !important}
.pback::after{content:'';position:absolute;inset:-10px;border-radius:50%}

/* ==================================================================== */
/* v93 — يانتۇ · پۈتۈن ئېكرانلىق قويغۇچتا بارلىق كۇنۇپكىلار ئۆزلۈكىدىن   */
/*      يوشۇرۇنىدۇ؛ ئېكران بىر چېكىلسە قايتا كۆرۈنىدۇ                    */
/* ==================================================================== */
.pua{position:fixed;inset:0;z-index:10000;display:none;background:transparent}
body.pidle .pua{display:block}
body.pidle .pback,body.pidle .plock,body.pidle .pctl,body.pidle .pfit,
body.pidle .p3d{opacity:0 !important;pointer-events:none !important;
  transition:opacity .3s ease}
body.pidle .xgplayer-controls,body.pidle .xgplayer-controls *{
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transition:opacity .3s ease}
/* ئەپتە «قايتىش» بېسىلغاندىن كېيىن بەت قارىيىدۇ (لاپىلداش بولماسلىق ئۈچۈن) */
body.pfrz,body.pfrz .player{background:#000 !important}

/* ==================================================================== */
/* v94 — يانتۇ · پۈتۈن ئېكرانلىق قويغۇچتا «ئىككى بارماق بىلەن چوڭايتىڭ»  */
/*      ئەسكەرتمىسى پۈتۈنلەي ئېلىۋېتىلدى                                 */
/* ==================================================================== */
body.pfs .pzhint,
html.approt .pzhint,
html.approt body .pzhint{display:none !important;opacity:0 !important;visibility:hidden !important}
@media (orientation:landscape){
  body.pfs .pzhint,
  html.approt .pzhint{display:none !important;opacity:0 !important;visibility:hidden !important}
}

/* ==================================================================== */
/* v95 — قويغۇچنىڭ ئوتتۇرىسىدىكى «ئاق چوڭ قويۇش» كۇنۇپكىسى ئېلىۋېتىلدى   */
/*      ئورنىغا قارا يۇمىلاق، كىچىك «▶» قويۇش كۇنۇپكىسى قويۇلدى         */
/*      (پەقەت توختىتىلغاندا كۆرۈنىدۇ)                                   */
/* ==================================================================== */
.xgplayer-start,.xgplayer-start-btn,
.xgplayer .xgplayer-start{display:none !important}
.ppause{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:10050;width:62px;height:62px;border-radius:50%;
  background:rgba(0,0,0,.46);border:1px solid rgba(255,255,255,.5)}
.ppause .ppic{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;
  align-items:center;justify-content:center;color:#fff;font-size:24px;line-height:1;
  padding-left:4px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ppause[hidden]{display:none !important}
.ppause:active{transform:translate(-50%,-50%) scale(.92)}
.player.locked .ppause{display:none !important}
body.pidle .ppause{opacity:0 !important;pointer-events:none !important}

/* يوشۇرۇلغان ھالەتتە «‹» چېكىنىش كۇنۇپكىسى يەنىلا ئىشلەيدۇ (كۆرۈنمەيدۇ) */
body.pidle .pback{opacity:0 !important;pointer-events:auto !important}

/* ==================================================================== */
/* v97 — يۈكلىنىش بەلگىسى: xgplayer نىڭ ئۆز ئايلانمىسى (يېشىل ئوق / نۇرلۇق  */
/*       چەمبەر) پۈتۈنلەي يوشۇرۇلىدۇ. ئورنىغا يۇمىلاق ئۈزۈك ئايلىنىپ       */
/*       تۇرىدۇ، ئۈزۈكنىڭ ئىچىدە «قويۇلىۋاتىدۇ» دېگەن خەت.                */
/* ==================================================================== */
.xgplayer .xgplayer-loading, .xgplayer xg-loading,
.xgplayer .xgplayer-enter, .xgplayer .xgplayer-enter-spinner,
.xgplayer-loading, .xgplayer-enter{ display:none !important; }

.kload{ position:absolute; left:50%; top:50%; width:204px; height:204px; margin:-102px 0 0 -102px;
  z-index:12; pointer-events:none; display:none; }
.kload.on{ display:block; }
.kload::before{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.96) 0%,rgba(0,0,0,.88) 46%,rgba(0,0,0,0) 72%); }
.kload .kr{ position:absolute; left:50%; top:50%; width:112px; height:112px; margin:-56px 0 0 -56px;
  box-sizing:border-box; border-radius:50%;
  border:4px solid rgba(255,255,255,.20);
  border-top-color:#fff; border-right-color:rgba(255,255,255,.8);
  animation:kldspin .85s linear infinite; }
.kload .kt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  font-size:15px; line-height:1.1; font-weight:800; color:#fff; white-space:nowrap;
  direction:rtl; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,.95); }
@keyframes kldspin{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
/* يانتۇ (approt) ھالەتتە سەل كىچىكرەك */
html.approt .kload{ width:184px; height:184px; margin:-92px 0 0 -92px; }
html.approt .kload .kr{ width:100px; height:100px; margin:-50px 0 0 -50px; }

/* ==================================================================== */
/* v98 — قويغۇچنىڭ ئارقا تەگلىكى: سۇس كىنو رەسىمى (pbg.jpg)               */
/*       سىن تولۇق قاپلىمىغان ئورۇنلاردا ۋە يۈكلىنىش پەيتىدە كۆرۈنىدۇ.    */
/* ==================================================================== */
.player, .player #xp, .player .xgplayer, .xgplayer{
  background-image:url('/assets/img/pbg.jpg?v=98') !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important; }
/* سىننىڭ ئەتراپىدىكى قارا چەت (letterbox) ئورۇنلىرى ئاستىدىكى رەسىمنى كۆرسۈنسۇن */
.player video, .xgplayer video, .player .xgplayer video{
  background-color:transparent !important; }
html.approt .player, html.approt .player .xgplayer{
  background-image:url('/assets/img/pbg.jpg?v=98') !important; }