/* 成品22 · mosaic-hall · 马赛克映厅 · 冷灰泥五彩砖 */
.sf-body[data-skin="mosaic-hall"]{
  --mx-plaster:#e8eef5;
  --mx-teal:#0d9488;
  --mx-terra:#e76f51;
  --mx-cobalt:#2563eb;
  --mx-mustard:#eab308;
  --mx-plum:#a855f7;
  --mx-ink:#1e293b;
  --mx-muted:#64748b;
  --mx-line:rgba(30,41,59,.12);
  --mx-serif:"DM Sans","Noto Sans SC",sans-serif;
  --mx-max:1180px;
  background:
    radial-gradient(ellipse 70% 40% at 10% 0%, rgba(13,148,136,.1), transparent 55%),
    radial-gradient(ellipse 50% 35% at 90% 8%, rgba(168,85,247,.08), transparent 50%),
    radial-gradient(ellipse 60% 30% at 50% 100%, rgba(231,111,81,.07), transparent 55%),
    linear-gradient(180deg,#f3f7fb 0%,var(--mx-plaster) 40%,#e2eaf3 100%)!important;
  color:var(--mx-ink)!important;
  font-family:var(--mx-serif)!important;
  color-scheme:light!important;
}
.sf-body[data-skin="mosaic-hall"] a{color:var(--mx-cobalt)}
.sf-body[data-skin="mosaic-hall"] a:hover{color:var(--mx-terra)}
.sf-body[data-skin="mosaic-hall"] h1,
.sf-body[data-skin="mosaic-hall"] h2,
.sf-body[data-skin="mosaic-hall"] .mx-brand strong{
  font-family:var(--mx-serif);letter-spacing:-.02em;
}

/* 方粒碎光 */
.mx-glitter{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mx-glitter i{
  position:absolute;left:var(--ax);bottom:-12px;
  width:var(--as);height:var(--as);
  background:rgba(var(--c),.55);
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;
  animation:mx-rise var(--ad) linear infinite;
  animation-delay:var(--adelay);
  opacity:.55;
}
@keyframes mx-rise{
  0%{transform:translate3d(0,0,0) rotate(0deg) scale(.7);opacity:0}
  12%{opacity:.65}
  100%{transform:translate3d(var(--drift),-115vh,0) rotate(var(--rot)) scale(1);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .mx-glitter i{animation:none;bottom:auto;top:18%;opacity:.28}
}

.sf-body[data-skin="mosaic-hall"] .sf-main,
.sf-body[data-skin="mosaic-hall"] main.mx-main{
  position:relative;z-index:1;
  max-width:var(--mx-max)!important;margin:0 auto!important;
  padding:18px 18px 40px!important;box-sizing:border-box;
}

/* ── 顶栏：不规则彩砖带（非棋格） ── */
.mx-head{
  position:sticky;top:0;z-index:90;
  background:rgba(243,247,251,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--mx-line);
  box-shadow:0 8px 24px rgba(30,41,59,.06);
}
.mx-head__frieze{
  display:grid;grid-template-columns:repeat(24,1fr);height:8px;
  overflow:hidden;
}
.mx-head__frieze span{display:block;min-width:0}
.mx-head__frieze span:nth-child(5n+1){background:var(--mx-teal)}
.mx-head__frieze span:nth-child(5n+2){background:var(--mx-terra)}
.mx-head__frieze span:nth-child(5n+3){background:var(--mx-cobalt)}
.mx-head__frieze span:nth-child(5n+4){background:var(--mx-mustard)}
.mx-head__frieze span:nth-child(5n+5){background:var(--mx-plum)}
.mx-head__frieze span:nth-child(7n){grid-column:span 2}
.mx-head__bar{
  max-width:var(--mx-max);margin:0 auto;
  display:grid;grid-template-columns:auto 1fr auto auto;
  align-items:center;gap:12px 16px;
  padding:12px 18px 10px;
}
.mx-brand{
  display:flex;align-items:center;gap:10px;
  color:var(--mx-ink)!important;text-decoration:none!important;
}
.mx-brand__tile{
  width:40px;height:40px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--mx-teal),var(--mx-cobalt));
  color:#fff;font-weight:900;font-size:1rem;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  box-shadow:0 6px 14px rgba(13,148,136,.28);
}
.mx-brand__text{display:flex;flex-direction:column;line-height:1.15}
.mx-brand__text strong{font-size:1.2rem;font-weight:800;color:var(--mx-ink)}
.mx-brand__text small{font-size:.72rem;color:var(--mx-muted);font-weight:600}
.mx-search{
  display:flex;max-width:360px;width:100%;justify-self:end;
  border:2px solid rgba(13,148,136,.35);border-radius:6px;overflow:hidden;background:#fff;
}
.mx-search input{
  flex:1;min-width:0;border:0;outline:0;padding:10px 12px;background:transparent;color:var(--mx-ink);
}
.mx-search button{
  border:0;padding:0 16px;background:var(--mx-terra);color:#fff;font-weight:800;letter-spacing:.04em;
}
.mx-toggle{
  display:none;width:42px;height:42px;border-radius:6px;
  border:1px solid var(--mx-line);background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.mx-toggle span{display:block;width:18px;height:2px;background:var(--mx-ink);border-radius:1px}
.mx-nav{
  grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 4px;
  padding:0 18px 12px;max-width:var(--mx-max);margin:0 auto;width:100%;box-sizing:border-box;
}
.mx-nav a{
  padding:7px 12px;border-radius:4px;font-weight:700;font-size:.9rem;
  color:var(--mx-ink)!important;background:transparent;border:1px solid transparent;
}
.mx-nav a:hover{background:#fff;border-color:var(--mx-line);color:var(--mx-teal)!important}
@media (max-width:820px){
  .mx-head__bar{grid-template-columns:1fr auto;gap:10px}
  .mx-brand__text small{display:none}
  .mx-search{grid-column:1/-1;max-width:none;justify-self:stretch;order:3}
  .mx-toggle{display:flex;order:2}
  .mx-nav{
    display:none;flex-direction:column;gap:0;padding:0 12px 12px;
  }
  .mx-nav.open{display:flex}
  .mx-nav a{padding:12px 14px;border-bottom:1px solid var(--mx-line)}
}

/* ── 首屏：砌筑开窗（非椭圆瓷盘/非气泡湾） ── */
.mx-hero{
  position:relative;z-index:1;
  margin:0 0 22px;padding:22px 20px;
  background:#fff;border:1px solid var(--mx-line);border-radius:12px;
  box-shadow:0 12px 32px rgba(30,41,59,.06);
  overflow:hidden;
}
.mx-hero::before{
  content:"";position:absolute;inset:0 auto 0 0;width:8px;
  background:linear-gradient(180deg,var(--mx-teal),var(--mx-terra),var(--mx-cobalt),var(--mx-mustard),var(--mx-plum));
}
.mx-hero__shelf{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:22px 28px;align-items:center;
}
.mx-hero__kicker{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;
  font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--mx-teal);
}
.mx-hero__kicker::before{
  content:"";width:14px;height:14px;background:var(--mx-terra);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
.mx-hero h1{margin:0 0 12px;font-size:clamp(1.85rem,4vw,2.7rem);line-height:1.15;color:var(--mx-ink)}
.mx-hero__desc{margin:0 0 18px;color:var(--mx-muted);line-height:1.75;max-width:36em}
.mx-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.mx-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 18px;border-radius:6px;text-decoration:none!important;font-weight:800;
  border:1px solid transparent;transition:transform .2s,filter .2s;
}
.mx-btn--hot{background:var(--mx-teal);color:#fff!important;box-shadow:0 8px 18px rgba(13,148,136,.28)}
.mx-btn--ghost{background:transparent;border-color:var(--mx-cobalt);color:var(--mx-cobalt)!important}
.mx-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.mx-hero__masonry{
  display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;
  gap:10px;align-items:end;
}
.mx-hero__tile{
  position:relative;display:block;overflow:hidden;text-decoration:none;
  border:3px solid #fff;box-shadow:0 10px 24px rgba(30,41,59,.14);
  background:#cbd5e1;
}
.mx-hero__tile img{
  position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 20%;display:block;
}
.mx-hero__tile--a{
  grid-row:1/3;aspect-ratio:3/4;border-radius:18px 6px 18px 6px;
  border-color:var(--mx-teal);transform:rotate(-2deg);
}
.mx-hero__tile--b{
  aspect-ratio:5/4;border-radius:6px 18px 6px 18px;
  border-color:var(--mx-terra);transform:rotate(2.5deg) translateY(6px);
}
.mx-hero__tile--c{
  aspect-ratio:1/1;border-radius:50% 12% 50% 12%;
  border-color:var(--mx-cobalt);transform:rotate(-1.5deg);
}
.mx-hero__tile:hover{z-index:2;filter:brightness(1.03)}
.mx-hero__cap{
  margin:14px 0 0;text-align:center;font-size:.84rem;color:var(--mx-muted);
}
.mx-hero__cap strong{color:var(--mx-ink);margin-right:8px}
@media (max-width:820px){
  .mx-hero{padding:16px 14px}
  .mx-hero__shelf{grid-template-columns:1fr;gap:16px}
  .mx-hero__masonry{max-width:320px;margin:0 auto}
  .mx-hero h1{font-size:clamp(1.55rem,7vw,1.95rem)}
}

/* ── 中部区块 / 砌砖卡片（打磨版） ── */
.sf-body[data-skin="mosaic-hall"] .sf-block,
.sf-body[data-skin="mosaic-hall"] .mx-zone{
  margin:0 0 24px;padding:18px 18px 20px;
  background:#fff;
  border:1px solid var(--mx-line);border-radius:14px;
  box-sizing:border-box;
  box-shadow:0 10px 28px rgba(30,41,59,.05);
  position:relative;overflow:hidden;
}
.sf-body[data-skin="mosaic-hall"] .sf-block::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,var(--mx-teal),var(--mx-terra),var(--mx-cobalt),var(--mx-mustard),var(--mx-plum));
}
.sf-body[data-skin="mosaic-hall"] .sf-block__head{
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  margin:4px 0 16px;padding:0 0 14px;
  border-bottom:1px solid rgba(30,41,59,.08);
}
.sf-body[data-skin="mosaic-hall"] .sf-block__title{
  display:flex!important;align-items:center;gap:10px;
}
.sf-body[data-skin="mosaic-hall"] .sf-block__title h2{
  margin:0!important;font-size:1.22rem!important;color:var(--mx-ink)!important;font-weight:800!important;
  letter-spacing:-.02em;
}
.sf-body[data-skin="mosaic-hall"] .sf-block__flare{
  width:14px!important;height:14px!important;border-radius:2px!important;
  background:conic-gradient(var(--mx-teal),var(--mx-terra),var(--mx-cobalt),var(--mx-mustard),var(--mx-plum),var(--mx-teal))!important;
  box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(13,148,136,.25);
}
.sf-body[data-skin="mosaic-hall"] .sf-block__more{
  color:var(--mx-terra)!important;font-weight:800!important;font-size:.88rem!important;
  text-decoration:none!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-block__more:hover{color:var(--mx-teal)!important}

/* 强制等宽网格：盖死母模版 bento 跨格 + layout-form auto-fill */
.sf-body[data-skin="mosaic-hall"] .sf-grid,
.sf-body[data-skin="mosaic-hall"] .sf-grid--cat,
.sf-body[data-skin="mosaic-hall"] .sf-rank-scroll,
.sf-body[data-skin="mosaic-hall"] .sf-bento,
.sf-body[data-skin="mosaic-hall"] .movie-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:unset!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  justify-items:stretch!important;
  gap:16px!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
/* 清掉一切跨行跨列（含 6n+1 大卡） */
.sf-body[data-skin="mosaic-hall"] .sf-bento > .sf-card,
.sf-body[data-skin="mosaic-hall"] .sf-bento > .sf-card:nth-child(n),
.sf-body[data-skin="mosaic-hall"] .sf-grid > .sf-card,
.sf-body[data-skin="mosaic-hall"] .movie-grid > .sf-card{
  grid-column:span 1 / span 1!important;
  grid-row:span 1 / span 1!important;
  grid-area:auto!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  align-self:start!important;
  justify-self:stretch!important;
}
@media (max-width:1100px){
  .sf-body[data-skin="mosaic-hall"] .sf-grid,
  .sf-body[data-skin="mosaic-hall"] .sf-grid--cat,
  .sf-body[data-skin="mosaic-hall"] .sf-rank-scroll,
  .sf-body[data-skin="mosaic-hall"] .sf-bento,
  .sf-body[data-skin="mosaic-hall"] .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .sf-body[data-skin="mosaic-hall"] .sf-grid,
  .sf-body[data-skin="mosaic-hall"] .sf-grid--cat,
  .sf-body[data-skin="mosaic-hall"] .sf-rank-scroll,
  .sf-body[data-skin="mosaic-hall"] .sf-bento,
  .sf-body[data-skin="mosaic-hall"] .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}

.sf-body[data-skin="mosaic-hall"] .sf-card{
  background:#fff!important;
  border-radius:12px!important;
  border:1px solid rgba(30,41,59,.1)!important;
  box-shadow:0 8px 22px rgba(30,41,59,.06)!important;
  overflow:hidden;
  height:auto!important;
  min-height:0!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  isolation:isolate;
}
.sf-body[data-skin="mosaic-hall"] .sf-card:hover{
  transform:translateY(-5px);
  border-color:rgba(13,148,136,.35)!important;
  box-shadow:0 16px 34px rgba(13,148,136,.16)!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__link{
  display:flex!important;flex-direction:column!important;
  height:auto!important;min-height:0!important;
  color:inherit!important;text-decoration:none!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__thumb{
  position:relative!important;
  display:block!important;
  width:100%!important;
  flex:0 0 auto!important;
  aspect-ratio:5/6!important;
  height:auto!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#d7e2ef,#c5d2e3)!important;
  border-bottom:5px solid var(--mx-teal)!important;
}
/* 右上马赛克角砖 */
.sf-body[data-skin="mosaic-hall"] .sf-card__thumb::after{
  content:"";position:absolute;right:0;top:0;z-index:2;
  width:22px;height:22px;
  background:linear-gradient(135deg,var(--mx-teal) 50%,transparent 50%);
  pointer-events:none;opacity:.9;
}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+1) .sf-card__thumb{border-bottom-color:var(--mx-teal)!important}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+2) .sf-card__thumb{border-bottom-color:var(--mx-terra)!important}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+3) .sf-card__thumb{border-bottom-color:var(--mx-cobalt)!important}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+4) .sf-card__thumb{border-bottom-color:var(--mx-mustard)!important}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+5) .sf-card__thumb{border-bottom-color:var(--mx-plum)!important}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+2) .sf-card__thumb::after{background:linear-gradient(135deg,var(--mx-terra) 50%,transparent 50%)}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+3) .sf-card__thumb::after{background:linear-gradient(135deg,var(--mx-cobalt) 50%,transparent 50%)}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+4) .sf-card__thumb::after{background:linear-gradient(135deg,var(--mx-mustard) 50%,transparent 50%)}
.sf-body[data-skin="mosaic-hall"] .sf-card:nth-child(5n+5) .sf-card__thumb::after{background:linear-gradient(135deg,var(--mx-plum) 50%,transparent 50%)}

