.page-anime{background-color:#f7f8fa;flex-direction:column;align-items:center;gap:30px;width:100%;min-height:100vh;padding:50px 40px;display:flex}.page-anime .category-title{color:red}.page-anime #hammasi{color:#fff;cursor:pointer;background-color:#ee000d;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.page-anime #hammasi svg{width:16px;height:16px;transition:transform .3s}.page-anime #hammasi:hover{background-color:#ff2a2a;transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.3)}.page-anime #hammasi:hover svg{transform:translate(3px)}.page-anime #hammasi:active{transform:scale(.98);box-shadow:0 3px 8px rgba(0,0,0,.2)}.page-anime .category-title{text-transform:uppercase;color:#333;font-size:32px;font-weight:700}.page-anime .page-header{text-align:center;margin-bottom:30px}.page-anime .page-header h1{color:#333;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:42px;font-weight:800}.page-anime .page-header p{color:#666;max-width:600px;margin:0 auto;font-size:18px}.page-anime .anime-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;place-items:center;row-gap:30px;width:100%;max-width:1400px;display:grid}.page-anime .page-anime-container{transition:all .4s;position:relative}.page-anime .page-anime-container:hover{transform:translateY(-10px)}.page-anime .page-anime-container a{color:inherit;text-decoration:none;display:block}.page-anime .page-anime-container .card-img{border-radius:6px;width:260px;height:320px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.page-anime .page-anime-container .card-img:hover{animation:2s infinite glow}.page-anime .page-anime-container .card-img img{object-fit:cover;border-radius:6px;width:100%;height:100%;transition:all .5s;display:block}.page-anime .page-anime-container .card-img:hover img{transform:scale(1.08)}.page-anime .page-anime-container .card-img .card-text .year{z-index:3;color:#fff;letter-spacing:.5px;background:rgba(52,52,52,.85);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.page-anime .page-anime-container .card-img .card-text .view-count{z-index:3;color:#fff;letter-spacing:.5px;fill:#fff;background:rgba(52,52,52,.85);border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.page-anime .page-anime-container .card-img .card-text p{align-items:center;gap:2px;margin:0;display:flex}.page-anime .page-anime-container .card-img .card-icon{z-index:3;cursor:pointer;background:rgba(0,0,0,.7);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;bottom:16px;right:16px}.page-anime .page-anime-container .card-img .card-icon:hover{transform:scale(1.1)}.page-anime .page-anime-container .card-img .card-icon:hover .heart-icon{transform:scale(1.2)}.page-anime .page-anime-container .card-img .card-icon .heart-icon{width:24px;height:24px;transition:all .3s}.page-anime .page-anime-container .card-img .card-icon .heart-icon.favorite{animation:.5s pulse}.page-anime .page-anime-container .card-img .image-text{color:#fff;text-align:left;background:linear-gradient(transparent 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.8) 100%);border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:100%;padding:20px 15px 15px;transition:all .4s;position:absolute;bottom:0;left:0}.page-anime .page-anime-container .card-img .image-text p{text-shadow:0 2px 4px rgba(0,0,0,.5);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.page-anime .page-anime-container .card-img:hover .image-text{background:linear-gradient(transparent 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.9) 100%);padding-bottom:20px}.ad-block{margin-top:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (max-width:768px){.page-anime{background-color:#f7f8fa;padding:60px 20px}.page-anime .page-header h1{color:#333;font-size:28px}.page-anime .page-header p{color:#666;padding:0 20px;font-size:14px}.page-anime .anime-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.page-anime .page-anime-container .card-img{width:170px;height:220px}.page-anime .page-anime-container .card-img .card-text .year{padding:4px 10px;font-size:12px;top:8px;left:8px}.page-anime .page-anime-container .card-img .card-text .view-count{padding:4px 10px;font-size:12px;top:8px;right:8px}.page-anime .page-anime-container .card-img .card-icon{width:32px;height:32px;bottom:10px;right:10px}.page-anime .page-anime-container .card-img .card-icon .heart-icon{width:18px;height:18px}.page-anime .page-anime-container .card-img .image-text{padding:12px 10px 10px}.page-anime .page-anime-container .card-img .image-text p{-webkit-line-clamp:2;font-size:14px}.page-anime .page-anime-container .card-img:hover .image-text{padding-bottom:12px}}.profile-message{color:#fff;z-index:9999;background:#1c1c1c;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;animation:2.5s forwards fadeInOut;display:flex;position:fixed;top:80px;right:20px;box-shadow:0 4px 10px rgba(0,0,0,.3)}.profile-message.success{border-left:4px solid #22c55e}.profile-message.error{border-left:4px solid #ef4444}.profile-message .msg-sticker{object-fit:cover;border-radius:50%;width:38px;height:38px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-15px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}@media screen and (max-width:500px){.profile-message{top:130px}}@media (hover:none){.page-anime-container .card-img .image-text{transform:translateY(0)}}