:root { --site-content-width: 800px; --app-tabbar-height: calc(65px + env(safe-area-inset-bottom)); --app-download-height: 0px; }
html.has-app-download { --app-download-height: 60px; }
html body { max-width: var(--site-content-width) !important; margin-left: auto; margin-right: auto; }
.bottom-nav.app-tabbar {
  position: fixed;
  inset: auto max(0px, calc((100vw - var(--site-content-width)) / 2)) 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  box-sizing: border-box;
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
  margin: 0;
  width: auto;
  height: auto;
  background: #171318f5;
  border: 0;
  border-top: 1px solid #9e7c8f29;
  box-shadow: 0 -6px 24px #0002;
  backdrop-filter: blur(12px);
  z-index: 100;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}
.bottom-nav.app-tabbar .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  height: 52px;
  box-sizing: border-box;
  padding: 6px 0;
  margin: 0;
  background: none;
  border: 0;
  border-radius: 8px;
  color: #9e909c;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.bottom-nav.app-tabbar .nav-item.active { color: #e47b8b; }
.bottom-nav.app-tabbar .nav-item:hover { color: #ead3df; }
.bottom-nav.app-tabbar .nav-item:focus { outline: none; }
.bottom-nav.app-tabbar .nav-item:focus-visible { outline: 2px solid #e47b8b; outline-offset: -3px; }
.bottom-nav.app-tabbar .nav-icon { display: block; width: 24px; height: 24px; flex: none; transform: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.bottom-nav.app-tabbar .nav-label { font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: 0; }
.app-download-bar { position: fixed; bottom: var(--app-tabbar-height); left: max(0px, calc((100vw - var(--site-content-width)) / 2)); right: max(0px, calc((100vw - var(--site-content-width)) / 2)); height: 60px; box-sizing: border-box; padding: 10px 16px; display: flex; align-items: center; gap: 10px; background: #28202c; border-top: 1px solid #bc819932; z-index: 100; color: #eddae6; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.app-download-bar[hidden] { display: none; }
.app-download-logo { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 10px; background: linear-gradient(135deg, #d58ba7, #975871); color: #fff; font-size: 18px; }
.app-download-copy { flex: 1; min-width: 0; }
.app-download-copy strong { display: block; font-size: 13px; line-height: 20px; }
.app-download-copy span { display: block; color: #bca5b5; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-download-bar .app-download-action { display: grid; place-items: center; min-height: 36px; flex: none; padding: 0 14px; border: 0; border-radius: 7px; color: #291a24; background: #e4abc2; font-size: 12px; font-weight: 600; text-decoration: none; cursor: pointer; }
.app-download-action:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
html.has-app-download .main-content,
html.has-app-download .drama-page,
html.has-app-download .account-page:has(.ac-dashboard) { padding-bottom: calc(var(--app-tabbar-height) + var(--app-download-height) + 24px); }
.bottom-nav.app-tabbar{overflow-x:auto;scrollbar-width:none}.bottom-nav.app-tabbar::-webkit-scrollbar{display:none}.bottom-nav.app-tabbar img.nav-icon{object-fit:contain}.bottom-nav.app-tabbar .nav-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}