/* Avbebe 粉盒主题 — 卡哇伊动漫风（浅色 / 盒式 / 粉强调 · 纯 CSS 特效低带宽） */
:root {
  --avb-pink: #ff8fb8;
  --avb-pink-hot: #ff4d8d;
  --avb-pink-soft: #fff0f6;
  --avb-lavender: #c9b6ff;
  --avb-mint: #7fe0d0;
  --avb-cream: #fff7fb;
  --avb-text: #3a2f36;
  --avb-muted: #8a7a84;
  --avb-line: #f0dce6;
  --avb-bg: #fff5f9;
  --avb-card: #ffffff;
  --avb-max: 1200px;
  --avb-radius: 14px;
  --avb-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body.avb-app {
  font-family: var(--avb-font);
  background: var(--avb-bg);
  color: var(--avb-text);
  line-height: 1.55;
  min-height: 100vh;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.avb-wrap { max-width: var(--avb-max); margin: 0 auto; padding: 0 14px; }

/* Top bar */
.avb-topbar {
  background: #fff;
  border-bottom: 1px solid var(--avb-line);
  position: sticky;
  top: 0;
  z-index: 40;
  box-shadow: 0 1px 0 rgba(237, 161, 189, 0.25);
}
.avb-topbar-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 64px;
}
.avb-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 22px;
  color: var(--avb-pink-hot);
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.avb-logo-mark {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--avb-pink), var(--avb-pink-hot));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.avb-logo-img {
  display: block;
  height: 58px;
  width: auto;
  max-width: min(300px, 68vw);
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(255, 64, 129, 0.22));
}
@media (max-width: 720px) {
  .avb-logo-img {
    height: 46px;
    max-width: min(240px, 70vw);
  }
}
.avb-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
  flex: 1;
  align-items: center;
}
.avb-nav a {
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: var(--avb-text);
}
.avb-nav a:hover,
.avb-nav a.is-active {
  background: var(--avb-pink-soft);
  color: var(--avb-pink-hot);
}
.avb-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.avb-search {
  display: flex;
  border: 1px solid var(--avb-line);
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}
.avb-search input {
  border: 0;
  outline: 0;
  padding: 8px 12px;
  width: 160px;
  font-size: 13px;
}
.avb-search button {
  border: 0;
  background: var(--avb-pink-hot);
  color: #fff;
  padding: 0 14px;
  cursor: pointer;
  font-weight: 600;
}
.avb-menu-btn {
  display: none;
  border: 1px solid var(--avb-line);
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  cursor: pointer;
}

/* Box shell like jeg_boxed */
.avb-main {
  padding: 18px 0 40px;
}
.avb-box {
  background: var(--avb-card);
  border: 1px solid var(--avb-line);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

/* Section */
.avb-sec { margin-bottom: 22px; }
.avb-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--avb-pink);
}
.avb-sec-head h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
}
.avb-sec-head h2 em {
  font-style: normal;
  color: var(--avb-pink-hot);
}
.avb-sec-head .more {
  color: var(--avb-muted);
  font-size: 13px;
}
.avb-sec-head .more:hover { color: var(--avb-pink-hot); }

/* Video / comic grids */
.avb-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.avb-grid.cols-6 { grid-template-columns: repeat(6, 1fr); }
.avb-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }

.avb-card {
  display: block;
  background: #fff;
  border-radius: var(--avb-radius);
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.avb-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(242, 41, 91, 0.12);
}
.avb-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #eee;
  overflow: hidden;
  /* 锁死高度，避免长图把卡片撑爆 */
  max-height: none;
}
.avb-thumb.comic {
  aspect-ratio: 3 / 4;
}
.avb-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.avb-badge {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: rgba(242, 41, 91, 0.9);
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
}
.avb-badge.soft {
  background: rgba(0, 0, 0, 0.55);
}
.avb-card-title {
  margin: 8px 4px 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}
.avb-card-sub {
  margin: 0 4px 8px;
  font-size: 12px;
  color: var(--avb-muted);
}

