@charset "UTF-8";.navbar{background:linear-gradient(135deg,#fff,#f8fbfc);color:#333;padding-top:.7rem;padding-bottom:.7rem;position:fixed;top:0;left:0;right:0;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px #0000001a;z-index:100;transition:background .3s ease}.navbar:hover{box-shadow:0 4px 16px #0000001f}.navbar .container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 1rem}.navbar .navbar-brand{display:flex;align-items:center;font-size:1.5rem;text-decoration:none;color:#333;font-weight:700;transition:transform .2s ease}.navbar .navbar-brand:hover{transform:scale(1.03)}.navbar .navbar-logo{width:32px;height:32px;margin-right:.6rem;transition:filter .3s ease}.navbar .navbar-brand:hover .navbar-logo{filter:drop-shadow(0 0 2px rgba(0,123,255,.3))}.navbar .brand-title{background:linear-gradient(to right,#007bff,#00c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar .search-container{position:relative}.navbar .search-form{display:flex;align-items:center;border-radius:999px;overflow:hidden;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.toggle-search-btn{display:none}.navbar .search-input{padding:.45rem 1rem;border:none;outline:none;background-color:#fff;font-size:1rem;width:200px;transition:width .3s ease,background-color .3s ease;border-radius:999px 0 0 999px}.navbar .search-input:focus{width:240px;background-color:#f9f9f9;box-shadow:inset 0 0 0 2px #007bff33}.navbar .search-button{padding:.45rem 1rem;background-color:#eaf3ff;border:none;cursor:pointer;transition:background-color .3s ease;border-radius:0 999px 999px 0;display:flex;align-items:center;justify-content:center}.navbar .search-button:hover{background-color:#d7ebff}.navbar .search-icon{width:18px;height:18px}.toggle-sidebar-btn{display:none;background-color:transparent;border:none;cursor:pointer;padding:0}.menu-icon{width:24px;height:24px}@media (max-width: 768px){.toggle-sidebar-btn{display:flex;order:1;align-items:center;justify-content:center;height:100%}.left-sidebar-placeholder{display:none}.left-sidebar-placeholder.show{display:block}.navbar .container{justify-content:flex-start}.navbar .navbar-brand{order:2;margin:0 auto;width:100%;justify-content:center;text-align:center}}.sidebar{background-color:#fff;border-radius:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 12px #007bff14;padding:1rem;color:#333;transition:all .3s ease;max-width:100%}.sidebar .profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.sidebar .profile-section .avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid #007bff;transition:transform .3s ease}.sidebar .profile-section .avatar:hover{transform:scale(1.05)}.sidebar .profile-section .name{font-size:1.4rem;font-weight:700;color:#007bff;text-align:center}.sidebar .profile-section .motto{font-size:1rem;color:#555;margin-top:.3rem;text-align:center;line-height:1.4}.sidebar .navigation ul{list-style:none;padding:0;margin:0}.sidebar .navigation li{margin-bottom:.4rem}.sidebar .navigation li>a{display:flex;align-items:center;text-decoration:none;color:#333;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .3s ease,color .3s ease}.sidebar .navigation li>a:hover{background-color:#e3f2fd;color:#007bff}.sidebar .navigation .icon{width:20px;height:20px;margin-right:.6rem}.sidebar .navigation .first-icon{width:18px;height:18px;margin-right:.4rem}.sidebar .navigation .second-icon{width:16px;height:16px;margin-right:.2rem}.sidebar .navigation .toggle-product{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#333;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .3s ease,color .3s ease;cursor:pointer}.sidebar .navigation .toggle-product .left-content{display:flex;align-items:center}.sidebar .navigation .toggle-product .toggle-icon{width:18px;height:18px;transition:transform .3s ease}.sidebar .navigation .product-group{margin-top:.3rem;margin-left:.5rem}.sidebar .navigation .product-group .product-item>a{display:flex;justify-content:start;align-items:center;white-space:nowrap;text-decoration:none;color:#333;font-size:.95rem;padding:.3rem .8rem;border-radius:6px;transition:background-color .3s ease,color .3s ease;margin-bottom:.2rem}.sidebar .navigation .product-group .product-item>a:hover{background-color:#e3f2fd;color:#007bff}.sidebar .navigation .has-category .toggle-category{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#333;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .3s ease,color .3s ease;cursor:pointer}.sidebar .navigation .has-category .toggle-category .left-content{display:flex;align-items:center}.sidebar .navigation .has-category .toggle-category .toggle-icon{width:18px;height:18px;transition:transform .3s ease}.sidebar .navigation .has-category .category-group{margin-top:.3rem;margin-left:.5rem}.sidebar .navigation .has-category .category-group .badge{display:inline-block;font-size:.75rem;font-weight:700;color:#007bff;background-color:#007bff1a;border-radius:6px;min-width:24px;text-align:center;margin-left:auto;flex-shrink:0}.sidebar .navigation .has-category .category-group .category-item>a{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;text-decoration:none;color:#333;font-size:.95rem;padding:.3rem .8rem;border-radius:6px;transition:background-color .3s ease,color .3s ease;margin-bottom:.2rem}.sidebar .navigation .has-category .category-group .category-item>a:hover{background-color:#e3f2fd;color:#007bff}.sidebar .navigation .has-category .category-group .sub-category{margin-top:.1rem}.sidebar .navigation .has-category .category-group .sub-category .sub-category-list{list-style:none;padding-left:.5rem;margin:0}.sidebar .navigation .has-category .category-group .sub-category .sub-category-list li{margin-bottom:.2rem}.sidebar .navigation .has-category .category-group .sub-category .sub-category-list li>a{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;text-decoration:none;color:#555;font-size:.9rem;padding:.3rem .8rem;border-radius:6px;transition:background-color .3s ease,color .3s ease}.sidebar .navigation .has-category .category-group .sub-category .sub-category-list li>a:hover{background-color:#e3f2fd;color:#007bff}.hidden-category{display:none}.blog-info-panel{background-color:#fff;border-radius:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 12px #007bff14;padding:1rem;color:#333;transition:all .3s ease}.blog-info-panel h3{font-size:1.2rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;margin:0 0 1rem}.info-item{display:flex;align-items:center;margin-bottom:1rem;justify-content:space-between}.info-item:last-child{margin-bottom:0}.info-icon{width:24px;height:24px;margin-right:.5rem}.info-content{display:flex;align-items:center;flex-grow:1;justify-content:space-between}.info-label{font-size:.9rem;color:#555}.info-value{font-size:1.1rem;font-weight:700;color:#333;margin-left:auto}.hot-articles-panel{background-color:#fff;border-radius:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 12px #007bff14;padding:1rem;color:#333;transition:all .3s ease}.hot-articles-panel h3{font-size:1.2rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;margin:0 0 1rem}.article-item{margin-bottom:1rem}.article-item:last-child{margin-bottom:0}.article-title{font-size:1rem;color:#333;text-decoration:none;display:block;white-space:normal;word-break:break-word;vertical-align:bottom}.article-title:hover{color:#007bff}.meta-icon{width:16px;height:16px;vertical-align:bottom;margin-left:.5rem}.meta-value{font-size:.9rem;color:#555;font-weight:700;vertical-align:bottom;margin-left:.25rem}.article-tags-panel{background-color:#fff;border-radius:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 12px #007bff14;padding:1rem;color:#333;transition:all .3s ease;max-width:100%;overflow:hidden}.article-tags-panel h3{font-size:1.2rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;margin:0 0 1rem;text-align:left}.tag-table{display:flex;flex-direction:column;align-items:center;width:100%;padding:0}.tag-row{display:flex;justify-content:center;width:100%;margin-bottom:.5rem;flex-wrap:wrap;padding:0}.tag-row:last-child{margin-bottom:0}.tag{font-size:.8rem;color:#333;background-color:#f0f0f0;padding:.4rem .3rem;border-radius:4px;margin:0 .1rem .2rem;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease;flex:1 1 auto;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag:hover{background-color:#007bff;color:#fff}