/* ===========================
   Butterfly 三栏布局（仅文章页生效）
   avatar | post | toc
   =========================== */

@media screen and (min-width:1401px){

  #content-inner:has(#post){
    display:grid;
    grid-template-columns:1fr min(1200px, calc(100vw - 780px)) 1fr;
    column-gap:24px;
    align-items:start;
    width:100%;
    max-width:none;
    padding:40px 50px 0;
  }

  #content-inner:has(#post) #aside-content{
    display:contents;
  }

  #content-inner:has(#post) #post{
    grid-column:2;
    grid-row:1;
    width:100%;
    margin:0;
  }

  /* 头像卡 */
  #content-inner:has(#post) .card-info{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    width:289.198px;
    position:sticky;
    top:90px;
  }

  #content-inner:has(#post) .card-info img{
    width:110px;
    height:110px;
  }

  /* 目录 */
  #content-inner:has(#post) .sticky_layout{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    width:100%;
    max-width:300px;
    position:sticky;
    top:90px;
  }

  #content-inner:has(#post) #card-toc{
    width:100%;
    max-height:calc(100vh - 100px);
    overflow-y:auto;
    scrollbar-width:none;
  }
}