html,body{width:100%;height:100%;margin:0;padding:0}.responsive-image{width:100%;height:100hv;object-fit:cover;background-image:url(/assets/bg-C5pYCU6O.jpg);background-attachment:fixed;background-size:cover;background-position:center}.image-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:911px}.image-container div{object-fit:cover}.copyright,.framwork-info{text-align:center;color:#fff}.footer-container{margin-top:20px;height:150px;background-image:url(/assets/bg-C5pYCU6O.jpg);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;color:#0e2a4e;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px}.card{width:100%;max-width:850px;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center}.card:hover{box-shadow:0 8px 16px #0003}.card-content{display:flex;align-items:center;width:100%;flex-direction:row}.card-content-reverse{display:flex;align-items:center;width:100%;flex-direction:row-reverse}.card-image-container{width:45%;height:235px;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.card:hover .card-image{transform:scale(1.1);cursor:pointer}.card-text{flex:1;padding:40px}.card-title{font-size:1.25rem;color:#384553;transition:color .8s ease}.card-information{font-size:.7875rem;color:#aeaeae;padding:.375rem 0}.card-title:hover{color:#4eb3f5;transition:color .8s ease;cursor:pointer}.card-description{margin:0;font-size:.9rem;color:#4c4948}.card-article-category:hover{color:#4eb3f5;transition:color .3s ease;cursor:pointer}.card-mobile{display:none}@media screen and (max-width: 768px){.card{display:none}.card-mobile{display:block;height:400px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 5px #0000001a}.card-content-mobile{display:flex;flex-direction:column}.card-image-container-mobile{height:230px;object-fit:cover}.card-text-mobile{font-size:28px;height:170px;padding:20px 20px 30px}.card-information-mobile{padding:6px 0}.card-description-mobile{height:56px;overflow:hidden;font-size:16px;background-color:beige}}.AuthorCard{width:100%;position:sticky;top:12px;transition:top .3s ease-in-out;z-index:10;max-width:300px;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease;box-shadow:0 2px 5px #0000001a;background-color:#fff;padding:16px;box-sizing:border-box;display:flex}.AuthorCard:hover{box-shadow:0 8px 16px #0003}.AuthorCard-content{display:flex;flex-direction:column;align-items:center;width:100%}.AuthorCard-image-container{width:110px;height:110px;overflow:hidden;border-radius:50%;margin-bottom:16px;position:relative}.AuthorCard-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;animation:rotateReverse .5s linear forwards}.AuthorCard-image:hover{animation:rotate .5s linear forwards}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.AuthorCard-text{text-align:center;width:100%}.AuthorCard-title{font-size:1.25rem;color:#384553;transition:color .8s ease}.AuthorCard-description{display:flex;width:100%;max-width:600px;font-size:.9rem;color:#4c4948;padding:6px;justify-content:center}.AuthorCard-information{margin:8px;transition:color .2s ease}.AuthorCard-information:hover{color:#4eb3f5;cursor:pointer}.AuthorCard-custom-button{margin-top:6px;background-color:#49b1f5;color:#fff;border:none;padding:0 16px;height:36px;line-height:36px;font-size:14px;cursor:pointer;border-radius:4px;transition:background-color .3s ease,color .3s ease}.AuthorCard-custom-button:hover{background-color:#ff7242}.AuthorCard-custom-button:active{background-color:#e06c00}.ArticleCardList-card{margin-bottom:12px}.home-page-container{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background-color .3s,color .3s}.home-text{transition:color .3s;font-weight:600;color:#290202;font-size:small}.home-page-container:hover .home-text{font-weight:700;color:#49b1f5}.home-text2{font-size:16px;font-weight:700;color:#eee;font-size:small;transition:color .3s}.home-page-container:hover .home-text2{color:#fffcfc;cursor:pointer;transition:color .3s}.home-icon{font-size:16px;color:#eee;transition:color .3s}.home-icon:hover{font-size:16px;color:#fffcfc;transition:color .3s;cursor:pointer}.home-icon2:hover{font-size:16px;color:#49b1f5;transition:color .3s;cursor:pointer}.home-page-container:hover .home-icon{font-size:16px;color:#fffcfc;transition:color .3s}.home-icon2{font-size:16px;color:#290202;transition:color .3s}.home-page-container:hover .home-icon2{font-size:16px;color:#49b1f5;transition:color .3s}.web-navrightbar{display:block}.mobile-navrightbar{display:none}@media screen and (max-width: 768px){.web-navrightbar{display:none}.mobile-navrightbar{display:block}}.subcontent-container{display:flex;justify-content:center;align-items:center;padding:20px}.subcontent-card-container{display:flex;justify-content:center;gap:12px;max-width:1170px;width:100%}.subcontent-card-wrapper{flex:3;max-width:850px;overflow:auto}.subcontent-author-card-wrapper{flex:1;max-width:300px}@media screen and (max-width: 768px){.subcontent-container{padding:5px}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-card{width:400px;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff}.login-title{text-align:center;margin-bottom:20px}.login-button{width:100%}.ant-table-tbody>tr>td{text-align:center}.admin-home{padding:30px}.admin-avatar:hover{cursor:pointer}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a;padding:20px;width:300px;text-align:center;transition:all .3s ease}.transparent-background{background-color:transparent;transition:all .3s ease}.site-name{font-weight:700;color:#290202;font-size:large}.site-name2{font-weight:700;color:#eee;font-size:large}.site-name:hover{font-weight:700;color:#49b1f5;cursor:pointer}.site-name2:hover{font-weight:700;color:#fffcfc;cursor:pointer}.nav-name{font-weight:600;color:#290202;font-size:small}.nav-name2{font-weight:600;color:#eee;font-size:small}.nav-name:hover{font-weight:700;color:#49b1f5;cursor:pointer}.nav-name2:hover{font-weight:700;color:#fffcfc;cursor:pointer}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.responsive-image{width:100%;height:911px;object-fit:cover;background-image:url(/assets/bg-C5pYCU6O.jpg);background-attachment:fixed;background-size:cover;background-position:center}.article-image-container{position:relative;width:100%;height:200px;overflow:hidden}.article-image-container img{width:100%;height:100%;object-fit:cover}.text-overlay{position:absolute;color:#fff;font-size:24px;font-weight:700;text-align:center;background:#00000080;padding:10px;border-radius:5px}.float-button{position:absolute;bottom:15px}.icon-bold{stroke-width:60}.bouncing-button{padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .3s ease;animation:bounce 1.5s infinite,color-gradient 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes color-gradient{0%,to{stroke:#83878b}50%{stroke:#eee}}.container{display:flex;justify-content:center;align-items:center;padding:20px}.card-container{display:flex;gap:12px;max-width:1170px;width:100%;margin:0 auto}.article-card-wrapper{flex:3;max-width:850px}.author-card-wrapper{flex:1;max-width:300px}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{width:35px;height:35px;line-height:35px;border-radius:50%;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,box-shadow .3s ease;border:none!important}.ant-pagination-item a,.ant-pagination-prev a,.ant-pagination-next a{display:block;width:100%;height:100%;text-align:center;color:#9cacc1!important;transition:color .3s ease}.ant-pagination-item a:hover,.ant-pagination-prev a:hover,.ant-pagination-next a:hover{color:#fff!important;transition:color .3s ease}.ant-pagination-item:hover{background-color:#ff7242!important;color:#fff!important;box-shadow:0 6px 12px #0003}.ant-pagination-item.ant-pagination-item-active{background-color:#00c4b6;color:#fff!important;box-shadow:0 6px 12px #0003}.ant-pagination-item.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item.ant-pagination-item-active:hover{background-color:#00c4b6;color:#fff!important;box-shadow:0 8px 16px #0000004d}.markdown-card{margin:20px 0;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}@media screen and (max-width:768px){.markdown-card{padding:5px}}.markdown-content{letter-spacing:normal;font-size:16px;line-height:1.6}.comments-card{background-color:#fff;height:230px;margin:36px auto;padding:12px;border-radius:8px;border:1px solid rgb(200,195,195)}.comments-container{display:flex;height:100%;flex-direction:column;align-content:center}.comments-header{height:42px;width:100%;background-color:#ffebcd;display:flex}.comments-container .item{height:38px;background-color:#ff0;flex:1;display:flex}.comments-container .custom-input{margin:auto;width:100%;height:100%;border-radius:0;border:0cap}.comments-content{height:180px}.comments-editer{height:100px;align-items:center;border:none;box-shadow:none;outline:none}.comments-container input:focus{box-shadow:none}textarea:focus{outline:none;box-shadow:none}.comments-content .button{margin-top:36px;margin-right:12px;text-align:end}.comment-warp{width:100%;padding:10px;display:flex}.comment-main{width:100%;margin-left:12px}.comment-header{height:25px;margin-bottom:6.5px}.comment-body{font-size:14px;line-height:2;margin:0 12px 12px 0}.comment-footer{height:25px}.comment-action-btn{height:100%;margin-right:16px}.comment-action-btn:hover{cursor:pointer}.comment-item{margin-right:12px}.comment-id{color:#74b9ff}.common-container{position:relative}.common-image-container{position:relative;overflow:hidden}.common-image-container img{display:block;width:100%;height:400px;object-fit:cover}.common-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.common-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;font-weight:700;text-align:center;z-index:2;padding:10px}.category-container,.category-image-container{position:relative}.category-image-container img{display:block;width:100%;height:400px;object-fit:cover}.category-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:40px;font-weight:700;text-align:center;background-color:#00000080;padding:10px}.category-card{padding:20px;border:1px solid #ddd;border-radius:8px;transition:box-shadow .3s ease}.category-card:hover{box-shadow:0 8px 16px #0003}.custom-list{list-style:none;padding:0;margin:0;font-family:Roboto,sans-serif;background:#fff;border-radius:12px;overflow:hidden}.custom-list li{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #ddd;transition:background-color .3s ease,transform .3s ease}.list-item-content{display:flex;justify-content:space-between;align-items:center;width:100%}.custom-list a{text-decoration:none;color:#333;font-weight:700;font-size:16px;flex:1;text-align:center;transition:color .3s ease}.custom-list span{color:#888;font-weight:400;font-size:14px;background:#f0f0f0;padding:6px 12px;border-radius:10px;margin-left:10px;border:1px solid #ddd;transition:background-color .3s ease,color .3s ease}.custom-list li:hover{background-color:#f5f5f5;transform:scale(1.02)}.custom-list li:hover a{color:#007bff}.custom-list li:hover span{background-color:#e0e0e0;color:#007bff}.custom-list li:hover{background:linear-gradient(135deg,#f5f5f5,#fff)}