/* 双层导航：大分类 + 胶囊子分类 */
.avb-dual-nav {
  padding: 0 0 10px;
}
.avb-zone-bar {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px 14px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4px 0 8px;
  scrollbar-width: none;
}
.avb-zone-bar::-webkit-scrollbar { display: none; }
.avb-zone {
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 600;
  color: #9a9a9a;
  padding: 4px 2px;
  white-space: nowrap;
}
.avb-zone.is-on {
  color: #222;
  font-weight: 800;
  font-size: 16px;
}
.avb-subnav {
  background: #fff;
  border: 1px solid var(--avb-line);
  border-radius: 999px;
  padding: 6px 10px;
  box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
.avb-subnav-inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.avb-subnav-inner::-webkit-scrollbar { display: none; }
.avb-subnav a {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 600;
  color: #888;
  padding: 4px 2px;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}
.avb-subnav a.is-on {
  color: var(--avb-pink-hot);
  border-bottom-color: var(--avb-pink-hot);
}

/* Tabs under section (legacy) */
.avb-tabs,
.avb-sec-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.avb-sec-tabs {
  margin: -2px 0 12px;
}
.avb-tabs a,
.avb-sec-tabs a {
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--avb-pink-soft);
  color: var(--avb-pink-hot);
  font-size: 13px;
  font-weight: 700;
}
.avb-tabs a.is-active,
.avb-tabs a:hover,
.avb-sec-tabs a.is-active,
.avb-sec-tabs a:hover {
  background: var(--avb-pink-hot);
  color: #fff;
}

/* Detail / list reuse */
.avb-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-top: 18px;
}
.avb-pager a {
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--avb-line);
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
}
.avb-pager a.active,
.avb-pager a:hover {
  background: var(--avb-pink-hot);
  border-color: var(--avb-pink-hot);
  color: #fff;
}

.avb-footer {
  margin-top: 24px;
  padding: 24px 0;
  text-align: center;
  color: var(--avb-muted);
  font-size: 13px;
  border-top: 1px solid var(--avb-line);
  background: #fff;
}
.avb-footer a { color: var(--avb-pink-hot); }

.empty-tip {
  padding: 40px 12px;
  text-align: center;
  color: var(--avb-muted);
}

/* Mobile */
@media (max-width: 1024px) {
  .avb-grid { grid-template-columns: repeat(3, 1fr); }
  .avb-grid.cols-6,
  .avb-grid.cols-5 { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px) {
  .avb-menu-btn { display: inline-flex; }
  .avb-nav {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 64px;
    background: #fff;
    border-bottom: 1px solid var(--avb-line);
    padding: 10px 14px 14px;
    flex-direction: column;
    align-items: stretch;
  }
  .avb-nav.is-open { display: flex; }
  .avb-search input { width: 110px; }
  .avb-grid,
  .avb-grid.cols-6,
  .avb-grid.cols-5 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .avb-sec-head h2 { font-size: 17px; }
  .avb-card-title { font-size: 13px; }
}

/* Video detail minimal overrides when inside theme */
.avb-app .section-head h2 { border-left: 3px solid var(--avb-pink-hot); padding-left: 10px; }
.avb-app .video-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 768px) {
  .avb-app .video-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ========== 卡哇伊氛围层（纯 CSS，无外链图） ========== */
.avb-bg-deco {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 50% 40% at 12% 8%, rgba(255, 143, 184, 0.22), transparent 60%),
    radial-gradient(ellipse 40% 35% at 90% 12%, rgba(201, 182, 255, 0.2), transparent 55%),
    radial-gradient(ellipse 45% 30% at 70% 90%, rgba(127, 224, 208, 0.14), transparent 50%);
}
.avb-topbar,
.avb-main,
.avb-footer { position: relative; z-index: 1; }

.avb-logo-mark {
  animation: avb-heartbeat 1.8s ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(255, 77, 141, 0.35);
}
@keyframes avb-heartbeat {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 141, 0.35); }
  40% { transform: scale(1.08); box-shadow: 0 0 0 8px rgba(255, 77, 141, 0); }
}

