.navbar-outer{height:50px}.pc-navbar{display:flex;width:100%}.mobile-navbar{display:none;width:100%}.nav-menu-button{transition:transform .3s ease,box-shadow .3s ease}.nav-menu-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:992px){.navbar-outer{height:50px}.pc-navbar{display:none}.mobile-navbar{display:flex;width:100%}}.navbar-scroll-hidden{transition:none;transform:translateY(0)}@media (max-width:992px){.navbar-scroll-hidden{transition:transform .3s}.navbar-scroll-hidden.hidden{transform:translateY(-100%)}}.introduce-guide-box{padding-left:20px}.left-side-bar{display:block}.mobile-menu-button{color:#374151;cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-radius:8px;transition:all .2s;display:none}.mobile-menu-button:hover{color:#1f2937;background-color:rgba(0,0,0,.05)}.drawer-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:10001;backdrop-filter:blur(2px)}.drawer{position:fixed;top:70px;left:-330px;width:330px;height:calc(100vh - 70px);background-color:white;z-index:10002;box-shadow:4px 0 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out;overflow-y:auto;border-radius:0 12px 12px 0}.drawer-open{transform:translateX(330px)}.blog-content-container{max-width:900px;margin:0 auto;padding:2rem;background-color:#FFF1F0;border-radius:10px}.breadcrumb-container{position:fixed;top:50px;left:0;right:0;z-index:10;background-color:white;border-bottom:1px solid #eee}.breadcrumb-content{max-width:1440px;margin:0 auto;padding:1rem 20px;display:flex;align-items:center}@media (max-width:992px){.breadcrumb-content{padding:1rem 16px}.introduce-guide-box{padding-left:0;padding-bottom:30px;margin-top:20px}.left-side-bar{display:none}.mobile-menu-area{display:flex}.mobile-menu-button{display:flex;align-items:center;justify-content:center;top:10px}.drawer-overlay{display:block}.main-grid{padding-top:40px!important}.main-grid,.main-grid-articles{margin-left:0!important;padding-left:10px!important;padding-right:10px!important}.main-grid-articles{padding-top:120px!important}.blog-content-container{padding:10px}.mobile-header{z-index:1000;background-color:#fff;border-bottom:1px solid #eee;justify-content:flex-start;align-items:center;padding:10px 20px;display:flex;position:fixed;height:60px;top:50px;left:0;right:0}.mobile-breadcrumb{margin-left:20px;font-size:14px;flex:1;text-align:center}}.desktop-breadcrumb{padding-left:20px}.mobile-header{display:none}@media (max-width:768px){.mobile-header{display:flex;align-items:center;padding:16px 20px;gap:16px;border-bottom:1px solid #eee}.mobile-menu-button{display:block}.desktop-breadcrumb{display:none}.drawer-overlay{display:block}}.mobile-scroll-hidden{transition:none;transform:translateY(0)}@media (max-width:992px){.mobile-scroll-hidden{transition:transform .3s}.mobile-scroll-hidden.hidden{transform:translateY(-50px)}}