/* v28.47 — إطارات Jokt 2026 (js/frames.js): كلها مجانية للجميع.
   البنية: .pp-av.jf-on > .jf.f-<اسم> > (زخارف + img + فيديو الصورة الحيّة)
   كل المقاسات بوحدة em: .jf = 10em، والصورة = 8.2em. الحركة transform/opacity فقط لتعمل على الجوالات الضعيفة. */

.pp-av.jf-on { background: none !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; position: relative; }
.jf { position: absolute; left: 50%; top: 50%; width: 10em; height: 10em; font-size: calc(var(--jf-img, 104px) / 8.2);
  transform: translate(-50%, -50%); display: grid; place-items: center; isolation: isolate; pointer-events: none; }
.jf .jf-tap { pointer-events: auto; }
.pp-av .jf > img, .jf > img { width: 8.2em !important; height: 8.2em !important; border-radius: 50% !important; object-fit: cover;
  position: relative; z-index: 3; border: .22em solid #0B0A1F !important; background: #241f4d; margin: 0 !important; }
.jf > video.jf-vid { position: absolute; z-index: 3; width: 8.2em; height: 8.2em; border-radius: 50%; object-fit: cover; border: .22em solid #0B0A1F; background: #241f4d; }
.jf svg { position: absolute; overflow: visible; }
.jf .deco { position: absolute; inset: 0; }
.jf .live-chip { position: absolute; bottom: .1em; left: 50%; transform: translateX(-50%); z-index: 7; display: inline-flex; align-items: center; gap: .35em;
  padding: .2em .7em; border-radius: 1em; background: #FF2D7A; color: #fff; font-size: .95em; font-weight: 700; white-space: nowrap; box-shadow: 0 .2em .6em #0008; }
.jf .live-chip i { width: .5em; height: .5em; border-radius: 50%; background: #fff; animation: jfTw 1.2s ease-in-out infinite; }

@keyframes jfSpin { to { transform: rotate(360deg); } }
@keyframes jfTw { 50% { opacity: .25; transform: scale(.55); } }
@keyframes jfBob { 50% { transform: translateY(-.3em); } }
@keyframes jfGlow { 50% { filter: drop-shadow(0 0 1.1em #F5C451cc); } }

/* أجنحة النور */
.jf.f-wings > img { box-shadow: 0 0 0 .14em #D9F3FF, 0 0 1.4em #7DD3FCaa; }
.jf .wl, .jf .wr { width: 4.4em; height: 7.4em; top: 1.2em; z-index: 1; filter: drop-shadow(0 0 .5em #7DD3FC99); }
.jf .wl { left: -2.4em; transform-origin: 100% 40%; animation: jfFlapL 3.2s ease-in-out infinite; }
.jf .wr { right: -2.4em; transform-origin: 0 40%; animation: jfFlapR 3.2s ease-in-out infinite; } /* الجناح الأيمن مقلوب داخل الرسمة نفسها */
@keyframes jfFlapL { 50% { transform: rotate(7deg); } }
@keyframes jfFlapR { 50% { transform: rotate(-7deg); } }

/* التاج */
.jf.f-crown > img { box-shadow: 0 0 0 .16em #F5C451, 0 .6em 1.6em #F5C45140; }
.jf.f-crown .cr { width: 4.6em; height: 3.2em; top: -1.5em; right: .4em; z-index: 4; transform: rotate(18deg); animation: jfCrown 3s ease-in-out infinite; filter: drop-shadow(0 .2em .4em #0008); }
@keyframes jfCrown { 50% { transform: rotate(18deg) translateY(-.3em); } }

/* غبار النجوم */
.jf.f-dust > img { box-shadow: 0 0 0 .1em #ffffff55, 0 0 1.2em #C4B5FD66; }
.jf.f-dust .deco { animation: jfSpin 40s linear infinite; }
.jf.f-dust i { position: absolute; width: .5em; height: .5em; margin: -.25em; border-radius: 50%; background: #fff; box-shadow: 0 0 .5em #fff, 0 0 1em #C4B5FD; animation: jfTw 2.4s ease-in-out infinite; }
.jf.f-dust i.s { width: .9em; height: .9em; margin: -.45em; border-radius: 0; background: none; box-shadow: none; }
.jf.f-dust i.s::before { content: ""; position: absolute; inset: 0; background: #fff; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }

/* زجاج سائل */
.jf .blob { position: absolute; inset: .35em; z-index: 1; border-radius: 58% 42% 55% 45% / 47% 58% 42% 53%;
  background: linear-gradient(140deg, #ffffffcc, #ffffff22 40%, #A5F3FC66 70%, #F0ABFC88); box-shadow: inset 0 0 .8em #ffffff99, 0 .8em 2em #0007; animation: jfMorph 7s ease-in-out infinite; }
.jf .shine { position: absolute; top: .9em; right: 1.6em; width: 2.6em; height: 1em; z-index: 4; border-radius: 50%; background: linear-gradient(180deg, #ffffffcc, transparent); transform: rotate(-30deg); opacity: .8; }
@keyframes jfMorph { 33% { border-radius: 44% 56% 40% 60% / 60% 42% 58% 40%; transform: rotate(8deg); } 66% { border-radius: 52% 48% 62% 38% / 42% 55% 45% 58%; transform: rotate(-6deg); } }

/* الهلال */
.jf.f-crescent > img { box-shadow: 0 0 0 .12em #F5C45188; }
.jf .moon { width: 11.4em; height: 11.4em; top: -.7em; left: -.7em; z-index: 4; filter: drop-shadow(0 0 .6em #F5C45188); animation: jfGlow 4s ease-in-out infinite; }

/* زخرفة هندسية */
.jf.f-geo > img { box-shadow: 0 0 0 .12em #2DD4BF, 0 0 0 .5em #2DD4BF22; }
.jf.f-geo .deco { animation: jfSpin 50s linear infinite; }
.jf.f-geo i { position: absolute; width: 1.05em; height: 1.05em; margin: -.525em; }
.jf.f-geo i::before, .jf.f-geo i::after { content: ""; position: absolute; inset: 0; border: .1em solid #5EEAD4; }
.jf.f-geo i::after { transform: rotate(45deg); border-color: #F5C451; }

/* هالة اللهب */
.jf .fl { position: absolute; width: 7em; height: 7em; left: 1.5em; top: 1.5em; z-index: 1; border-radius: 50%; filter: blur(.7em); opacity: .9; animation: jfRise 2.6s ease-in-out infinite; }
.jf .fl:nth-child(1) { background: #F97316; }
.jf .fl:nth-child(2) { background: #EF4444; animation-delay: -.9s; }
.jf .fl:nth-child(3) { background: #FACC15; width: 5em; height: 5em; left: 2.5em; top: 2.2em; animation-delay: -1.7s; }
.jf.f-flame > img { box-shadow: 0 0 0 .14em #FDBA74; }
@keyframes jfRise { 0%, 100% { transform: translateY(.4em) scale(1); } 50% { transform: translateY(-1em) scale(1.12, 1.22); } }

/* موجة الصوت */
.jf.f-eq > img { box-shadow: 0 0 0 .12em #ffffff40; }
.jf b.eqb { position: absolute; left: 50%; top: 50%; width: .3em; height: 1.1em; margin-left: -.15em; border-radius: .2em; transform-origin: 50% 0;
  background: linear-gradient(180deg, #FF2D7A, #22D3EE); animation: jfEq 1.1s ease-in-out infinite; }
@keyframes jfEq { 50% { height: .35em; } }

/* المدار */
.jf.f-orbit > img { box-shadow: 0 0 0 .12em #93C5FD, 0 0 1.4em #3B82F655; }
.jf .ring { position: absolute; inset: -.2em; border-radius: 50%; border: .1em solid #93C5FD66; transform: rotate(-24deg) scaleY(.38); z-index: 4; }
.jf .ring.r2 { transform: rotate(32deg) scaleY(.32); border-color: #F0ABFC55; }
.jf .rot { position: absolute; inset: -.2em; border-radius: 50%; animation: jfSpin 5s linear infinite; }
.jf .r2 .rot { animation-duration: 8s; animation-direction: reverse; }
.jf .dot { position: absolute; top: -.4em; left: 50%; width: .8em; height: .8em; margin-left: -.4em; border-radius: 50%; background: #E0F2FE; box-shadow: 0 0 .7em #60A5FA, 0 0 1.4em #60A5FA; }
.jf .r2 .dot { background: #F5D0FE; box-shadow: 0 0 .7em #E879F9; }

/* شارة المستوى */
.jf.f-level::before { content: ""; position: absolute; inset: .55em; z-index: 1; border-radius: 50%; background: conic-gradient(#CBD5E1, #64748B, #E2E8F0, #475569, #CBD5E1); }
.jf .sweep { position: absolute; inset: .55em; z-index: 2; border-radius: 50%; background: conic-gradient(transparent 0 80%, #ffffffcc 88%, transparent 96%);
  -webkit-mask: radial-gradient(circle, transparent 3.9em, #000 3.95em); mask: radial-gradient(circle, transparent 3.9em, #000 3.95em); animation: jfSpin 3.5s linear infinite; }
.jf .rib { position: absolute; bottom: .1em; left: 50%; transform: translateX(-50%); z-index: 6; padding: .25em .9em; border-radius: .6em;
  background: linear-gradient(90deg, #334155, #64748B); border: .08em solid #E2E8F0; font-size: 1.05em; font-weight: 700; white-space: nowrap; color: #F8FAFC; box-shadow: 0 .3em .8em #0008; }
.jf .chev { top: -.35em; left: 50%; margin-left: -1.1em; z-index: 6; width: 2.2em; height: 1.4em; }

/* قلوب طائرة */
.jf.f-hearts > img { box-shadow: 0 0 0 .14em #FF2D7A, 0 0 1.4em #FF2D7A66; }
.jf .h { position: absolute; bottom: 1.2em; width: 1.2em; height: 1.2em; z-index: 4; color: #FF2D7A; opacity: 0; animation: jfUp 3.6s ease-in infinite; }
.jf .h svg { position: static; width: 100%; height: 100%; }
@keyframes jfUp { 0% { transform: translateY(0) scale(.6); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(-7.5em) scale(1.1) rotate(var(--r, 12deg)); opacity: 0; } }

/* عمق ثلاثي الأبعاد (يتبع الإصبع وميلان الهاتف) */
.jf.f-depth { --px: 0; --py: 0; }
.jf .ly { position: absolute; border-radius: 50%; transition: transform .15s ease-out; }
.jf .l1 { inset: .2em; z-index: 1; background: radial-gradient(circle at 30% 30%, #A78BFA, #4C1D95 70%); filter: blur(.25em); transform: translate(calc(var(--px) * -.5em), calc(var(--py) * -.5em)); }
.jf .l2 { inset: -.3em; z-index: 4; border: .14em dashed #E9D5FFaa; transform: translate(calc(var(--px) * .7em), calc(var(--py) * .7em)) rotate(calc(var(--px) * 25deg)); }
.jf .l3 { inset: -1em; z-index: 5; transform: translate(calc(var(--px) * 1.3em), calc(var(--py) * 1.3em)); }
.jf .l3 i { position: absolute; width: .55em; height: .55em; margin: -.275em; border-radius: 50%; background: #F5D0FE; box-shadow: 0 0 .6em #E879F9; }
.jf.f-depth > img, .jf.f-depth > video { transform: translate(calc(var(--px) * .25em), calc(var(--py) * .25em)); transition: transform .15s ease-out; box-shadow: 0 1em 2em #0009; }

/* لمعة اللمس */
.jf.f-burst > img { box-shadow: 0 0 0 .14em #FDE68A, 0 0 1.2em #FDE68A55; }
.jf .flash { position: absolute; inset: .5em; border-radius: 50%; z-index: 2; }
.jf.go .flash { animation: jfFlash .6s ease-out; }
.jf .pt { position: absolute; left: 50%; top: 50%; width: .6em; height: .6em; margin: -.3em; z-index: 6; border-radius: 50%; background: #FDE68A; opacity: 0; }
.jf.go .pt { animation: jfPt .75s ease-out forwards; }
@keyframes jfFlash { 0% { box-shadow: 0 0 0 0 #FDE68Acc; } 100% { box-shadow: 0 0 0 1.4em #FDE68A00; } }
@keyframes jfPt { 0% { opacity: 1; transform: rotate(var(--a)) translateY(0) scale(1); } 100% { opacity: 0; transform: rotate(var(--a)) translateY(-6.2em) scale(.3); } }

/* العرش الملكي */
.jf.f-throne > img { box-shadow: 0 0 0 .16em #F5C451, 0 0 1.6em #F5C45166; }
.jf.f-throne .cr { width: 4em; height: 2.8em; top: -1.7em; left: 50%; margin-left: -2em; z-index: 5; animation: jfBob 3s ease-in-out infinite; }
.jf.f-throne .wl, .jf.f-throne .wr { width: 3.6em; height: 6em; top: 2em; filter: drop-shadow(0 0 .5em #F5C45199); }
.jf.f-throne .wl { left: -1.7em; }
.jf.f-throne .wr { right: -1.7em; }

/* المذنّب */
.jf.f-comet > img { box-shadow: 0 0 0 .12em #BAE6FD; }
.jf .orb { position: absolute; inset: -.3em; z-index: 4; animation: jfSpin 3.2s linear infinite; }
.jf .head { position: absolute; top: 0; left: 50%; width: .9em; height: .9em; margin: -.45em 0 0 -.45em; border-radius: 50%; background: #fff; box-shadow: 0 0 .6em #fff, 0 0 1.4em #38BDF8; }
.jf .tail { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(transparent 0 70%, #38BDF8aa 96%, #fff 100%);
  -webkit-mask: radial-gradient(circle, transparent 4.95em, #000 5.05em, #000 5.35em, transparent 5.45em); mask: radial-gradient(circle, transparent 4.95em, #000 5.05em, #000 5.35em, transparent 5.45em); }

/* أشعة الفجر */
.jf .rays { position: absolute; inset: -1.2em; z-index: 1; border-radius: 50%; background: repeating-conic-gradient(#FDBA7466 0 6deg, transparent 6deg 18deg);
  -webkit-mask: radial-gradient(circle, transparent 3.8em, #000 4.2em, transparent 6.2em); mask: radial-gradient(circle, transparent 3.8em, #000 4.2em, transparent 6.2em); animation: jfSpin 24s linear infinite; }
.jf.f-dawn > img { box-shadow: 0 0 0 .14em #FDBA74, 0 0 1.8em #FB923C77; }

/* هولوغرام */
.jf.f-holo::before { content: ""; position: absolute; inset: .5em; z-index: 1; border-radius: 50%; background: conic-gradient(#ff9ad5, #a5b4fc, #67e8f9, #86efac, #fde68a, #fca5a5, #ff9ad5); animation: jfSpin 4s linear infinite; }
.jf.f-holo::after { content: ""; position: absolute; inset: .5em; z-index: 4; border-radius: 50%; background: linear-gradient(115deg, transparent 35%, #ffffffb0 48%, transparent 60%);
  background-size: 260% 100%; animation: jfSheen 2.8s ease-in-out infinite; -webkit-mask: radial-gradient(circle, transparent 3.95em, #000 4em); mask: radial-gradient(circle, transparent 3.95em, #000 4em); }
@keyframes jfSheen { 0% { background-position: 130% 0; } 100% { background-position: -130% 0; } }

/* الأسطوري */
.jf.f-legend::before { content: ""; position: absolute; inset: .5em; z-index: 1; border-radius: 50%; background: radial-gradient(circle, #1c1917 60%, #0c0a09); box-shadow: 0 0 1.6em #F59E0B55; }
.jf .crack { inset: .5em; width: 9em; height: 9em; left: .5em; top: .5em; z-index: 2; animation: jfGlow 2.6s ease-in-out infinite; }
.jf .gem { position: absolute; width: .9em; height: .9em; margin: -.45em; z-index: 5; background: linear-gradient(135deg, #fde68a, #f59e0b); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); animation: jfBob 2.4s ease-in-out infinite; }

/* المؤسسين */
.jf.f-founder::before { content: ""; position: absolute; inset: .5em; z-index: 1; border-radius: 50%; background: conic-gradient(from 210deg, #2DD4BF, #F5C451, #2DD4BF, #0F766E, #2DD4BF); }
.jf .serial { position: absolute; bottom: .1em; left: 50%; transform: translateX(-50%); z-index: 6; padding: .22em .75em; border-radius: .7em; white-space: nowrap;
  font-size: 1em; font-weight: 700; background: #0F172A; color: #5EEAD4; border: .08em solid #2DD4BF; box-shadow: 0 .3em .8em #0009; }

/* إطار حساب شخص آخر */
.pp-av.fr-other { display: block; width: 104px; height: 104px; margin: 0 auto 10px; }
.pp-av.fr-other img.profile-avatar { width: 100%; height: 100%; margin: 0; }

@media (prefers-reduced-motion: reduce) { .jf *, .jf::before, .jf::after, .cv-tick-track { animation: none !important; } }

/* ===== الغلاف ===== */
.pp-cover.cv-aurora { background: radial-gradient(90% 120% at 15% 0%, #34D39966, transparent 60%), radial-gradient(90% 120% at 85% 10%, #A78BFA77, transparent 60%), radial-gradient(80% 100% at 50% 100%, #22D3EE44, transparent 70%), linear-gradient(160deg, #0B2A3A, #0B0A1F); }
.pp-cover.cv-sunset { background: radial-gradient(100% 130% at 90% 0%, #FB923C88, transparent 60%), radial-gradient(100% 130% at 10% 20%, #F43F5E77, transparent 60%), linear-gradient(160deg, #4C1D95, #1A0B1F); }
.pp-cover.cv-ocean { background: radial-gradient(100% 130% at 85% 0%, #38BDF888, transparent 60%), radial-gradient(100% 130% at 10% 30%, #06B6D466, transparent 60%), linear-gradient(160deg, #1E3A8A, #071A33); }
.pp-cover.cv-night { background: radial-gradient(1.6px 1.6px at 18% 28%, #fffc, transparent 70%), radial-gradient(1.2px 1.2px at 42% 62%, #fff9, transparent 70%), radial-gradient(1.8px 1.8px at 70% 22%, #fffd, transparent 70%), radial-gradient(1.2px 1.2px at 86% 58%, #fff8, transparent 70%), radial-gradient(1.4px 1.4px at 58% 40%, #fffa, transparent 70%), radial-gradient(90% 120% at 80% 0%, #6366F155, transparent 60%), linear-gradient(170deg, #0B1026, #05060F); }
.pp-cover.cv-rose { background: radial-gradient(100% 130% at 85% 0%, #F9A8D488, transparent 60%), radial-gradient(100% 130% at 10% 30%, #FB718566, transparent 60%), linear-gradient(160deg, #5B1238, #1A0814); }
.pp-cover.cv-mono { background: radial-gradient(100% 130% at 80% 0%, #ffffff22, transparent 60%), linear-gradient(160deg, #2B2B33, #0E0E12); }

/* شريط النص المتحرك على الغلاف — v30: أُزيل نهائيًا */
.cv-tick { display: none !important; }
.cv-tick { position: absolute; left: 0; right: 0; top: 54px; height: 34px; z-index: 2; overflow: hidden; direction: ltr; display: flex; align-items: center; pointer-events: none;
  background: linear-gradient(90deg, transparent, #00000059 12%, #00000059 88%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.cv-tick-track { display: flex; white-space: nowrap; animation: cvTick var(--d, 16s) linear infinite; will-change: transform; }
.cv-tick-track span { direction: rtl; padding: 0 34px; font-size: 15px; font-weight: 700; color: #FF4D8D; background: linear-gradient(90deg, #FF2D7A, #FF7AB0 50%, #FF2D7A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 4px #0009); }
@keyframes cvTick { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* غلاف حساب شخص آخر */
.pp-cover.fr-ocover { height: 110px; margin: -6px -16px 14px; border-radius: 0 0 22px 22px; position: relative; overflow: hidden; }
.pp-cover.fr-ocover .cv-tick { top: 38px; }

/* زر «الإطار» على الغلاف */
.fr-open { position: absolute; top: 12px; left: 12px; z-index: 3; height: 34px; padding: 0 12px; border-radius: 17px; display: inline-flex; align-items: center; gap: 6px;
  background: #0000006b; color: #fff; font-size: 13px; font-weight: 600; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid #ffffff26; }

/* ===== نافذة الإطارات ===== */
.fr-sheet { position: fixed; inset: 0; z-index: 150; background: #0009; display: flex; align-items: flex-end; opacity: 0; transition: opacity .2s; }
.fr-sheet.show { opacity: 1; }
.fr-card { width: 100%; max-height: 88vh; overflow-y: auto; background: #141230; border-radius: 22px 22px 0 0; border-top: 1px solid #ffffff1a;
  padding: 16px 16px calc(18px + env(safe-area-inset-bottom)); transform: translateY(16px); transition: transform .2s; direction: rtl; }
.fr-sheet.show .fr-card { transform: none; }
.fr-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.fr-head b { font-size: 17px; }
.fr-x { width: 34px; height: 34px; border-radius: 50%; background: #ffffff12; color: #fff; }
.fr-tabs { display: flex; gap: 6px; margin-bottom: 14px; overflow-x: auto; scrollbar-width: none; }
.fr-tabs::-webkit-scrollbar { display: none; }
.fr-tabs button { flex: 1 0 auto; height: 38px; padding: 0 14px; border-radius: 19px; background: #ffffff0d; color: #ffffffb3; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.fr-tabs button.on { background: linear-gradient(90deg, #FF2D7A, #3B82F6); color: #fff; }
.fr-pane.hidden { display: none; }
.fr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.fr-grid.fr-cv { grid-template-columns: repeat(2, 1fr); }
.fr-opt { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px; border-radius: 16px; background: #ffffff08; border: 2px solid transparent; min-width: 0; }
.fr-opt.on { border-color: #FF2D7A; background: #FF2D7A14; }
.fr-opt small { font-size: 12px; color: #ffffffcc; }
.fr-mini { position: relative; width: 72px; height: 72px; }
.fr-mini .jf { --jf-img: 56px; }
.fr-mini .plain { display: block; width: 56px; height: 56px; border-radius: 50%; padding: 3px; margin: 8px; background: conic-gradient(from 200deg, #FF2D7A, #8B5CF6, #22D3EE, #FF2D7A); }
.fr-mini .plain img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid #0B0A1F; display: block; }
.pp-cover.fr-cprev { display: block; width: 100%; height: 64px !important; border-radius: 12px; }
.fr-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.fr-field label { font-size: 13px; font-weight: 600; }
.fr-field .row { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border-radius: 14px; background: #ffffff0d; border: 1px solid #ffffff1a; }
.fr-field input { flex: 1; min-width: 0; background: none; border: 0; outline: none; color: #fff; font: inherit; font-size: 14px; }
.fr-field small { color: #ffffff8c; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.fr-help { font-size: 12.5px; color: #ffffffa6; line-height: 1.7; margin: 0 0 12px; }
.fr-btn { width: 100%; height: 46px; border-radius: 23px; background: #ffffff12; color: #fff; font-size: 14.5px; font-weight: 600; margin-top: 8px; }
.fr-btn.pri, .fr-save { background: linear-gradient(90deg, #FF2D7A, #3B82F6); }
.fr-btn.danger { background: #EF44441f; color: #FCA5A5; }
.fr-save { width: 100%; height: 48px; margin-top: 16px; border-radius: 24px; color: #fff; font-size: 16px; font-weight: 700; }
.fr-live { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.fr-live .fr-mini { width: 120px; height: 120px; }
.fr-live .fr-mini .jf { --jf-img: 96px; }
.fr-prog { font-size: 13px; color: #ffffffcc; min-height: 20px; text-align: center; }