.avb-card {
  border-radius: 12px;
  border: 1px solid rgba(255, 143, 184, 0.18);
}
.avb-card:hover {
  transform: translateY(-4px) rotate(-0.4deg);
  box-shadow: 0 12px 28px rgba(255, 77, 141, 0.16);
}
.avb-thumb::after {
  content: "";
  position: absolute;
  inset: auto 8px 8px auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff, var(--avb-pink-hot));
  opacity: 0;
  transform: scale(0.4);
  transition: 0.25s ease;
}
.avb-card:hover .avb-thumb::after {
  opacity: 0.9;
  transform: scale(1);
}
.avb-box {
  border-radius: 16px;
  border-color: rgba(255, 143, 184, 0.28);
  background: linear-gradient(180deg, #fff 0%, var(--avb-cream) 100%);
  box-shadow: 0 8px 28px rgba(255, 77, 141, 0.06);
}
.avb-sec-head {
  border-bottom-width: 3px;
  border-image: linear-gradient(90deg, var(--avb-pink-hot), var(--avb-lavender), transparent) 1;
}
.avb-zone.is-on::after {
  content: "✦";
  margin-left: 4px;
  color: var(--avb-pink-hot);
  font-size: 11px;
}
.avb-footer-hearts {
  margin: 0 0 6px;
  letter-spacing: 6px;
  color: var(--avb-pink);
  animation: avb-twinkle 2.4s ease-in-out infinite;
}
@keyframes avb-twinkle {
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}

/* ========== 视频详情页 ========== */
.avb-vd { margin-bottom: 18px; }
.avb-vd-shell {
  display: grid;
  grid-template-columns: minmax(240px, 380px) 1fr;
  gap: 22px;
  align-items: start;
}
.avb-vd-cover {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #f3e6ee;
  box-shadow: 0 10px 30px rgba(255, 77, 141, 0.18);
  border: 2px solid rgba(255, 255, 255, 0.9);
}
.avb-vd-cover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.35s ease;
}
.avb-vd-cover:hover img { transform: scale(1.04); }
.avb-vd-play-bubble {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--avb-pink), var(--avb-pink-hot));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 8px 24px rgba(255, 77, 141, 0.4);
  animation: avb-bounce 2s ease-in-out infinite;
}
@keyframes avb-bounce {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
.avb-vd-spark {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,0.55) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 28%, rgba(255,255,255,0.45) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 78%, rgba(255,255,255,0.4) 0 2.5px, transparent 3.5px);
  pointer-events: none;
  animation: avb-sparkle 3s linear infinite;
}
@keyframes avb-sparkle {
  0% { opacity: 0.35; }
  50% { opacity: 0.9; }
  100% { opacity: 0.35; }
}
.avb-vd-dur {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(40, 20, 30, 0.65);
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
}
.avb-vd-eyebrow {
  margin: 0 0 6px;
  color: var(--avb-pink-hot);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}
