[hidden]{display:none!important}html{scroll-padding-top:100px}.site-logo{width:150px;height:42px;object-fit:contain}.site-brand{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.site-brand:has(.site-logo:not([hidden])) .brand-name{display:none}.site-brand .yutu-logo-title{color:inherit}.sidebar .site-logo{width:160px;height:70px;border-radius:0}.sidebar .author{height:auto;min-height:100px}.sidebar #nav{overflow-y:auto;height:100%;padding-bottom:35px}.sidebar .menu{display:grid;grid-template-columns:1fr 1fr}.sidebar .menu a{overflow-wrap:anywhere}.search-form-template{display:flex;gap:5px;align-items:center}.search-form-template input{min-width:0;flex:1;width:100%;background:#292828;color:#ddd;border:1px solid #555;padding:8px}.search-form-template button{background:#343232;color:#eee;border:1px solid #555;padding:8px;cursor:pointer}#navbar .container-fluid{flex-wrap:wrap;gap:10px}#navbar .navbar-collapse{min-width:0}#navbar .navbar-nav{flex-wrap:wrap}#navbar .navbar-brand{max-width:240px}#navbar .search-form-template{width:190px}.mobile-brand{display:none}.post-card-title{overflow-wrap:anywhere}.blog-background{pointer-events:none}.post-card .cover-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.empty-state{text-align:center;padding:20px}.cards:has(article)+.empty-state{display:none}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:25px 0}.pagination a,.pagination strong{display:inline-block;padding:7px 10px;border:1px solid #555;color:#bcbcbc;border-radius:2px}.pagination strong{color:#1abc9c}.pagination a[aria-disabled=true]{opacity:.4;pointer-events:none}.page-numbers{display:flex;gap:6px}.player-shell{aspect-ratio:16/9;background:#000;border-radius:0}.player-shell iframe{display:block;width:100%;height:100%;border:0;border-radius:0}.post-title{overflow-wrap:anywhere}#post{width:100%}.ad-zone img{max-width:100%}.ad-zone:empty{display:none}.site-footer{clear:both;overflow-wrap:anywhere}.friend-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.frame-back-top{position:fixed;right:16px;bottom:calc(20px + var(--frame-ad-inset,0px));z-index:100;width:40px;height:40px;border:1px solid #555;border-radius:4px;background:#292828;color:#ccc;cursor:pointer}.frame-back-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.nav-shade{position:fixed;inset:0;background:#0008;z-index:887;border:0}.sidebar{visibility:hidden}#wrap.display-nav .sidebar{visibility:visible}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #1abc9c;outline-offset:3px}@media(min-width:768px){body.use-navbar.no-banner #wrap{padding-top:140px}}@media(max-width:767px){.mobile-brand{display:block;padding:55px 20px 0;text-align:center}.mobile-brand .site-logo{max-width:100%;width:180px;height:44px}.mobile-brand .site-brand{font-size:22px;color:#bcbcbc}body.card .container{width:100%;box-sizing:border-box}.pagination{gap:4px}.pagination a,.pagination strong{padding:6px 8px}.pagination .page-numbers a{display:none}#post{padding:0 12px}.post-title{font-size:22px!important}.sidebar{max-width:85vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
#wrap.display-nav .sidebar{display:block}#wrap.display-nav #toggle-nav{display:block}
@media(max-width:767px){body.card #index{margin:0;padding:15px 0 30px;width:100%}.body .row{margin:0}}