/* 盖死母模版 img{height:auto;aspect-ratio:3/4}，杜绝留白 */
.sf-body[data-skin="mosaic-hall"] .sf-card__thumb img,
.sf-body[data-skin="mosaic-hall"] .sf-rank-scroll .sf-card__thumb img,
.sf-body[data-skin="mosaic-hall"] .sf-bento .sf-card__thumb img,
.sf-body[data-skin="mosaic-hall"] .sf-grid .sf-card__thumb img,
.sf-body[data-skin="mosaic-hall"] .movie-grid .sf-card__thumb img,
.sf-body[data-skin="mosaic-hall"] article.sf-card img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;object-position:center 15%!important;
  display:block!important;margin:0!important;padding:0!important;
  transform:none!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card:hover .sf-card__thumb img{
  transform:scale(1.06)!important;transition:transform .35s ease;
}

.sf-body[data-skin="mosaic-hall"] .sf-card__play{
  background:rgba(30,41,59,.28)!important;
  font-size:0!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__play::before{
  content:"";width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 20px rgba(30,41,59,.25);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d9488'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:18px;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__badge{
  position:absolute;left:8px;top:8px;z-index:3;
  padding:5px 9px;border-radius:4px;font-size:.68rem;font-weight:800;letter-spacing:.04em;
  background:linear-gradient(135deg,var(--mx-terra),#f4a261)!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(231,111,81,.35)!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__body{
  flex:0 0 auto!important;
  padding:9px 10px 10px!important;
  min-height:0!important;
  height:auto!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.sf-body[data-skin="mosaic-hall"] .sf-card__body h3{
  margin:0 0 5px!important;font-size:.9rem!important;line-height:1.3!important;
  min-height:0!important;height:auto!important;
  color:var(--mx-ink)!important;font-weight:800!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__meta{
  display:flex!important;flex-wrap:wrap;gap:4px!important;align-items:center;
  margin:0!important;padding:0!important;min-height:0!important;
  color:var(--mx-muted)!important;font-size:.7rem!important;font-weight:600!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__meta span{
  display:inline-flex;align-items:center;padding:2px 7px;border-radius:3px;
  background:rgba(30,41,59,.05);color:var(--mx-muted)!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-card__meta span:first-child{
  background:rgba(13,148,136,.12)!important;color:var(--mx-teal)!important;font-weight:800!important;
}

/* 快速分类彩砖条（盖过母模版深色 chips） */
.sf-body[data-skin="mosaic-hall"] .sf-chips{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  margin:0 0 18px!important;padding:12px 14px!important;
  background:#fff!important;border:1px solid var(--mx-line)!important;
  border-radius:10px!important;box-shadow:0 6px 16px rgba(30,41,59,.05)!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-chip{
  display:inline-flex!important;align-items:center;padding:8px 12px!important;
  border-radius:4px!important;font-weight:800!important;font-size:.86rem!important;
  background:rgba(13,148,136,.1)!important;color:var(--mx-ink)!important;
  border:1px solid transparent!important;text-decoration:none!important;
}
.sf-body[data-skin="mosaic-hall"] .sf-chip:nth-child(5n+1){background:rgba(13,148,136,.12)!important;color:var(--mx-teal)!important}
.sf-body[data-skin="mosaic-hall"] .sf-chip:nth-child(5n+2){background:rgba(231,111,81,.12)!important;color:var(--mx-terra)!important}
.sf-body[data-skin="mosaic-hall"] .sf-chip:nth-child(5n+3){background:rgba(37,99,235,.12)!important;color:var(--mx-cobalt)!important}
.sf-body[data-skin="mosaic-hall"] .sf-chip:nth-child(5n+4){background:rgba(234,179,8,.16)!important;color:#a16207!important}
.sf-body[data-skin="mosaic-hall"] .sf-chip:nth-child(5n+5){background:rgba(168,85,247,.12)!important;color:var(--mx-plum)!important}
.sf-body[data-skin="mosaic-hall"] .sf-chip--more{background:#1e293b!important;color:#fff!important}
.sf-body[data-skin="mosaic-hall"] .sf-chip:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* ── 分类页：马赛克砖墙 ── */
.mx-pagehead{
  margin:0 0 18px;padding:20px 18px;background:#fff;border-radius:12px;
  border:1px solid var(--mx-line);border-left:8px solid var(--mx-plum);
}
.mx-pagehead h1{margin:8px 0;font-size:clamp(1.5rem,3vw,2rem);color:var(--mx-ink)}
.mx-pagehead p{margin:0;color:var(--mx-muted);line-height:1.7}
.mx-catgrid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;
}
@media (max-width:900px){.mx-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mx-cat{
  display:flex;flex-direction:column;gap:6px;padding:16px 14px;
  background:#fff;border:1px solid var(--mx-line);border-radius:8px;
  text-decoration:none!important;color:var(--mx-ink)!important;
  box-shadow:0 6px 16px rgba(30,41,59,.05);
  border-top:5px solid var(--mx-teal);
  transition:transform .2s,box-shadow .2s;
}
.mx-cat:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(30,41,59,.1)}
.mx-cat--1{border-top-color:var(--mx-teal)}
.mx-cat--2{border-top-color:var(--mx-terra)}
.mx-cat--3{border-top-color:var(--mx-cobalt)}
.mx-cat--4{border-top-color:var(--mx-mustard)}
.mx-cat--5{border-top-color:var(--mx-plum)}
.mx-cat strong{font-size:1.05rem}
.mx-cat span{font-size:.8rem;color:var(--mx-muted)}

/* ── 播放页：砖沿坞 ── */
.sf-body[data-skin="mosaic-hall"] .sf-play{
  background:#fff;border:1px solid var(--mx-line);border-radius:12px;
  padding:16px;box-shadow:0 12px 28px rgba(30,41,59,.06);
}
.sf-body[data-skin="mosaic-hall"] .sf-play__head h1{color:var(--mx-ink)!important}
.sf-body[data-skin="mosaic-hall"] .sf-play__tags span{
  display:inline-flex;padding:4px 9px;margin:2px;border-radius:3px;
  background:rgba(13,148,136,.1);color:var(--mx-teal);font-weight:700;font-size:.78rem;
}
.sf-body[data-skin="mosaic-hall"] .sf-play__stage{
  position:relative;border-radius:10px;overflow:hidden;
  border:4px solid transparent;
  border-image:linear-gradient(90deg,var(--mx-teal),var(--mx-terra),var(--mx-cobalt),var(--mx-mustard),var(--mx-plum)) 1;
  background:#000;
}
.sf-body[data-skin="mosaic-hall"] .sf-play__stage video{
  width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#000;
}
.sf-body[data-skin="mosaic-hall"] .sf-play__meta{
  margin-top:14px;padding:14px;border-radius:8px;
  background:linear-gradient(180deg,#f8fafc,#eef3f9);
  border:1px solid var(--mx-line);
  border-top:4px solid var(--mx-teal);
}
.sf-body[data-skin="mosaic-hall"] .sf-facts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;
}
@media (max-width:700px){
  .sf-body[data-skin="mosaic-hall"] .sf-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sf-body[data-skin="mosaic-hall"] .sf-facts div{
  padding:8px 10px;background:#fff;border-radius:6px;border:1px solid var(--mx-line);
}
.sf-body[data-skin="mosaic-hall"] .sf-facts dt{font-size:.72rem;color:var(--mx-muted);font-weight:700}
.sf-body[data-skin="mosaic-hall"] .sf-facts dd{margin:2px 0 0;font-weight:800;color:var(--mx-ink)}
.sf-body[data-skin="mosaic-hall"] .sf-crumb a{color:var(--mx-cobalt)!important}

/* ── 页脚：砖带 ── */
.mx-foot{
  position:relative;z-index:1;margin-top:28px;
  background:#1e293b;color:#e2e8f0;
}
.mx-foot__frieze{
  display:grid;grid-template-columns:repeat(20,1fr);height:10px;
}
.mx-foot__frieze span:nth-child(5n+1){background:var(--mx-teal)}
.mx-foot__frieze span:nth-child(5n+2){background:var(--mx-terra)}
.mx-foot__frieze span:nth-child(5n+3){background:var(--mx-cobalt)}
.mx-foot__frieze span:nth-child(5n+4){background:var(--mx-mustard)}
.mx-foot__frieze span:nth-child(5n+5){background:var(--mx-plum)}
.mx-foot__inner{
  max-width:var(--mx-max);margin:0 auto;padding:22px 18px 28px;
  display:grid;gap:12px;
}
.mx-foot__logo{color:#fff!important;font-weight:900;font-size:1.15rem;text-decoration:none!important}
.mx-foot__tag{margin:0;color:#94a3b8;line-height:1.7;max-width:52em}
.mx-foot__nav{display:flex;flex-wrap:wrap;gap:10px 16px}
.mx-foot__nav a{color:#cbd5e1!important;font-weight:700;text-decoration:none!important}
.mx-foot__nav a:hover{color:#fff!important}
.mx-foot__seo{font-size:.78rem;color:#64748b}

/* 隐藏母模版残留深色壳 */
.sf-body[data-skin="mosaic-hall"] .sf-head,
.sf-body[data-skin="mosaic-hall"] .sf-foot{display:none!important}

/* pack22-cross · 跨端触摸与安全区 */
@supports (padding: max(0px)) {
  .sf-body[data-skin="mosaic-hall"] header.mx-head{padding-top:env(safe-area-inset-top)}
  .sf-body[data-skin="mosaic-hall"] footer.mx-foot{padding-bottom:env(safe-area-inset-bottom)}
}
.sf-body[data-skin="mosaic-hall"] .mx-search input,
.sf-body[data-skin="mosaic-hall"] .mx-search button,
.sf-body[data-skin="mosaic-hall"] .mx-btn,
.sf-body[data-skin="mosaic-hall"] .mx-nav a,
.sf-body[data-skin="mosaic-hall"] .mx-toggle,
.sf-body[data-skin="mosaic-hall"] .sf-chip{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  min-height:44px;
}
.sf-body[data-skin="mosaic-hall"] video#movie-player,
.sf-body[data-skin="mosaic-hall"] .sf-play__stage video{
  width:100%;max-width:100%;height:auto;display:block;
  aspect-ratio:16/9;object-fit:contain;background:#000;
}
.sf-body[data-skin="mosaic-hall"] img{max-width:100%}
@media (max-width:480px){
  .sf-body[data-skin="mosaic-hall"] .sf-card__body h3{font-size:.86rem!important;line-height:1.3!important}
  .sf-body[data-skin="mosaic-hall"] .mx-brand__text small{max-width:9.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sf-body[data-skin="mosaic-hall"] .mx-hero h1{font-size:clamp(1.55rem,7vw,1.9rem)!important}
  .sf-body[data-skin="mosaic-hall"] .sf-facts{grid-template-columns:1fr 1fr!important}
}