/* 云梦阁 · 页脚样式（版式取自参考站 xiaoxin-site-design 插件，作用域限定在 #colophon） */
#colophon { --xx-surface: #ffffff; --xx-surface-soft: #f6f8fb; --xx-surface-raised: #ffffff; --xx-text: #334155; --xx-title: #243148; --xx-muted: #606e83; --xx-border: #e2e7ef; --xx-accent: #456fae; --xx-hover: #f0f5fd; --xx-pink-wash: rgba(253, 224, 236, .62); --xx-blue-wash: rgba(221, 235, 255, .68); --xx-decoration: rgba(129, 157, 197, .13); --xx-gold-bg: #fff4d9; --xx-gold-text: #8a6729; --xx-gold-border: #ead9b2; --xx-blue-bg: #edf3fc; --xx-blue-text: #446da7; --xx-green-bg: #eaf5ef; --xx-green-text: #39775e; --xx-purple-bg: #f0ecf8; --xx-purple-text: #75559c; --xx-red-bg: #fbeef0; --xx-red-text: #a45364; --xx-social-qq: #1c6eaa; --xx-social-weixin: #257b3d; --xx-social-baidu: #345cbc; --xx-social-alipay: #0f719f; --xx-social-xiaomi: #a54c14; --xx-shadow: 0 7px 24px rgba(45, 65, 100, .055);  }
  /* Footer inherits the site's current palette and retains the player's anchor. */ #colophon { color-scheme: light; margin-bottom: 0; padding-bottom: env(safe-area-inset-bottom, 0px); border-top: 1px solid var(--xx-border); background: transparent; color: var(--xx-text);  }
  #colophon .footer-navi { background: none;  }
  #colophon #panda_title { display: grid; grid-template-columns: minmax(220px, 1.15fr) minmax(300px, 1.4fr) minmax(180px, .8fr); align-items: start; gap: 28px; width: calc(100% - 48px); max-width: 1400px; padding: 32px 0 26px; margin: 0 auto;  }
  #colophon #panda_title::before, #colophon #panda_title::after, #colophon .widget::after { display: none;  }
  #colophon .about, #colophon .navis, #colophon .ewms { float: none; width: auto; height: auto; margin: 0; padding: 0;  }
  #colophon .about > .title { display: flex; align-items: center; gap: 8px; margin-bottom: 12px;  }
  #colophon .about h2 { margin: 0; color: var(--xx-title); font-size: 21px; font-weight: 600; line-height: 1.5;  }
  #colophon .about p, #colophon .like h3, #colophon #panda_links ul { color: var(--xx-muted) !important;  }
  #colophon .about p { font-size: 13px; line-height: 1.9;  }
  #colophon .xx-footer-mascot { display: block; flex: 0 0 72px; width: 72px; height: auto; aspect-ratio: 180 / 136; object-fit: contain;  }
  #colophon .navis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;  }
  #colophon .navis .navi { margin: 0; text-align: left;  }
  #colophon .navis .title { margin: 0 0 12px; color: var(--xx-title); font-size: 14px; font-weight: 600;  }
  #colophon .navis ul { margin: 0; padding: 0; list-style: none;  }
  #colophon a { color: var(--xx-muted); font-size: 13px; font-weight: 400;  }
  #colophon a:hover { color: var(--xx-accent);  }
  #colophon .navis a { display: inline-block; padding: 3px 0;  }
  #colophon .Onecad_footer_ico img { width: 36px; height: 36px;  }
  #colophon .like strong { background: none; color: var(--xx-accent); -webkit-text-fill-color: currentColor; font-size: 32px;  }
  #colophon .like strong::after { content: none;  }
  #colophon .footer-colors { height: 2px; background: linear-gradient(90deg, #dce6f6, #efdce5, #f0e6d1, #dce9e1); animation: none;  }
  #colophon .colors-shadow { display: none;  }
  #colophon #panda_bg_box { width: calc(100% - 48px); max-width: 1400px; max-height: none; margin: 18px auto 0; overflow: visible; border: 1px solid var(--xx-border); border-radius: 12px; background: var(--xx-surface-soft);  }
  #colophon #panda_links { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; margin: 0; padding: 12px 16px; line-height: 1.8;  }
  #colophon .xx-footer-friends { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 0; min-width: 0; color: var(--xx-muted);  }
  #colophon .xx-footer-friends__label { flex-shrink: 0;  }
  #colophon #panda_links ul { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: 6px 12px; min-width: 0; margin: 0; padding: 0; list-style: none;  }
  #colophon #panda_links li { max-width: 100%; overflow-wrap: anywhere;  }
  #colophon .xx-footer-apply { justify-self: end; margin-left: auto; color: var(--xx-accent); white-space: nowrap;  }
  #colophon .foot-copyright { padding: 0;  }
  #colophon .xx-footer-legal { display: block; width: calc(100% - 48px); max-width: 1400px; margin: 0 auto; padding: 20px 0 22px; text-align: center;  }
  #colophon .xx-footer-badges { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; min-width: 0;  }
  /* Badge finish copied from fetl.studio's inline .github-badge rules. */ #colophon .xx-footer-badge { display: inline-flex; align-items: stretch; max-width: 100%; overflow: hidden; border-radius: 4px; color: #f9f9f9; font-size: 11px; line-height: 15px; text-decoration: none; opacity: .9;  }
  #colophon .xx-footer-badge:hover { color: #f9f9f9;  }
  #colophon .xx-footer-badge__label, #colophon .xx-footer-badge__value { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 23px;  }
  #colophon .xx-footer-badge__label { flex-shrink: 0; padding: 4px 4px 4px 6px; border-radius: 4px 0 0 4px; color: #f9f9f9; background: #6b6b6b; opacity: .9; white-space: nowrap;  }
  #colophon .xx-footer-badge__value { min-width: 0; padding: 4px 6px 4px 4px; border-radius: 0 4px 4px 0; color: #f9f9f9; background: linear-gradient(to right, #d5bc9d, #975fe0); overflow-wrap: anywhere;  }
  #colophon .xx-footer-badge--copyright .xx-footer-badge__value { flex-wrap: wrap; background: linear-gradient(to right, #e78636, #6b03ca);  }
  #colophon .xx-footer-badge__value a, #colophon .xx-footer-badge__value a:hover { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: underline; text-underline-offset: 2px;  }
  #colophon .xx-footer-badge--police .xx-footer-badge__value { background: linear-gradient(to right, #5381bd, #ee8ead);  }
  #colophon .xx-footer-badge--moe .xx-footer-badge__value { background: linear-gradient(to right, #ee8ead, #a86af9);  }
  #colophon .xx-footer-badge img { display: block; width: 14px; height: 14px; margin: 0; object-fit: contain;  }
  #colophon .xx-footer-badge--moe img { width: 20px; height: 20px;  }
@media (max-width: 1023px) {
  #colophon #panda_title { grid-template-columns: 1fr; gap: 0;  }
}
@media (max-width: 767px) {
  .footer-tabbar ~ #colophon { padding-bottom: calc(49px + constant(safe-area-inset-bottom)); padding-bottom: calc(49px + env(safe-area-inset-bottom, 0px));  }
}
@media (max-width: 767px) {
  #colophon #panda_title, #colophon #panda_bg_box, #colophon .xx-footer-legal { width: calc(100% - 28px);  }
}
@media (max-width: 767px) {
  #colophon #panda_title { padding: 24px 0 18px;  }
}
@media (max-width: 767px) {
  #colophon .xx-footer-legal { padding-top: 18px; padding-bottom: 18px;  }
}
@media (max-width: 767px) {
  #colophon .xx-footer-badges { gap: 7px;  }
}
@media (prefers-reduced-motion: reduce) {
  #colophon * { animation: none !important; transition: none !important;  }
}