/* 只增强使用旧公共外壳的搜索和详情页；首页、阅读器有各自独立外壳。 */
.shell-mobile-nav,.shell-mobile-search,.shell-toast{display:none}
.drawer-sub.shell-note{width:calc(100% - 8px);border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.drawer-social button{font:inherit;color:inherit;padding:0 4px}
.profile-popover .shell-note{width:100%}
.shell-toast{
  position:fixed;z-index:220;left:50%;bottom:26px;max-width:min(480px,calc(100vw - 32px));
  padding:10px 16px;border-radius:5px;background:#242424;color:#fff;text-align:center;
  opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:.16s;
}
.shell-toast.is-visible{display:block;opacity:1;transform:translate(-50%,0)}

@media (max-width:1023px){
  .shell-mobile-nav{
    position:fixed;z-index:45;left:0;right:0;bottom:0;height:56px;padding-bottom:env(safe-area-inset-bottom);
    display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--background) 96%,transparent);
    border-top:1px solid var(--line);backdrop-filter:blur(9px);
  }
  .shell-mobile-nav>a,.shell-mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--text-soft);font-size:10px}
  .shell-mobile-nav .md-icon{width:23px;height:23px}
  .shell-mobile-nav .is-active{color:var(--primary);font-weight:700}
  .titles-v2-page .v2-titles,.detail-v2-page .v2t-page{padding-bottom:76px}
  .shell-mobile-search{
    position:fixed;z-index:190;inset:0;background:var(--background);padding:8px 12px;
    align-items:flex-start;visibility:hidden;opacity:0;transition:.14s;
  }
  .shell-mobile-search.is-open{display:flex;visibility:visible;opacity:1}
  .shell-mobile-search form{width:100%;height:44px;display:flex;align-items:center;gap:8px}
  .shell-mobile-search form>.md-icon{width:25px;height:25px;position:absolute;left:24px}
  .shell-mobile-search input{height:40px;min-width:0;flex:1;padding:0 12px 0 44px;border:0;border-radius:5px;background:var(--accent);outline:0}
  .shell-mobile-search button{height:40px;padding:0 8px;color:var(--primary)}
  body.shell-search-open{overflow:hidden}
  .shell-toast{bottom:70px}
}

@media (min-width:1024px){
  .drawer-sub.shell-note:hover{background:rgba(0,0,0,.06)}
}