.avb-vd-title {
  margin: 0 0 12px;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--avb-text);
}
.avb-vd-meta {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.avb-vd-meta li {
  background: var(--avb-pink-soft);
  color: var(--avb-muted);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
}
.avb-vd-meta a { color: var(--avb-pink-hot); }
.avb-vd-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.avb-vd-play {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--avb-pink-hot), #ff7eb3 50%, var(--avb-lavender));
  color: #fff !important;
  font-weight: 800;
  font-size: 15px;
  box-shadow: 0 8px 20px rgba(255, 77, 141, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.avb-vd-play:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 26px rgba(255, 77, 141, 0.42);
}
.avb-vd-play-ico {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.avb-vd-desc {
  background: #fff;
  border: 1px dashed rgba(255, 143, 184, 0.45);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--avb-muted);
  font-size: 14px;
  line-height: 1.65;
}
.avb-app .avb-vd-fav .play-action-btn {
  border-radius: 999px;
  border: 1px solid var(--avb-line);
  background: #fff;
  color: var(--avb-pink-hot);
  padding: 10px 14px;
}
.avb-app .avb-vd-fav .play-action-btn.is-on {
  background: var(--avb-pink-soft);
  border-color: var(--avb-pink);
}

@media (max-width: 820px) {
  .avb-vd-shell { grid-template-columns: 1fr; }
  .avb-vd-title { font-size: 20px; }
}

/* ========== 播放页美化 ========== */
.avb-app .player-wrap,
.avb-page-play .player-wrap {
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid rgba(255, 143, 184, 0.35);
  box-shadow: 0 14px 40px rgba(255, 77, 141, 0.16);
  background: #1a1016;
}
.avb-app .player-bar {
  background: linear-gradient(180deg, rgba(40, 18, 28, 0.2), rgba(40, 18, 28, 0.92));
  backdrop-filter: blur(6px);
}
.avb-app .player-bar .pbtn:hover {
  background: rgba(255, 77, 141, 0.35);
}
.avb-app .player-bar .pseek-fill,
.avb-app .pseek-fill {
  background: linear-gradient(90deg, var(--avb-pink), var(--avb-lavender)) !important;
}
.avb-app .play-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.avb-app .play-sources button,
.avb-app .play-sources .source-btn,
.avb-app .play-sources a {
  border-radius: 999px !important;
  border: 1px solid var(--avb-line) !important;
  background: #fff !important;
  color: var(--avb-text) !important;
  padding: 7px 14px !important;
  font-weight: 700 !important;
}
.avb-app .play-sources button.is-on,
.avb-app .play-sources .source-btn.is-on,
.avb-app .play-sources button.active {
  background: linear-gradient(135deg, var(--avb-pink-hot), var(--avb-lavender)) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.avb-app .play-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 8px 0 16px;
}
.avb-app .play-action-btn {
  border-radius: 999px;
  border: 1px solid var(--avb-line);
  background: #fff;
  padding: 8px 14px;
  font-weight: 700;
  color: var(--avb-pink-hot);
  cursor: pointer;
}
.avb-app .play-action-btn.is-on {
  background: var(--avb-pink-soft);
}
.avb-app .player-tip {
  color: #ffc1d8;
  font-size: 13px;
}
.avb-app .player-lock-card {
  border-radius: 18px;
  border: 1px solid rgba(255, 143, 184, 0.35);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 32px rgba(255, 77, 141, 0.2);
}
.avb-app .btn-lock,
.avb-app .btn-lock-vip {
  border-radius: 999px !important;
}
.avb-app .btn-lock-vip {
  background: linear-gradient(135deg, var(--avb-pink-hot), var(--avb-lavender)) !important;
  border: 0 !important;
  color: #fff !important;
}
.avb-app h1.play-title,
.avb-app .play-title,
.avb-app .video-title {
  font-weight: 800;
  color: var(--avb-text);
}
.avb-app .video-meta,
.avb-app .play-meta {
  color: var(--avb-muted);
}

/* 相关推荐区 */
.avb-app .section,
.avb-app .related-section {
  margin-top: 18px;
  padding: 14px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--avb-line);
}

@media (prefers-reduced-motion: reduce) {
  .avb-logo-mark,
  .avb-vd-play-bubble,
  .avb-vd-spark,
  .avb-footer-hearts,
  .avb-card,
  .avb-vd-cover img {
    animation: none !important;
    transition: none !important;
  }
}

