@charset "UTF-8";.blog-layout{width:100%;min-height:100vh;position:relative;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.blog-layout::-webkit-scrollbar{display:none}.blog-layout .blog-content{width:100%;min-height:calc(100vh - 60px);position:relative;z-index:10;box-sizing:border-box}.blog-layout .blog-layout-navigator.navigator{position:fixed;top:0;left:0;right:0;width:100%;max-width:100vw;box-sizing:border-box;padding:1rem 2rem;margin:0;overflow:visible;z-index:1000}@media (max-width: 1050px){.blog-layout .blog-layout-navigator.navigator{padding:.75rem 1.5rem}}@media (max-width: 600px){.blog-layout .blog-layout-navigator.navigator{padding:.5rem 1rem}}.blog-layout .blog-layout-navigator.navigator .nav-list{transition:right all .3s ease}.blog-layout .blog-layout-navigator.navigator .nav-list.open{display:flex!important;visibility:visible!important;opacity:1!important}@media (max-width: 900px){.blog-layout .blog-layout-navigator.navigator .nav-menu-button{display:block!important;position:relative;z-index:1010;margin-left:auto;cursor:pointer}.blog-layout .blog-layout-navigator.navigator .nav-menu-button span{background-color:#ffffffe6;display:block!important;width:25px;height:3px;position:absolute;left:0;transition:all .3s ease}.blog-layout .blog-layout-navigator.navigator .nav-menu-button span:first-child{top:5px}.blog-layout .blog-layout-navigator.navigator .nav-menu-button span:nth-child(2){top:14px}.blog-layout .blog-layout-navigator.navigator .nav-menu-button span:last-child{top:23px}.blog-layout .blog-layout-navigator.navigator .nav-list{position:fixed;top:0;right:-100%;width:250px;max-width:80vw;height:100vh;z-index:1005;background-color:#ffffff1a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:-2px 0 10px #0000001a;transition:right all .3s ease;padding-top:4rem;display:flex;flex-direction:column;align-items:flex-start}.blog-layout .blog-layout-navigator.navigator .nav-list.open{right:0}.blog-layout .blog-layout-navigator.navigator .nav-list .nav-item{width:100%;padding:.75rem 1.5rem;margin:.25rem 0}.blog-layout .blog-layout-navigator.navigator .nav-list .nav-item .nav-text{margin-left:1rem;display:inline-block!important}.blog-layout .blog-layout-navigator.navigator .nav-list.open~.nav-menu-button span:first-child,.blog-layout .blog-layout-navigator.navigator .nav-list.open+.nav-menu-button span:first-child{transform:translateY(9px) rotate(45deg)}.blog-layout .blog-layout-navigator.navigator .nav-list.open~.nav-menu-button span:nth-child(2),.blog-layout .blog-layout-navigator.navigator .nav-list.open+.nav-menu-button span:nth-child(2){opacity:0}.blog-layout .blog-layout-navigator.navigator .nav-list.open~.nav-menu-button span:last-child,.blog-layout .blog-layout-navigator.navigator .nav-list.open+.nav-menu-button span:last-child{transform:translateY(-9px) rotate(-45deg)}}@media (min-width: 901px){.blog-layout .blog-layout-navigator.navigator .nav-menu-button{display:none!important}.blog-layout .blog-layout-navigator.navigator .nav-list{display:flex;flex-direction:row;align-items:center;position:relative;height:auto;width:auto;background:none;box-shadow:none;padding:0;right:0!important}}.blog-layout .app-tools{position:fixed;right:1rem;bottom:1rem;z-index:100}@media (max-width: 900px){.blog-layout .app-tools{right:.5rem;bottom:.5rem}}@media (max-width: 370px){.blog-layout .app-tools{right:.25rem;bottom:.25rem}}.blog-layout .app-scroll-bar{position:fixed;right:0;top:0;z-index:1000}.blog-layout .app-back-to-top{position:fixed;right:1rem;bottom:calc(1rem + 48px);z-index:100;opacity:0;visibility:hidden;transition:opacity all .3s ease,visibility all .3s ease}.blog-layout .app-back-to-top.visible{opacity:1;visibility:visible}.blog-layout .app-back-to-top.animating{animation:floatUp .3s ease forwards;pointer-events:none}.blog-layout .app-website-record{position:fixed;right:1rem;bottom:1rem;z-index:100}@keyframes floatUp{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-20px)}}html,body{box-sizing:border-box;margin:0;padding:0;width:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:inherit}.admin-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#212529,#0d1117,#161b22,#21262d,#343a40);background-attachment:fixed;transition:margin all .3s ease;color:#ffffffe6;will-change:margin-left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.admin-layout.login-only{display:block}.admin-layout.login-only .admin-main.full-width{height:100vh;padding:0;display:flex;align-items:center;justify-content:center;margin-left:0;overflow:hidden}.admin-layout .admin-sidebar{width:280px;background:#ffffff1a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,.05);box-shadow:0 4px 6px #00000008;background:#ffffff14;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;flex-direction:column;transition:width all .3s ease,transform all .3s ease;position:fixed;height:100vh;z-index:10;box-shadow:0 10px 20px #00000026,0 3px 6px #0000001a,0 0 0 1px #90caf91a;will-change:width,transform}.admin-layout .admin-sidebar:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#3498db33,#ffffff0d,#1976d226,#90caf91a);border-radius:inherit;z-index:-1;filter:blur(12px);opacity:.6}.admin-layout .admin-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}.admin-layout .admin-sidebar .sidebar-header .logo{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#90caf9,#fff,#3498db);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(25,118,210,.3);letter-spacing:-.02em}.admin-layout .admin-sidebar .sidebar-header .collapse-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-layout .admin-sidebar .sidebar-header .collapse-btn:hover{background:#3498db33;border-color:#90caf94d;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.admin-layout .admin-sidebar .sidebar-header .collapse-btn:active{transform:translateY(0)}.admin-layout .admin-sidebar .sidebar-header .collapse-btn svg{width:1rem;height:1rem}.admin-layout .admin-sidebar .sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.admin-layout .admin-sidebar .sidebar-nav ul{list-style:none;padding:0;margin:0}.admin-layout .admin-sidebar .sidebar-nav ul li{margin-bottom:.5rem;padding:0 1rem}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item{display:flex;align-items:center;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;border-radius:.5rem;position:relative;overflow:hidden}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0;transition:all .3s ease;z-index:-1}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item:hover{background:#ffffff14;color:#fff;transform:translate(4px);border-left-color:#90caf980}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item:hover:before{background:#3498db1a}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item.active{background:#3498db26;color:#fff;border-left-color:#90caf9;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item.active:before{background:#1976d21a}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item .nav-icon{font-size:1.25rem;margin-right:1rem;min-width:1.25rem}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item .nav-text{font-size:.875rem;font-weight:500;letter-spacing:.02em}.admin-layout .admin-sidebar .sidebar-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff08}.admin-layout .admin-sidebar .sidebar-footer .logout-btn{width:100%;display:flex;align-items:center;padding:1rem;background:#dc35451a;color:#fffc;border:1px solid rgba(220,53,69,.2);border-radius:.5rem;cursor:pointer;transition:all .3s ease;min-height:44px;position:relative;overflow:hidden}.admin-layout .admin-sidebar .sidebar-footer .logout-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#dc354500;transition:all .3s ease;z-index:-1}.admin-layout .admin-sidebar .sidebar-footer .logout-btn:hover{background:#dc354533;color:#fff;transform:translateY(-2px);border-color:#dc354566;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.admin-layout .admin-sidebar .sidebar-footer .logout-btn:hover:before{background:#dc35451a}.admin-layout .admin-sidebar .sidebar-footer .logout-btn:active{transform:translateY(-1px)}.admin-layout .admin-sidebar .sidebar-footer .logout-btn .nav-icon{font-size:1.25rem;margin-right:1rem;flex-shrink:0;display:block}.admin-layout .admin-sidebar .sidebar-footer .logout-btn .nav-text{font-size:.875rem;font-weight:500}.admin-layout .admin-content{flex:1;margin-left:280px;transition:margin-left all .3s ease;position:relative;will-change:margin-left}.admin-layout .admin-content .admin-main{padding:2rem;height:100vh;overflow:auto;contain:layout}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container{background:#ffffff1a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,.05);box-shadow:0 4px 6px #00000008;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px #00000026,0 3px 6px #0000001a;border-radius:.75rem}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table th{background-color:#ffffff14;color:#fffffff2;border-bottom:2px solid rgba(255,255,255,.1);font-weight:600}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table td{color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.05)}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table .fixed-column{background-color:#1976d226}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table .fixed-column:after{background-color:#ffffff1a}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table th.fixed-column{background-color:#ffffff1a}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table tr:hover{background-color:#ffffff0f}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table tr:hover td.fixed-column{background-color:#1976d233}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table tr.pinned-row{background-color:#1976d226}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table tr.pinned-row td.fixed-column{background-color:#1976d240}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table tr.pinned-row:hover{background-color:#1976d233}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table tr.pinned-row:hover td.fixed-column{background-color:#1976d24d}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table .action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:.25rem;transition:all .3s ease}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table .action-btn:hover{background-color:#ffffff1f;transform:translateY(-1px);color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.admin-layout .admin-content .admin-main .admin-posts .posts-table-container .posts-table .action-btn.toggle-pin.active{color:#fadb14;border-color:#fadb1466;background-color:#fadb1426}.admin-layout.sidebar-collapsed .admin-sidebar{width:80px}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-header{padding:1.5rem .5rem;justify-content:center;height:60px}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-header .logo{display:none}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-header .collapse-btn{margin:0}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-header .collapse-btn svg{width:1rem;height:1rem}.admin-layout.sidebar-collapsed .admin-sidebar .nav-text{display:none}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-nav ul li{padding:0 .5rem}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-nav ul li .nav-item{padding:1rem;justify-content:center}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-nav ul li .nav-item .nav-icon{margin-right:0;display:block;font-size:1.25rem;visibility:visible;opacity:1}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-footer{padding:1.5rem .5rem}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-footer .logout-btn{padding:1rem;justify-content:center;width:100%;min-height:44px}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-footer .logout-btn .nav-icon{margin-right:0;display:block!important;font-size:1.25rem;visibility:visible!important;opacity:1!important;width:1.25rem;height:1.25rem}.admin-layout.sidebar-collapsed .admin-sidebar .sidebar-footer .logout-btn .nav-text{display:none}.admin-layout.sidebar-collapsed .admin-content{margin-left:80px}@media (max-width: 768px){.admin-layout .admin-sidebar{width:80px}.admin-layout .admin-sidebar .sidebar-header{justify-content:center;padding:1.5rem 0}.admin-layout .admin-sidebar .sidebar-header .logo,.admin-layout .admin-sidebar .nav-text{display:none}.admin-layout .admin-sidebar .sidebar-nav ul li{padding:0 .5rem}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item{justify-content:center;padding:1rem}.admin-layout .admin-sidebar .sidebar-nav ul li .nav-item .nav-icon{margin-right:0;display:block}.admin-layout .admin-sidebar .sidebar-footer{padding:1.5rem .5rem}.admin-layout .admin-sidebar .sidebar-footer .logout-btn{justify-content:center;min-height:44px}.admin-layout .admin-sidebar .sidebar-footer .logout-btn .nav-text{display:none}.admin-layout .admin-sidebar .sidebar-footer .logout-btn .nav-icon{margin-right:0;display:block!important;font-size:1.25rem;visibility:visible!important;opacity:1!important;width:1.25rem;height:1.25rem}.admin-layout .admin-content{margin-left:80px}.admin-layout.sidebar-expanded .admin-sidebar{width:280px}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-header{justify-content:space-between;padding:1.5rem 2rem}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-header .logo,.admin-layout.sidebar-expanded .admin-sidebar .nav-text{display:block}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-nav ul li{padding:0 1rem}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-nav ul li .nav-item{justify-content:flex-start;padding:1rem 1.5rem}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-nav ul li .nav-item .nav-icon{margin-right:1rem}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-footer .logout-btn{justify-content:flex-start}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-footer .logout-btn .nav-text{display:block}.admin-layout.sidebar-expanded .admin-sidebar .sidebar-footer .logout-btn .nav-icon{margin-right:1rem}.admin-layout.sidebar-expanded .admin-content{margin-left:0;position:relative}.admin-layout.sidebar-expanded .admin-content:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-layout.login-only .admin-main.full-width{padding:1.5rem}}
