.jio-widget {
  --jio-widget-bg-light: transparent;
  --jio-widget-bg-dark: transparent;
  --jio-widget-radius: var(--main-radius, 8px);
  margin: var(--jio-widget-space-top, 0) var(--jio-widget-space-right, 0) var(--jio-widget-space-bottom, 20px) var(--jio-widget-space-left, 0);
  background-color: var(--jio-widget-bg-light);
  background-image: var(--jio-widget-bg-image-light, none);
  background-position: center;
  background-size: cover;
  color: var(--theme-color, #2d2d35);
}
.jio-widget.jio-panel {
  clear: both;
  padding: 15px;
  border-radius: var(--main-radius, 8px);
  background-color: var(--main-bg-color, #fff);
  box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, .08));
}
.jio-widget__inner.container { position: relative; }
.dark-theme .jio-widget,
[data-theme="dark"] .jio-widget { background-color: var(--jio-widget-bg-dark); background-image: var(--jio-widget-bg-image-dark, none); color: #e7e7ea; }
.jio-widget *, .jio-widget *::before, .jio-widget *::after { box-sizing: border-box; }
.jio-widget img, .jio-widget video { max-width: 100%; }
.jio-widget a { text-decoration: none; }
.jio-widget button, .jio-widget input { font: inherit; }
.jio-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid var(--focus-color, #ff5473) !important; outline-offset: 3px; }
.dark-theme .jio-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible,
[data-theme="dark"] .jio-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: #ffd166 !important; }
.jio-widget__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
.jio-widget__header--big { display: block; text-align: center; margin-bottom: 30px; }
.jio-widget__title { position: relative; margin: 0; padding-bottom: 8px; font-size: 15px; line-height: 1.35; font-weight: 700; }
.jio-widget__title::before { position:absolute; bottom:3px; left:0; width:40px; height:3px; border-radius:5px; background:var(--theme-color,var(--focus-color,#ff5473)); box-shadow:1px 1px 3px -1px var(--theme-color,var(--focus-color,#ff5473)); content:""; }
.jio-widget__header--big .jio-widget__title { padding:0; font-size: clamp(28px, 4vw, 42px); }
.jio-widget__header--big .jio-widget__title::before { content:none; }
.jio-widget__title mark { padding: 0; background: transparent; color: var(--focus-color, #ff5473); }
.jio-widget__subtitle { margin: 7px 0 0; color: var(--muted-color, #8a8c98); }
.jio-widget__title-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.jio-widget__title-links a { padding: 5px 11px; border-radius: 4px; background: var(--muted-border-color, #f2f3f5); color:var(--muted-color,#777); font-size: 13px; }
.dark-theme .jio-widget__title-links a, [data-theme="dark"] .jio-widget__title-links a { background: #292a30; }
.jio-widget-grid { display: grid; grid-template-columns: repeat(var(--jio-cols, 3), minmax(0, 1fr)); gap: 15px; }
.jio-widget__empty, .jio-widget-request-error { padding: 28px 18px; border: 1px dashed rgba(127,127,127,.25); border-radius: var(--jio-widget-radius); color: var(--muted-color, #8a8c98); text-align: center; }
.jio-widget-request-error button { margin-left: 10px; padding: 5px 12px; border: 0; border-radius: 999px; cursor: pointer; }
.jio-widget--affix { position: sticky; top: 76px; }
.jio-widget--only-mobile { display: none; }

.jio-widget-search { display: flex; min-height: 42px; padding: 4px; border: 1px solid var(--main-border-color,rgba(127,127,127,.18)); border-radius: var(--main-radius,8px); background: var(--main-bg-color, #fff); }
.jio-widget-search label { flex: 1; display: flex; }
.jio-widget-search input { width: 100%; padding: 8px 12px; border: 0; outline: 0; background: transparent; color: inherit; }
.jio-widget-search button { display: flex; align-items: center; gap: 7px; padding: 7px 14px; border: 0; border-radius: var(--mini-radius,4px); background: var(--focus-color, #ff5473); color: #fff; cursor: pointer; }
.jio-widget-search--compact button span { display: none; }
.jio-widget-search--large { min-height: 58px; border-radius: 14px; }

.jio-widget-quote { margin: 0; padding: 12px 15px; border-radius: var(--jio-widget-radius); background: var(--main-bg-color, #fff); color: var(--main-color, inherit); box-shadow: 0 0 10px var(--main-shadow, rgba(116,116,116,.08)); }
.jio-widget-quote .yiyan { line-height: 1.8; }
.jio-widget-quote .yiyan .en { font-size: .9em; opacity: .8; }
.jio-widget-quote.is-loading { opacity: .65; }

/* The Jio base stylesheet already carries the icon-card and utility rules.
 * Restore the one renamed primitive used verbatim by these two widget renderers. */
.jio-widget-box { clear:both; margin-bottom:20px; padding:15px; border-radius:var(--main-radius,8px); background:var(--main-bg-color,#fff); box-shadow:0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }
.jio-widget-box.padding-10 { padding:10px; }
.jio-widget-box.nobottom.notop { padding-top:0; padding-bottom:0; }
.jio-widget-box.posts-mini-lists { padding:5px; }
.jio-widget-box.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-prev,
.jio-widget-box.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-next { top:10px; }

.jio-widget-box-wrap { padding:var(--jio-widget-space-top,0) var(--jio-widget-space-right,0) var(--jio-widget-space-bottom,0) var(--jio-widget-space-left,0); background-color:var(--jio-widget-bg-light,transparent); background-image:var(--jio-widget-bg-image-light,none); background-position:center; background-size:cover; }
.dark-theme .jio-widget-box-wrap, [data-theme="dark"] .jio-widget-box-wrap { background-color:var(--jio-widget-bg-dark,var(--jio-widget-bg-light,transparent)); background-image:var(--jio-widget-bg-image-dark,var(--jio-widget-bg-image-light,none)); }
.jio-widget-box-wrap .widget-container { position:relative; }
.jio-user-widget-wrap :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.jio-tab-posts-wrap :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.jio-posts-wrap :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline:3px solid var(--focus-color,#ff5473) !important; outline-offset:3px; }
.dark-theme :is(.jio-user-widget-wrap, .jio-tab-posts-wrap) :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.dark-theme .jio-posts-wrap :where(a, button, input, select, textarea, [tabindex]):focus-visible,
[data-theme="dark"] :is(.jio-user-widget-wrap, .jio-tab-posts-wrap, .jio-posts-wrap) :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color:#ffd166 !important; }

.user-card.jio-widget-box { padding:0; overflow:hidden; }
.user-card.widget .user-info > .text-center > p:not(.muted-color) { white-space:nowrap; }
.user-card.widget .user-info > .text-center > p:not(.muted-color) .but { white-space:nowrap; }

@media (max-width:767px) {
  .jio-widget-box-wrap { padding:var(--jio-widget-space-m-top,0) var(--jio-widget-space-m-right,0) var(--jio-widget-space-m-bottom,0) var(--jio-widget-space-m-left,0); }
}

.jio-widget-video { position: relative; overflow: hidden; border-radius: var(--jio-widget-radius); background: #000; aspect-ratio: 16 / 9; }
.jio-widget-video--4-3 { aspect-ratio: 4 / 3; }.jio-widget-video--1-1 { aspect-ratio: 1; }.jio-widget-video--auto { aspect-ratio: auto; }
.jio-widget-video video, .jio-widget-video__player, .jio-widget-video .dplayer { width: 100%; height: 100%; }
.jio-widget-media-error { position: absolute; inset: auto 15px 15px; color: #fff; }
.jio-widget-embed { position: relative; height: 0; padding-bottom: var(--jio-embed-ratio, 56.25%); overflow: hidden; border-radius: var(--jio-widget-radius); background: #111; }
.jio-widget-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.jio-media-card { position: relative; display: block; overflow: hidden; min-height: 180px; border-radius: var(--jio-widget-radius); background: var(--main-bg-color, #fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }
.jio-media-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #eceef2; }
.jio-media-card__media img, .jio-media-card__media video { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.jio-media-card:hover .jio-media-card__media img { transform: scale(1.04); }
.jio-media-card__image--dark { display: none; }
.dark-theme .jio-media-card__image--dark, [data-theme="dark"] .jio-media-card__image--dark { display: block; }
.dark-theme .jio-media-card__image--dark ~ .jio-media-card__image, [data-theme="dark"] .jio-media-card__image--dark ~ .jio-media-card__image { display: none; }
.jio-media-card__body { display: flex; flex-direction: column; gap: 5px; padding: 14px 16px 16px; }
.jio-media-card__body small { color: var(--muted-color, #8a8c98); }

.jio-widget-text-title { padding: 18px 0; }.jio-widget-text-title.is-center { text-align: center; }.jio-widget-text-title.is-right { text-align: right; }
.jio-widget-text-title h2 { margin: 0; font-size: clamp(26px,4vw,44px); line-height: 1.25; }.jio-widget-text-title p { margin: 12px 0 0; color: var(--muted-color,#8a8c98); line-height: 1.8; }
.jio-widget-gap { height: var(--jio-gap); }
.jio-widget-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }.jio-widget-tag-cloud a { padding: 6px 11px; border-radius: 6px; background: rgba(127,127,127,.1); font-size: 13px; transition: background .2s,color .2s; }.jio-widget-tag-cloud a:hover { background: var(--focus-color,#ff5473); color: #fff; }.jio-widget-tag-cloud small { margin-left: 5px; opacity: .65; }
.jio-widget-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.jio-widget-links a { display: flex; flex-direction: column; gap: 4px; padding: 10px 8px; border-radius: var(--main-radius,8px); background: var(--muted-border-color,#f2f3f5); color:var(--key-color,#333); }.jio-widget-links small { color: var(--muted-color,#8a8c98); }.jio-widget-links--simple { display: flex; flex-wrap: wrap; }.jio-widget-links--simple a { padding: 5px 9px; box-shadow: none; background: transparent; }
.widget-buttons-wrap { margin: calc(0px - var(--pc-gap, 10px)); }
.widget-buttons-wrap > div { margin: var(--pc-gap, 10px); }
.widget-buttons-wrap .but { width: var(--pc-width, auto); }
.widget-buttons-wrap.align-center { justify-content: center; }
.widget-buttons-wrap.align-right { justify-content: flex-end; }
.widget-buttons-wrap.align-left { justify-content: flex-start; }
.widget-buttons.pc-size-small .but { padding: .3em .6em; }
.widget-buttons.pc-size-medium .but { padding: 8px 16px; }
.widget-buttons.pc-size-large .but { padding: 12px 24px; }
.swiper-bulletin { padding: .1em 6px; background: var(--this-bg); }
.swiper-bulletin .new-swiper { line-height: 2.4em; height: 2.4em; overflow: hidden; }
.swiper-bulletin a { color: var(--this-color); }
.bulletin-icon { background: var(--this-color); width: 26px; height: 26px; text-align: center; border-radius: 30px; color: #fff; font-size: 18px; }
.swiper-bulletin[class*="b-"] .bulletin-icon { color: var(--this-bg); }
.swiper-bulletin[class*="jb-"] .bulletin-icon { color: var(--this-bg-b); }


.jio-pricing-card { position: relative; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--main-border-color,rgba(127,127,127,.13)); border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.jio-pricing-card.is-featured { border-color: var(--focus-color,#ff5473); }.jio-pricing-card__badge { position: absolute; top: 12px; right: 12px; padding: 4px 9px; border-radius: 999px; background: var(--focus-color,#ff5473); color: #fff; font-size: 12px; }.jio-pricing-card h3 { margin: 0 0 12px; }.jio-pricing-card__price { font-size: 34px; font-weight: 800; }.jio-pricing-card p { color: var(--muted-color,#8a8c98); }.jio-pricing-card ul { flex: 1; display: grid; gap: 9px; margin: 15px 0 22px; padding: 0; list-style: none; }.jio-pricing-card li i { margin-right: 8px; color: #22c55e; }
.jio-reviews .swiper-slide { width: min(390px,86vw); height: auto; }.jio-review-card { height: 100%; padding: 20px; border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.jio-review-card__rating { color: #f6b73c; }.jio-review-card blockquote { min-height: 80px; margin: 15px 0; line-height: 1.75; }.jio-review-card footer { display: flex; align-items: center; gap: 11px; }.jio-review-card__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }.jio-review-card footer span { display: flex; flex-direction: column; }.jio-review-card footer small { color: var(--muted-color,#8a8c98); }
.jio-faq { max-width: 880px; margin: auto; }.jio-faq__search { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 10px 14px; border: 1px solid rgba(127,127,127,.16); border-radius: 10px; }.jio-faq__search input { width: 100%; border: 0; outline: 0; background: transparent; color: inherit; }.jio-faq__items { display: grid; gap: 10px; }.jio-faq__item { overflow: hidden; border: 1px solid rgba(127,127,127,.13); border-radius: 10px; background: var(--main-bg,#fff); }.jio-faq__item > button { display: flex; width: 100%; justify-content: space-between; padding: 15px 17px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }.jio-faq__item > div { padding: 0 17px 17px; color: var(--muted-color,#8a8c98); line-height: 1.75; }
.jio-stat { padding: 22px; text-align: center; }.jio-stat > strong { display: block; color: var(--focus-color,#ff5473); font-size: clamp(32px,5vw,52px); }.jio-stat h3 { margin: 5px 0; }.jio-stat p { margin: 0; color: var(--muted-color,#8a8c98); }.jio-highlight--large { grid-column: span 2; }.jio-tilt-case { transform-style: preserve-3d; }.jio-tilt-case .jio-media-card__body { transform: translateZ(20px); }
.jio-feature-intro__tabs { display: flex; justify-content: center; gap: 8px; margin-bottom: 18px; }.jio-feature-intro__tabs button { padding: 7px 14px; border: 0; border-radius: 999px; background: rgba(127,127,127,.1); color: inherit; cursor: pointer; }.jio-feature-intro__tabs button[aria-selected="true"] { background: var(--focus-color,#ff5473); color: #fff; }.jio-feature-intro__panels article { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 34px; }.jio-feature-intro__copy p, .jio-feature-intro__copy li { color: var(--muted-color,#8a8c98); line-height: 1.7; }


.jio-user-ranking { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }.jio-user-ranking li { display: flex; align-items: center; gap: 9px; }.jio-user-ranking__index { width: 24px; text-align: center; color: var(--muted-color,#8a8c98); font-weight: 700; }.jio-user-ranking__index.is-top { color: #f59e0b; }.jio-user-tile { display: flex; min-width: 0; flex: 1; align-items: center; gap: 10px; }.jio-user-tile img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }.jio-user-tile span { display: flex; min-width: 0; flex-direction: column; }.jio-user-tile strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.jio-user-tile small { color: var(--muted-color,#8a8c98); }.jio-user-list { --jio-cols: 4; }.jio-user-list article { padding: 14px; border-radius: 10px; background: var(--main-bg,#fff); box-shadow: 0 6px 20px rgba(31,35,48,.06); }

@media (max-width: 767px) {
  .jio-widget { margin: var(--jio-widget-space-m-top,0) var(--jio-widget-space-m-right,0) var(--jio-widget-space-m-bottom,15px) var(--jio-widget-space-m-left,0); }
  .jio-widget--only-pc { display: none; }.jio-widget--only-mobile { display: block; }
  .jio-widget-grid { grid-template-columns: repeat(var(--jio-cols-m,1),minmax(0,1fr)); gap: 10px; }
  .jio-widget__header { align-items: flex-start; flex-direction: column; }.jio-widget__title-links { justify-content: flex-start; }
  .jio-widget-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .widget-buttons-wrap { margin: calc(0px - var(--m-gap, 5px)); }
  .widget-buttons-wrap > div { margin: var(--m-gap, 5px); }
  .widget-buttons-wrap .but { width: var(--m-width, auto); }
  .widget-buttons.m-size-small .but { padding: .3em .6em; }
  .widget-buttons.m-size-medium .but { padding: 8px 16px; }
  .widget-buttons.m-size-large .but { padding: 12px 24px; }
  .jio-feature-intro__panels article { grid-template-columns: 1fr; }
  .jio-highlight--large { grid-column: auto; }
  .jio-widget-gap { height: var(--jio-gap-m); }.jio-pricing-card.is-featured { transform: none; }
  .jio-user-list { --jio-cols-m: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .jio-widget *, .jio-widget *::before, .jio-widget *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (forced-colors: active) {
  .jio-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: Highlight !important; }
}
.jio-widget--animate { animation: jio-widget-fade .55s both; }.jio-widget--animate-slideup { animation-name: jio-widget-slideup; }.jio-widget--animate-slidedown { animation-name: jio-widget-slidedown; }.jio-widget--animate-slideright { animation-name: jio-widget-slideright; }.jio-widget--animate-slideleft { animation-name: jio-widget-slideleft; }.jio-widget--animate-zoomin { animation-name: jio-widget-zoomin; }.jio-widget--animate-zoomout { animation-name: jio-widget-zoomout; }.jio-widget--animate-repeat { animation-iteration-count: infinite; animation-duration: 2s; }

/* Modern widget contracts */
.widget-tab-post .tab-content > .tab-pane { display: none; }
.widget-tab-post .tab-content > .tab-pane.active { display: block; }
.widget-tab-post, .term-aggregation { line-height:1.42857143; }
/* Public typography overrides Bootstrap headings. Match the reference widget
 * without changing article headings elsewhere on the page. */
.jio-tab-posts-wrap, .jio-posts-wrap { font-size:14px; line-height:1.42857143; color:var(--main-color,#4e5358); }
.widget-tab-post .item-heading, .widget-main-post .item-heading { font-weight:500; color:inherit; }
.widget-tab-post .item-heading.font-bold, .widget-main-post .item-heading.font-bold { font-weight:700; }
.widget-tab-post .posts-mini, .widget-main-post .posts-mini { vertical-align:baseline; }
.widget-tab-post .posts-mini-con, .widget-main-post .posts-mini-con { flex:auto; }
.widget-tab-post .item-meta .meta-pay, .widget-main-post .item-meta .meta-pay { padding:0 4px; cursor:auto; }
.widget-tab-post .post_ajax_loader { min-height: 40px; }
/* Keep the reference's compact pagination after public pagination.css. */
.widget-tab-post .pagenav, .widget-main-post .pagenav {
  display:block;
  padding:20px 0;
  line-height:1.4;
  text-align:center;
}
.widget-tab-post .pagenav .page-numbers, .widget-main-post .pagenav .page-numbers {
  display:inline-block;
  min-width:31px;
  min-height:0;
  margin:3px;
  padding:6px 9px 5px;
  border:0;
  border-radius:3px;
  background:var(--main-border-color);
  color:var(--muted-color);
  font-size:inherit;
  line-height:inherit;
  font-weight:400;
}
.widget-tab-post .pagenav a.page-numbers:hover, .widget-main-post .pagenav a.page-numbers:hover { background:var(--main-border-color); color:var(--muted-color); opacity:.7; }
.widget-tab-post .pagenav .page-numbers > span, .widget-main-post .pagenav .page-numbers > span {
  display:inline;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
}
.widget-tab-post .pagenav .page-numbers > .ml6, .widget-main-post .pagenav .page-numbers > .ml6 { margin-left:6px; }
.widget-tab-post .pagenav .page-numbers > .mr6, .widget-main-post .pagenav .page-numbers > .mr6 { margin-right:6px; }
.widget-tab-post .pagenav .prev i, .widget-main-post .pagenav .prev i,
.widget-tab-post .pagenav .next i, .widget-main-post .pagenav .next i { font-size:1.2em; }
.widget-tab-post .pagenav .pag-jump, .widget-main-post .pagenav .pag-jump { display:inline-flex; position:relative; width:auto; align-items:center; justify-content:normal; gap:0; }
.widget-tab-post .pagenav .pag-jump .jump-input, .widget-main-post .pagenav .pag-jump .jump-input {
  position:absolute;
  inset:0;
  width:100%;
  min-width:0;
  height:100%;
  padding:5px 22px 5px 5px;
  border-radius:3px;
  opacity:0;
  transition:.2s;
}
.widget-tab-post .pagenav .jump-input:focus, .widget-main-post .pagenav .jump-input:focus,
.widget-tab-post .pagenav .pag-jump:hover .jump-input, .widget-main-post .pagenav .pag-jump:hover .jump-input { opacity:1; }
.sidebar :is(.widget-tab-post, .widget-main-post) .pagenav { padding:10px 5px; }
.sidebar :is(.widget-tab-post, .widget-main-post) .theme-pagination { margin:10px; }
.sidebar :is(.widget-tab-post, .widget-main-post) .pagenav .page-numbers { min-width:28px; margin:2px; font-size:12px; }
@media (max-width:640px) {
  :is(.widget-tab-post, .widget-main-post) .pagenav a.page-numbers { display:none; }
  :is(.widget-tab-post, .widget-main-post) .pagenav a.next,
  :is(.widget-tab-post, .widget-main-post) .pagenav a.prev { display:inline-block; }
  :is(.widget-tab-post, .widget-main-post) .pagenav .page-numbers { min-width:28px; margin:2px; font-size:12px; }
}
/* Widget pagination mirrors the reference .ajax-next rules while staying on the REST client. */
.theme-pagination { margin: 20px 0; }
.theme-pagination .next-page a { border-radius: 30px; padding: 5px 15px; color: var(--muted-color, #8a8c98); opacity: .6; cursor: pointer; }
.theme-pagination .next-page a:hover { background: var(--main-border-color, rgba(127,127,127,.18)); opacity: 1; }
.pagenav .page-numbers { cursor: pointer; }
/* 组合模块 PC 端为左右两列；后台预览不加载 main.css 的 .flex 工具类，这里需自声明。 */
.widget-slider-graphic { display: flex; gap: 10px; align-items: stretch; }
.widget-slider-graphic .slider-col { width: var(--layout-ratio, 60%); min-width: 0; }
.widget-slider-graphic .cover-col { width: calc(100% - var(--layout-ratio, 60%)); }
.widget-slider-graphic .widget-graphic-cover { height: 100%; }
.widget-slider-graphic .widget-graphic-cover > .row { height: 100%; margin: 0 -5px; }
.widget-slider-graphic .widget-graphic-cover > .row > [class*="col-"] { height: 100%; padding: 0 5px; }
.widget-slider-graphic .graphic-cover-title { position: absolute; right: 10px; bottom: 10px; left: 10px; z-index: 1; }
.new-swiper.slide-widget { overflow: hidden; position: relative; }
.new-swiper.slide-widget .swiper-wrapper { height: var(--pc-height, auto); }
.new-swiper.slide-widget.scale-height { height: 0; padding-bottom: var(--scale-height, 35%); }
.new-swiper.slide-widget.scale-height .swiper-wrapper { position: absolute; inset: 0; height: 100%; }
.new-swiper.slide-widget .swiper-slide > a, .new-swiper.slide-widget .swiper-slide > span { position: relative; display: block; width: 100%; height: 100%; }
.new-swiper.slide-widget .swiper-slide img, .new-swiper.slide-widget .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }
.new-swiper.slide-widget .slide-layer { z-index: 1; }
.new-swiper.slide-widget .slide-text { z-index: 2; }
.new-swiper.slide-widget .slide-text.left-bottom { left: 8%; bottom: 10%; }
.new-swiper.slide-widget .slide-text.left-conter { left: 8%; top: 50%; transform: translateY(-50%); }
.new-swiper.slide-widget .slide-text.conter-conter, .new-swiper.slide-widget .slide-text.conter-bottom { left: 50%; transform: translateX(-50%); text-align: center; }
.new-swiper.slide-widget .slide-text.conter-conter { top: 50%; transform: translate(-50%, -50%); }
.new-swiper.slide-widget .slide-text.conter-bottom { bottom: 10%; }
.new-swiper.slide-widget .slide-text.right-conter { right: 8%; top: 50%; transform: translateY(-50%); text-align: right; }
.new-swiper.slide-widget .slide-text.right-bottom { right: 8%; bottom: 10%; text-align: right; }
.new-swiper.slide-widget .slide-title { font-size: var(--text-size-pc, 30px); }
.new-swiper.slide-widget .slide-desc { margin-top: .6em; font-size: 60%; }
@media (max-width: 767px) {
  .new-swiper.slide-widget .swiper-wrapper { height: var(--m-height, auto); }
  .new-swiper.slide-widget .slide-title { font-size: var(--text-size-m, 20px); }
  .widget-slider-graphic { display: block; }
  .widget-slider-graphic.m-default { display: flex; }
  .widget-slider-graphic.m-default .slider-col { width: var(--layout-ratio, 60%); }
  .widget-slider-graphic.m-default .cover-col { width: calc(100% - var(--layout-ratio, 60%)); }
  .widget-slider-graphic .slider-col, .widget-slider-graphic .cover-col { width: 100%; }
  .widget-slider-graphic.m-hide_slide .slider-col, .widget-slider-graphic.m-hide_cover .cover-col { display: none; }
  .widget-slider-graphic .cover-col { width: 100%; }
  .widget-slider-graphic .widget-graphic-cover > .row { height: auto; }
  .widget-slider-graphic .widget-graphic-cover > .row > [class*="col-"] { height: auto; }
  .widget-slider-graphic .cover-col .graphic-text { font-size: var(--font-size-sm, 14px); font-weight: var(--font-weight-sm, normal); color: var(--color-sm, inherit); }
}
@keyframes jio-widget-fade { from { opacity: 0; } }@keyframes jio-widget-slideup { from { opacity:0;transform:translateY(25px); } }@keyframes jio-widget-slidedown { from { opacity:0;transform:translateY(-25px); } }@keyframes jio-widget-slideright { from { opacity:0;transform:translateX(-25px); } }@keyframes jio-widget-slideleft { from { opacity:0;transform:translateX(25px); } }@keyframes jio-widget-zoomin { from { opacity:0;transform:scale(.9); } }@keyframes jio-widget-zoomout { from { opacity:0;transform:scale(1.1); } }