body {margin: 0;
    padding: 0;
    background: #0f0c29 !important;
    background: linear-gradient(to bottom, #12091d, #1b0e2a) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
    color: #E6E6EB;
    padding-top: 220px !important;} 
 html, body {overflow-x: hidden !important; width: 100%; position: relative;}  

.main-content-wrapper {width: 100%;
    overflow: hidden;
    background: transparent;
    flex: 1;}
    
.header-section {background: linear-gradient(to bottom, #12091d, #1b0e2a) !important;
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999 !important;
    font-family: 'Segoe UI', Arial, sans-serif;
    padding: 10px 0 0 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    cursor: pointer !important; }
    
.brand-container {display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    position: relative;
    min-height: 80px; }
      
.brand-link { display: flex; align-items: center; gap: 20px; text-decoration: none; }
    
.brand-logo { width: 80px; 
    height: 80px; 
    border-radius: 50%; 
    object-fit: cover; }
    
.brand-name {font-size: 28px; 
    font-weight: 700;
    background: #f1f1f1;
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    white-space: nowrap; 
    line-height: 1;}

.menu-trigger {position: absolute;
    top: 50%;
    left: 300px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 10001;
    padding: 10px;
    cursor: pointer;}

.menu-trigger span {display: block;
    width: 35px;
    height: 3px;
    background: #ffffff;
    transition: 0.3s ease;}

.menu-trigger:hover span {background: #d4487f; box-shadow: 0 0 8px rgba(212, 72, 127, 0.8);}

.menu-container {position: absolute;
    left: 300px;
    top: 50px;
    z-index: 10002;
    padding-top: 15px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;}

.menu-trigger:hover ~ .menu-container,
.menu-container:hover {visibility: visible !important; opacity: 1 !important;}

.dropdown-content {background: #111111 !important;
    width: 280px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
    overflow: hidden;
    border: 1px solid #222;}

.dropdown-header {color: #d4487f;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 25px 12px;
    border-bottom: 3px solid #d4487f;
    text-transform: uppercase;
    background: #151515;}

.dropdown-content ul { list-style: none; padding: 0; margin: 0; }
.dropdown-content li { border-bottom: 1px solid #1a1a1a; position: relative; }

.dropdown-content li a {color: #ffffff !important;
    padding: 14px 25px;
    display: block;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s ease;}

.dropdown-content li a:hover {background: rgba(212, 72, 127, 0.1);
    color: #d4487f !important;
    padding-left: 35px;}

.has-sub { overflow: visible !important; }

.sub-wrapper {max-height: 0;
    opacity: 0;
    overflow: hidden;
    background: #0a0a0a;
    border-left: 3px solid #d4487f;
    transition: max-height 0.4s ease-out, opacity 0.3s ease !important;}

.has-sub:hover .sub-wrapper {max-height: 800px !important; opacity: 1 !important;}

.sub-item {display: block !important;
    padding: 10px 25px 10px 35px !important;
    color: #aaa !important;
    font-size: 13px !important;
    text-decoration: none !important;
    white-space: nowrap;
    transform: translateX(-30px) !important; 
    opacity: 0 !important;
    transition: transform 0.4s ease, opacity 0.4s ease !important;}

.has-sub:hover .sub-item {transform: translateX(0) !important; opacity: 1 !important;}

.sub-item:hover {
    color: #d4487f !important;
    background: #151515 !important;
    padding-left: 45px !important;}

.sub-nav-wrapper {background: linear-gradient(135deg,#241032,#d4487f) bottom / 100% 3px no-repeat;
    padding: 15px 0 !important;
    width: 100% !important;}
    
.sub-nav-list {display: flex !important; 
    justify-content: center !important;
    list-style: none !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    gap: 50px !important;}
    
.sub-nav-list li a {color: #f1f1f1 !important; 
        font-size: 18px !important; 
        font-weight: 600 !important; 
        text-decoration: none !important; 
        transition: 0.3s !important; }
    
 .sub-nav-list li a:hover, .sub-nav-list li a.active {background: linear-gradient(to top, #d4487f, #a43973, #752b62, #4a1e4c, #241032); 
        -webkit-background-clip: text; 
        background-clip: text; 
        -webkit-text-fill-color: transparent !important; 
        color: transparent !important; 
        text-shadow: 0 0 1px rgba(230,100,101,.5), 0 0 2px rgba(215,155,187,.8);}
    
 .sub-nav-list li a:hover {background-size: 200% 200%; 
        animation: glowMove 3s ease infinite; }   
    
 @keyframes glowMove {0% { background-position: left center; }
        50% { background-position: right center; }
        100% { background-position: left center; }}
    
 @media (max-width: 768px) {
        .sub-nav-list { gap: 20px !important; }
        .sub-nav-list li a { font-size: 14px !important; }
        .brand-name { font-size: 18px; }}
    
.header-section.scrolled .brand-logo { width: 45px !important; height: 45px !important; }
    
.header-section.scrolled .brand-name { font-size: 18px !important; }
    
.header-section.scrolled { padding: 5px 0 0 0 !important; }
    
.sub-nav-wrapper {position: relative;}

.nav-search {position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%); }

.search-icon {font-family: 'Bungee', sans-serif;
    font-size: 42px;
    color: #fff;
    display: flex !important;
    width: 40px;
    height: 40px;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    right: 300px; 
    user-select: none;
    cursor: pointer;}

.search-icon::before, 
.search-icon::after,
#search-toggle::before, 
#search-toggle::after {content: none !important;
    display: none !important;
    opacity: 0 !important;}

.search-icon:hover {color: #ff4757 !important;
    transform: scale(1.2) translateY(-2px);
    text-shadow: 0 0 8px rgba(255, 71, 87, 0.8), 
                 0 0 15px rgba(255, 71, 87, 0.4);}

.search-icon i, .search-icon span {display: none !important;}

.search-box {position: absolute;
    right: 300px; 
    top: 100%;
    margin-top: 10px;
    display: none;
    z-index: 1000;}

.search-box.active {display: block;}

.search-box input {padding: 8px 16px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.15);
    outline: none;
    width: 350px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;}

.search-box input::placeholder {color: rgba(255,255,255,0.6);}

.search-box input:focus {border-color: #d4487f;  box-shadow: 0 0 12px rgba(212,72,127,0.5);}

.search-results {background: rgba(26,17,49,0.95);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.08);
    margin-top: 10px;
    border-radius: 16px;
    max-height: 500px;
    overflow-y: auto;
    padding: 10px 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    animation: fadeIn 0.2s ease;}

.search-results a {display: block;
    padding: 8px 6px;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s ease;}

.search-results a:hover {background: rgba(212,72,127,0.15); color: #ff7eb3;}

@keyframes fadeIn {from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); }}

.search-results::-webkit-scrollbar {width: 6px;}

.search-results::-webkit-scrollbar-thumb {background: #d4487f;  border-radius: 10px;}

.search-item {display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px;
    text-decoration: none;
    color: white;}

.search-item img {width: 60px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;}
    
.header-section.scrolled {padding: 5px 0 0 0 !important;
    background-color: rgba(26, 17, 49, 0.85) !important;
    backdrop-filter: blur(8px);
    transition: all 0.4s ease;}
    
.header-section.scrolled .brand-logo {width: 40px !important; height: 40px !important; border-radius: 50%;}
    
.header-section.scrolled .brand-name {font-size: 18px !important; line-height: 1 !important;}
    
.header-section.scrolled .brand-container {padding: 5px 0 !important; margin-bottom: 0 !important; gap: 10px !important;}
    
.header-section.scrolled .menu-trigger {top: 50%; transform: translateY(-50%);}
    
.header-section.scrolled .sub-nav-wrapper {padding: 8px 0 !important; margin-bottom: 0 !important;}
    
.header-section.scrolled .sub-nav-list {gap: 30px !important;}

.mini-search {position: relative; max-width: 400px; margin: 20px auto;}

#quickSearch {width: 100%;
  padding: 10px 14px;
  border-radius: 8px;
  border: none;
  outline: none;}

.search-results {position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #1b0f2b;
  border-radius: 8px;
  margin-top: 5px;
  display: none;
  max-height: 500px;
  overflow-y: auto;
  z-index: 999;}

.search-results div {padding: 10px; transition: 0.2s;}

.search-results div:hover {background: #2a1740;}

html, body, * {cursor: url('https://blogger.googleusercontent.com/img/a/AVvXsEipr6p4gjZul4ynlzzBipglZi3CB1MZIQirIyvohAJFvTIAYcY6sk_bsw0TV6zKgLVBFngYad_nIR2OpgR_ljWRI-3Ek3RrnZf0ySZglXIVP_pe92N__nDGK3N5rkPnDIhKT0wVLeP887fycw8bhGmx-HMtN04ymA_oQD503dE3YOx5AzFTM6zyJ6nbcPE=s16000'), auto !important;}

html.wait, html.wait * {cursor: url('https://blogger.googleusercontent.com/img/a/AVvXsEjHfdVlkVFvJcgzXFEyfUAzSUHT3SBas8zNXwo1jIAJLZdavi7nOETD_vRmSjooGXx79kNY5iXtiI9uid6ylmkdRW-TJKxheObPN8KBe5TE-t0-SVlgf4fKkaL-AUKuY3ku36E2PplhYo0ADmbW7a1nnGR9Y2TAymy8XETFnOqAPT1urt0y7vTj47acupc=s16000'), wait !important;}

a, 
button, 
.image-grid img, 
.hentry,
.game-card,
.game-card *,
.hero-slider,
.hero-slider *,
.slick-list, 
.slick-track, 
.swiper-wrapper,
.swiper-container,
.slider-container,   
.search-item,
.search-item *,
.top-btn,
.tag-item,
.game-banner,
.card-thumb::after,
[role="button"] {cursor: url('https://blogger.googleusercontent.com/img/a/AVvXsEh4YJIj5s0o26hGviEV5RENQVRW4BX9TIpm-vOzx2hJ4qYorV44U4pxixl6fpPvMXvGO78n72VHXPHzs5-egyIY8OpkaWTs_Uihwy5BZLjxciB-YjGwAkADh3QpLx6lyy0VIxQx2386pqjwIq2RCRSGqQYYkQgkNu6HlQ0HA6rYjZ7Dej682fHloqQfaos=s16000'), pointer !important;}
h1, h2, h3, h4, span, p, div { cursor: inherit; }

.hero-slider {width: 1280px !important; 
    max-width: 1280px !important;
    height: 450px !important;
    margin: 20px auto !important;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    margin-bottom: 40px !important;
    z-index: 1;
    cursor: pointer !important;
    border: 3px solid #d4487f;
    box-shadow: 0 0 20px rgba(212, 72, 127, 0.5);
    box-sizing: border-box !important;}

.slides {display: flex; 
    height: 100%; 
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}

.slide {min-width: 100%; 
    position: relative; 
    height: 100%;}

.slide img {width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;}

.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);
    color: white;
    box-sizing: border-box !important;
    z-index: 10;}

.slide-content h2 {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    font-size: 28px !important;
    margin: 0 !important;
    letter-spacing: 1px;
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    font-weight: bold;
    white-space: nowrap;}

.slide-content p {position: relative;
    top: 50%;
    font-size: 14px !important;
    margin: 0 !important;
    letter-spacing: 1px;
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    font-weight: bold;
    text-align: center !important;
    left: 100px;
    margin-bottom: 3px;              
    max-width: 70%;}

.btn.view {position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    background: #5a0078;
    color: #fff;
    padding: 15px 45px;
    border-radius: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    transition: 0.3s;
    border: 2px solid #d4487f;
    white-space: nowrap;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);}

.btn.view:hover {background: #d4487f;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 0 25px #d4487f;}

.prev-slide, .next-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 24px;
    z-index: 100;
    transition: 0.3s;
    border-radius: 5px;
}

.prev-slide:hover, .next-slide:hover {
    background: #d4487f; /* Màu hồng đặc trưng của bạn */
    box-shadow: 0 0 15px #d4487f;
}

.prev-slide { left: 20px; }
.next-slide { right: 20px; }

.game-grid {display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    padding: 15px;
    max-width: 1380px;
    margin: 0 auto;
    box-sizing: border-box;}

.game-card {background: #1b0f2b;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    border-bottom: 4px; 
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;}

.game-card:hover {transform: translateY(-3px); box-shadow: 0 5px 15px rgba(212, 72, 127, 0.3);}

.card-thumb {width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    border-radius: 14px 14px 5px 5px;
    background: #12091d;}
      
.card-thumb img {width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;}
.game-card:hover .card-thumb img {transform: scale(1.05);}
      
.card-thumb::after {content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: 0.3s ease;
    z-index: 1;}
      
.game-card:hover .card-thumb::after {opacity: 1;}
      
.game-card a {text-decoration: none !important; outline: none;}
.download-icon-fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    font-size: 50px !important;
    color: #d4487f !important; 
    opacity: 0;
    z-index: 10;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-shadow: 0 0 2px #d4487f, 0 0 15px rgba(212, 72, 127, 0.6);}
      
.game-card:hover .download-icon-fa {opacity: 1; transform: translate(-50%, -50%) scale(1);}

.card-badge {position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(212, 72, 127, 0.85);
    color: #fff;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 4px;
    z-index: 3;
    text-transform: uppercase;}

.card-info {padding: 20px 10px !important;
    background: radial-gradient(circle, #241032, #4a1e4c, #752b62, #a43973, #d4487f) !important;
    border: none !important;
    margin-top: -2px;
    position: relative;
    z-index: 5;}

.card-info h3 {font-size: 16px;
    text-decoration: none !important;
    color: #fff !important;
    margin: 0;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;}

.card-size {font-size: 12px; color: #aaa;}

.card-thumb {
    position: relative;
    overflow: hidden;
}

.card-type-tags {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    z-index: 5;
}


.tag-item {
    font-size: 10px;
    transform: scale(0.8);
    transform-origin: right center;
    font-weight: 700;
    color: #ffffff;
    padding: 2px 4px;
    border-radius: 3px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    display: inline-block;
    text-align: center;
    min-width: 40px;
}

.tag-apk { background-color: #2ecc71 !important; }
.tag-pc { background-color: #3498db !important; } 
.tag-compressed { background-color: #e67e22 !important; }

.game-card:hover .tag-item {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.pagination {text-align: center; margin: 40px 0;}

.pagination a:hover, .current-page.active {background: radial-gradient(circle, #241032, #4a1e4c, #752b62, #a43973, #d4487f);
        -webkit-background-clip: text; 
        background-clip: text; 
        -webkit-text-fill-color: transparent !important; 
        color: #fff !important; 
        text-shadow: 0 0 1px rgba(230,100,101,.5), 0 0 2px rgba(215,155,187,.8);}
    
 .current-page:hover {background-size: 200% 200%; 
        animation: glowMove 3s ease infinite; }   

.pagination a, .current-page {padding: 8px 15px;
    margin: 0 5px;
    border-radius: 5px;
    background: #241032;
    color: #fff;
    text-decoration: none;}

.current-page { background: radial-gradient(circle, #241032, #4a1e4c, #752b62, #a43973, #d4487f); }

.buttons {display: flex; gap: 12px; flex-shrink: 0;}

.btn {padding: 10px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  white-space: nowrap;}

.btn.download {background: #5a0078;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.2);
  cursor: pointer  }

.btn:hover {transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3);}

.nav {position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(5px);
  color: white;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  z-index: 10;
  transition: 0.3s;}

.nav:hover { background: rgba(255,255,255,0.3); }
.prev { left: 15px; }
.next { right: 15px; }
      
.footer-section {
    background-color: #1a1a1a;
    padding: 60px 20px 30px 20px;
    color: #ccc;
    font-family: 'Segoe UI', Arial, sans-serif;
    position: relative;
    width: 100%;
    border-top: 2px solid #d4487f;
    margin-bottom: 0 !important; }
    
.footer-container {max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;}
      
.footer-col { flex: 1; min-width: 200px; }
      
.footer-col h4 { color: #fff; margin-bottom: 15px; font-size: 16px; }
      
.tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
      
.tag-item {background: #333;
        color: #eee;
        padding: 5px 12px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 12px;
        transition: 0.3s;}
      
.tag-item:hover { background: #f78f90; color: #fff; }
      
.footer-info { margin-top: 25px; }
      
.footer-logo { width: 40px; margin-bottom: 10px; }
      
.copyright-text { font-size: 13px; margin: 5px 0; }
      
.social-icons { display: flex; gap: 15px; margin-top: 15px; }
      
.social-icons a { color: #fff; font-size: 20px; text-decoration: none; opacity: 0.7; }
      
.social-icons a:hover { opacity: 1; color: #f78f90; }
      
.tag-item:hover, 
.social-icons a:hover, 
.help-links a:hover { color: #fff; background: #d4487f;}
      
.help-links a {display: block;
        color: #888;
        text-decoration: none;
        margin-bottom: 8px;
        font-size: 14px;}
      
.help-links a:hover { color: #f78f90; }
      
.top-btn {position: fixed;
        right: 40px;
        bottom: 150px;
        background: #f78f90;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-weight: bold;
        box-shadow: 0 0 15px rgba(247,143,144,0.5);
        text-decoration: none;}
      
@media (max-width: 768px) {.footer-char { display: none; }
                           
.footer-container { flex-direction: column; }}
      
.megumin-left {position: fixed;
    bottom: 10px;
    left: 0; 
    width: 200px; 
    z-index: 999; 
    pointer-events: none;
    transition: 0.3s;
    animation: sideFloat 3.5s ease-in-out infinite;}
      
.megumin-left img {width: 100%;
    height: auto;
    filter: drop-shadow(5px 5px 15px rgba(247, 143, 144, 0.4));}
      
@keyframes sideFloat {0%, 100% { transform: translateX(0) translateY(0); } 50% { transform: translateX(10px) translateY(-10px); }}
@media (max-width: 1100px) {.megumin-left {display: none;}}
      
#back-to-top {position: fixed;
    bottom: 40px;
    right: 40px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    background: radial-gradient(circle, #241032, #4a1e4c, #752b62, #a43973, #d4487f);
    box-shadow: 0 0 15px rgba(230,100,101,.6),
                0 0 35px rgba(215,155,187,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px) scale(1);
    transition: all .4s cubic-bezier(.2,.8,.2,1);
    z-index: 9999;}
      
#back-to-top.show {opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    animation: animeFloat 2.5s ease-in-out infinite;}
      
#back-to-top:hover {transform: scale(1.15); box-shadow: 0 0 25px #f78f90, 0 0 50px #D79BBB;}
      
@keyframes animeFloat {0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); }}

#btn-load-more {padding: 10px 25px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    border-radius: 50px;
    background: radial-gradient(circle, #241032, #4a1e4c, #752b62, #a43973, #d4487f);
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 0 5px 15px rgba(212, 72, 127, 0.3);
    margin-top: 20px;}

#btn-load-more:hover {transform: scale(1.1);
    box-shadow: 0 0 25px #d4487f, 0 0 45px rgba(212, 72, 127, 0.5);
    filter: brightness(1.2);}

.pitu-item.is-visible {display: flex !important;
    animation: fadeIn 0.6s ease forwards;}

@keyframes fadeIn {from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}

.pitu-global-notice {width: 980px !important;
    margin: 20px auto;
    position: relative !important;
    left: 0 !important;               
    box-sizing: border-box !important;}

.notice-tag {
    background: #d4487f;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    display: table;
    margin: 20px auto 4px auto; 
    white-space: nowrap;
    box-shadow: 0 0 10px #d4487f;
}

.notice-text {flex-grow: 1;
    color: #eee;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;}

.notice-text b {color: #d4487f; text-shadow: 0 0 5px rgba(212, 72, 127, 0.5);}

.notice-link {color: #a43973;
    display: block;          
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    transition: 0.3s;}

.notice-link:hover {color: #d4487f;}