@charset "UTF-8";
.page-loading-bar[data-v-567a2d78] {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:3px;
  z-index:3000;
  pointer-events:none
}
.page-loading-bar__inner[data-v-567a2d78] {
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  background-image:linear-gradient(90deg,#ff5f57,#ff8f57,#ffd057);
  transition:width .2s ease;
  box-shadow:0 0 8px #ff5f5766
}
.insecure-context-banner[data-v-6b013d90] {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:5000;
  background:#fff2e8;
  color:#612500;
  box-shadow:0 6px 24px #0000001f
}
.insecure-context-banner__content[data-v-6b013d90] {
  margin:0 auto;
  max-width:960px;
  padding:12px 20px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  line-height:1.5
}
.insecure-context-banner__text[data-v-6b013d90] {
  flex:1
}
.insecure-context-banner__hint[data-v-6b013d90] {
  margin-top:4px;
  font-size:12px;
  color:#612500d1
}
.insecure-context-banner__action[data-v-6b013d90] {
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:6px 16px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg,#ff7a45,#ff4d4f);
  text-decoration:none;
  box-shadow:0 4px 12px #ff4d4f59
}
.base-url-probe[data-v-a700ad7d] {
  position:fixed;
  top:12px;
  right:12px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:14px;
  background:#000000bf;
  color:#fff;
  box-shadow:0 10px 30px #0000002e;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  z-index:3200;
  pointer-events:none
}
.probe-spinner[data-v-a700ad7d] {
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.2);
  border-top-color:#ffd057;
  animation:probe-spin-a700ad7d .9s linear infinite
}
.probe-text[data-v-a700ad7d] {
  line-height:1.2
}
.probe-title[data-v-a700ad7d] {
  font-size:13px;
  font-weight:600;
  margin:0
}
.probe-desc[data-v-a700ad7d] {
  font-size:12px;
  opacity:.8;
  margin:0
}
@keyframes probe-spin-a700ad7d {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
:root {
  --base-safe-area-top: 0px;
  --base-safe-area-right: 0px;
  --base-safe-area-bottom: 0px;
  --base-safe-area-left: 0px;
  --cordova-safe-area-top: 0px;
  --cordova-safe-area-right: 0px;
  --cordova-safe-area-bottom: 0px;
  --cordova-safe-area-left: 0px;
  --safe-area-top: calc(var(--base-safe-area-top) + var(--cordova-safe-area-top));
  --safe-area-right: calc(var(--base-safe-area-right) + var(--cordova-safe-area-right));
  --safe-area-bottom: calc(var(--base-safe-area-bottom) + var(--cordova-safe-area-bottom));
  --safe-area-left: calc(var(--base-safe-area-left) + var(--cordova-safe-area-left));
  --primary-color: #667eea;
  --primary-dark: #5a6fd8;
  --secondary-color: #e2e8f0;
  --text-color: #2d3748;
  --text-color-secondary: #718096;
  --text-light: #718096;
  --bg-color: #ffffff;
  --bg-light: #f7fafc;
  --header-bg: rgba(255, 255, 255, .8);
  --header-bg-rgb: 255, 255, 255;
  --sidebar-bg: #ffffff;
  --hover-bg: rgba(102, 126, 234, .1);
  --border-color: #e2e8f0;
  --card-bg: #ffffff;
  --success-color: #38a169;
  --warning-color: #d69e2e;
  --error-color: #e53e3e;
  --shadow: 0 4px 6px rgba(0, 0, 0, .1);
  --radius: 8px;
  --video-card-background: #ffffff;
  --video-card-foreground: #1f2937;
  --video-card-subtext: #475569;
  --video-card-muted: #64748b;
  --video-card-accent: rgba(79, 70, 229, .08);
  --video-card-badge-bg: rgba(15, 23, 42, .72);
  --video-card-badge-text: #f8fafc;
  --video-card-duration-bg: rgba(15, 23, 42, .78);
  --video-card-tag-bg: rgba(15, 23, 42, .72);
  --announcement-panel-bg: var(--video-card-background)
}
[data-theme=dark] {
  --primary-color: #7c93e6;
  --primary-dark: #6a7fd4;
  --secondary-color: #4a5568;
  --text-color: #f7fafc;
  --text-color-secondary: #cbd5e0;
  --text-light: #cbd5e0;
  --bg-color: #1a202c;
  --bg-light: #2d3748;
  --header-bg: rgba(26, 32, 44, .8);
  --header-bg-rgb: 26, 32, 44;
  --sidebar-bg: #2d3748;
  --hover-bg: rgba(124, 147, 230, .1);
  --border-color: #4a5568;
  --card-bg: #2d3748;
  --video-card-background: rgba(15, 23, 42, .92);
  --video-card-foreground: #f8fafc;
  --video-card-subtext: rgba(226, 232, 240, .78);
  --video-card-muted: rgba(148, 163, 184, .75);
  --video-card-accent: rgba(99, 102, 241, .18);
  --video-card-badge-bg: rgba(15, 23, 42, .72);
  --video-card-badge-text: #e0e7ff;
  --video-card-duration-bg: rgba(15, 23, 42, .78);
  --video-card-tag-bg: rgba(81, 114, 190, .72)
}
@supports (top: env(safe-area-inset-top)) {
  :root {
    --base-safe-area-top: env(safe-area-inset-top);
    --base-safe-area-right: env(safe-area-inset-right);
    --base-safe-area-bottom: env(safe-area-inset-bottom);
    --base-safe-area-left: env(safe-area-inset-left)
  }
}
@supports (top: constant(safe-area-inset-top)) {
  :root {
    --base-safe-area-top: constant(safe-area-inset-top);
    --base-safe-area-right: constant(safe-area-inset-right);
    --base-safe-area-bottom: constant(safe-area-inset-bottom);
    --base-safe-area-left: constant(safe-area-inset-left)
  }
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
a[title=站长统计] {
  display:none
}
html,
body,
#app {
  min-height:100%
}
html {
  height:100%;
  -webkit-overflow-scrolling:touch
}
body {
  height:auto;
  min-height:100vh;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background-color:var(--bg-color);
  color:var(--text-color);
  transition:background-color .3s ease,color .3s ease;
  overflow-x:hidden;
  overflow-y:visible
}
button {
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none
}
.main-content {
  flex:1;
  max-width:1200px;
  margin:75px auto 0;
  width:100%;
  overflow-y:visible;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch
}
.global-back-top {
  width:40px;
  height:40px;
  border-radius:999px;
  background:#667eea99;
  color:#fff;
  box-shadow:0 18px 32px #667eea2e,0 2px 6px #764ba233;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease
}
[data-theme=dark] .global-back-top {
  background:#5c73e166;
  box-shadow:0 18px 32px #5c73e147,0 2px 6px #364d9a59
}
.global-back-top__inner {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%
}
.global-back-top__icon {
  width:20px;
  height:20px;
  fill:currentColor
}
.global-back-top:hover {
  background:#7663ea66;
  box-shadow:0 24px 38px #7663ea42,0 6px 14px #7663ea2e
}
.global-back-top:active {
  background:#667eeaeb
}
.global-back-top:focus-visible {
  outline:none;
  box-shadow:0 0 #fff0,0 0 0 3px #ffffff59,0 20px 32px #667eea3d
}
.global-back-top[style*="display: none"] {
  opacity:0;
  pointer-events:none
}