/* ========== 广告位 / 幻灯片 / 图标 ========== */
.avb-slide-wrap {
  margin: 0 0 16px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--avb-line);
  box-shadow: 0 8px 24px rgba(255, 77, 141, 0.08);
  background: #fff;
}
.avb-app .mayi-slideshow {
  border-radius: 16px;
}
.avb-icon-ads,
.avb-app .home-icon-ads {
  margin: 0 0 14px;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--avb-line);
  border-radius: 16px;
}
@media (max-width: 720px) {
  body.avb-app:not(.m-home-icon-off) .home-icon-ads,
  body.avb-app:not(.m-home-icon-off) .avb-icon-ads {
    display: block !important;
  }
}
.avb-app .ad-icon-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.avb-app .ad-icon-item {
  text-align: center;
  font-size: 12px;
  color: var(--avb-muted);
}
.avb-app .ad-icon-thumb {
  width: 52px;
  height: 52px;
  margin: 0 auto 6px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--avb-pink-soft);
  display: flex;
  align-items: center;
  justify-content: center;
}
.avb-app .ad-icon-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avb-banner-ads,
.avb-app .home-banner-ads {
  margin: 0 0 14px;
}
.avb-app .ad-banner,
.avb-app .ad-banner-img {
  display: block;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid var(--avb-line);
}
.avb-app .ad-banner-img img {
  width: 100%;
  display: block;
}
.avb-app .ad-html {
  margin: 10px 0;
  border-radius: 12px;
  overflow: hidden;
}
.avb-app .vf-ad-card,
.avb-app .video-frame-ad {
  border-radius: 12px;
  overflow: hidden;
  border: 1px dashed rgba(255, 143, 184, 0.5);
  background: var(--avb-pink-soft);
}
.avb-friend-links {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--avb-muted);
}
.avb-friend-links a { color: var(--avb-pink-hot); }
.avb-friend-links .dot { margin: 0 6px; opacity: 0.5; }
.avb-footer-mail { opacity: 0.85; }
.avb-app .notice-bar,
.avb-app .site-notice-bar {
  margin-bottom: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--avb-pink-soft), #fff);
  border: 1px solid var(--avb-line);
  color: var(--avb-pink-hot);
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
}
.avb-comic-detail {
  background: #fff;
  border: 1px solid var(--avb-line);
  border-radius: 16px;
  padding: 16px;
}


/*MAYI_ICON_TXT*/
/* 图标广告：手机一行5个 + 文字加大加深（防融进粉白底） */
.avb-app .ad-icon-grid,
.avb-app .home-icon-ads .ad-icon-grid,
.avb-app .avb-icon-ads .ad-icon-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px 6px !important;
}
.avb-app .ad-icon-item {
  color: #2d2430 !important;
  font-weight: 700 !important;
}
.avb-app .ad-icon-name {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2d2430 !important;
  line-height: 1.25 !important;
  -webkit-text-fill-color: #2d2430 !important;
}
@media (max-width: 720px) {
  .avb-app .ad-icon-grid,
  .avb-app .home-icon-ads .ad-icon-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px 4px !important;
  }
  .avb-app .ad-icon-thumb {
    width: clamp(40px, 14vw, 52px) !important;
    height: clamp(40px, 14vw, 52px) !important;
  }
  .avb-app .ad-icon-name,
  .avb-app .ad-icon-item {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #2d2430 !important;
    -webkit-text-fill-color: #2d2430 !important;
  }
}
/*MAYI_ICON_TXT_END*/


/*MAYI_LOGO*/
.avb-logo{
  display:inline-flex!important;align-items:center;gap:8px;
  font-weight:900;white-space:nowrap;text-decoration:none!important;
  max-width:min(58vw,280px);
}
.avb-logo-mark{
  flex:0 0 auto;width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,#ff8fb8,#ff4d8d 55%,#c9b6ff);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;box-shadow:0 4px 12px rgba(255,77,141,.35);
}
.avb-logo-text{
  font-weight:900;font-size:clamp(16px,4.6vw,22px);line-height:1.15;letter-spacing:1px;
  background:linear-gradient(90deg,#ff4d8d,#ff7eb3 45%,#a78bfa);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  overflow:hidden;text-overflow:ellipsis;
}
.avb-logo-img{display:none!important}
@media (max-width:720px){
  .avb-logo{gap:6px;max-width:min(52vw,210px)}
  .avb-logo-mark{width:30px;height:30px;font-size:14px}
  .avb-logo-text{font-size:clamp(14px,4.2vw,18px);letter-spacing:.5px}
}
/*MAYI_LOGO_END*/