.page-blog-top-no-hu{padding:0;margin:0;background:linear-gradient(135deg, #0a1420 0%, #08162B 50%, #0d1f3a 100%);color:#F3F8FF;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}
.page-blog-top-no-hu__hero-section{padding:10px 20px 0;max-width:1200px;margin:0 auto}
.page-blog-top-no-hu__hero-image-wrap{width:100%}
.page-blog-top-no-hu__hero-image{width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:12px;border:1px solid #244D84}
.page-blog-top-no-hu__hero-content{padding:24px 0 20px;text-align:center}
.page-blog-top-no-hu__main-title{color:#F3F8FF;font-weight:800;line-height:1.25;max-width:900px;margin:0 auto 14px;letter-spacing:0.2px}
.page-blog-top-no-hu__hero-desc{color:#AFC4E8;max-width:800px;margin:0 auto 20px;font-size:1rem}
.page-blog-top-no-hu__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.page-blog-top-no-hu__btn{display:inline-block;border:none;cursor:pointer;font-weight:700;text-align:center;text-decoration:none;padding:13px 32px;border-radius:8px;font-size:1rem;transition:all .3s ease}
.page-blog-top-no-hu__btn--primary{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#ffffff;box-shadow:0 4px 18px rgba(47,128,237,0.35)}
.page-blog-top-no-hu__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(47,128,237,0.5)}
.page-blog-top-no-hu__btn--outline{background:transparent;color:#4FA8FF;border:2px solid #1D5FD1}
.page-blog-top-no-hu__btn--outline:hover{background:rgba(29,95,209,0.15);border-color:#4FA8FF}
.page-blog-top-no-hu__btn--small{padding:10px 23px;font-size:0.9rem}
.page-blog-top-no-hu__intro-section{padding:60px 20px 20px;max-width:1200px;margin:0 auto}
.page-blog-top-no-hu__section-title{color:#F3F8FF;font-size:2rem;font-weight:800;text-align:center;margin-bottom:24px;letter-spacing:0.3px}
.page-blog-top-no-hu__intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-blog-top-no-hu__intro-card{background:#10233F;border:1px solid #244D84;border-radius:12px;padding:28px 20px;text-align:center}
.page-blog-top-no-hu__intro-title{color:#F2C14E;font-size:1.3rem;margin-bottom:10px;font-weight:700}
.page-blog-top-no-hu__intro-text{color:#AFC4E8;font-size:0.95rem}
.page-blog-top-no-hu__games-section{padding:40px 20px;max-width:1200px;margin:0 auto}
.page-blog-top-no-hu__games-container{display:flex;flex-direction:column;gap:40px}
.page-blog-top-no-hu__game-card{display:flex;flex-direction:column;align-items:center}
.page-blog-top-no-hu__game-media{width:100%}
.page-blog-top-no-hu__game-card:nth-child(3) .page-blog-top-no-hu__game-media{max-width:800px}
.page-blog-top-no-hu__game-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;border:1px solid #244D84}
.page-blog-top-no-hu__game-content{background:#10233F;border:1px solid #1D5FD1;border-radius:12px;padding:28px;max-width:900px;margin:-20px auto 0;position:relative;z-index:2;box-shadow:0 8px 28px rgba(0,0,0,0.3);width:calc(100% - 40px)}
.page-blog-top-no-hu__game-card:nth-child(2) .page-blog-top-no-hu__game-content,.page-blog-top-no-hu__game-card:nth-child(4) .page-blog-top-no-hu__game-content{background:#08162B}
.page-blog-top-no-hu__game-number{color:#F2C14E;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}
.page-blog-top-no-hu__game-title{color:#F3F8FF;font-size:1.6rem;font-weight:800;margin:8px 0 14px}
.page-blog-top-no-hu__game-text{color:#AFC4E8;font-size:0.95rem}
.page-blog-top-no-hu__game-stats{display:flex;gap:30px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 20px}
.page-blog-top-no-hu__stat-item{display:flex;flex-direction:column;gap:4px}
.page-blog-top-no-hu__stat-label{color:#AFC4E8;font-size:0.75rem;text-transform:uppercase;letter-spacing:1px}
.page-blog-top-no-hu__stat-value{color:#F2C14E;font-weight:700;font-size:1.05rem}
.page-blog-top-no-hu__tips-section{background:rgba(16,35,63,0.6);padding:60px 20px 40px;border-top:1px solid #244D84;border-bottom:1px solid #244D84}
.page-blog-top-no-hu__tips-inner{max-width:1100px;margin:0 auto}
.page-blog-top-no-hu__tips-desc{color:#AFC4E8;text-align:center;max-width:700px;margin:0 auto 36px}
.page-blog-top-no-hu__tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-blog-top-no-hu__tip-item{background:#10233F;border-radius:12px;padding:26px 22px;box-sizing:border-box}
.page-blog-top-no-hu__tip-icon{font-size:2.2rem;margin-bottom:10px}
.page-blog-top-no-hu__tip-title{color:#F2C14E;font-size:1.15rem;margin-bottom:10px;font-weight:700}
.page-blog-top-no-hu__tip-text{color:#AFC4E8;font-size:0.95rem}
.page-blog-top-no-hu__cta-section{padding:60px 20px}
.page-blog-top-no-hu__cta-inner{background:linear-gradient(135deg, #113B7A, #1D5FD1);border-radius:16px;padding:36px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto;border:1px solid rgba(79,168,255,0.4)}
.page-blog-top-no-hu__cta-title{color:#FFFFFF;font-size:1.8rem;font-weight:800;margin:0 0 8px}
.page-blog-top-no-hu__cta-desc{color:#F3F8FF;font-size:1rem;max-width:650px;opacity:0.95}
.page-blog-top-no-hu__cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-blog-top-no-hu__faq-section{padding:40px 20px 70px;max-width:900px;margin:0 auto}
.page-blog-top-no-hu__faq-item{margin-bottom:14px;border:1px solid #244D84;border-radius:8px}
.page-blog-top-no-hu__faq-question{list-style:none;cursor:pointer;padding:16px 18px;font-weight:700;color:#F3F8FF;display:flex;align-items:center;background:rgba(16,35,63,0.8)}
.page-blog-top-no-hu__faq-question::-webkit-details-marker{display:none}
.page-blog-top-no-hu__faq-icon{display:inline-block;width:24px;height:24px;line-height:24px;margin-right:12px;background:#1D5FD1;border-radius:50%;text-align:center;color:#F3F8FF;font-weight:800}
.page-blog-top-no-hu__faq-answer{padding:14px 30px 18px;color:#AFC4E8;background:#08162B;border-top:1px solid #244D84;line-height:1.7}
.page-blog-top-no-hu__faq-answer p{margin:0}
.page-blog-top-no-hu__faq-item[open] .page-blog-top-no-hu__faq-icon{background:#F2C14E;color:#0a1420}
@media (max-width:1024px){
.page-blog-top-no-hu__intro-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.page-blog-top-no-hu__section-title{font-size:1.6rem}
.page-blog-top-no-hu__cta-inner{flex-direction:column;align-items:flex-start}
.page-blog-top-no-hu__game-content{margin-top:0;width:100%;max-width:100%;border-radius:0 0 12px 12px}
}
@media (max-width:768px){
.page-blog-top-no-hu{padding:0}
.page-blog-top-no-hu__hero-section{padding:10px 12px 0}
.page-blog-top-no-hu__hero-image{aspect-ratio:2/1}
.page-blog-top-no-hu__hero-content{padding:18px 0 16px}
.page-blog-top-no-hu__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:13px 20px}
.page-blog-top-no-hu__btn--small{width:100%}
.page-blog-top-no-hu__hero-actions{flex-direction:column;width:100%}
.page-blog-top-no-hu__intro-section,.page-blog-top-no-hu__games-section,.page-blog-top-no-hu__tips-section,.page-blog-top-no-hu__cta-section,.page-blog-top-no-hu__faq-section{padding-left:12px;padding-right:12px}
.page-blog-top-no-hu__section-title{font-size:1.35rem}
.page-blog-top-no-hu__intro-grid{grid-template-columns:1fr}
.page-blog-top-no-hu__intro-card{padding:20px 14px}
.page-blog-top-no-hu__game-card{width:100%}
.page-blog-top-no-hu__game-media{width:100%}
.page-blog-top-no-hu__game-image{aspect-ratio:16/9;border-radius:12px 12px 0 0}
.page-blog-top-no-hu__game-content{padding:20px 16px;border-radius:0 0 12px 12px;border-top:none}
.page-blog-top-no-hu__game-title{font-size:1.25rem}
.page-blog-top-no-hu__game-stats{flex-direction:column;gap:8px}
.page-blog-top-no-hu__tips-grid{grid-template-columns:1fr}
.page-blog-top-no-hu__tip-item{padding:20px 16px}
.page-blog-top-no-hu__cta-inner{padding:28px 16px;flex-direction:column;align-items:flex-start}
.page-blog-top-no-hu__cta-title{font-size:1.5rem}
.page-blog-top-no-hu__btn:last-child{margin-bottom:8px}
.page-blog-top-no-hu__faq-question{font-size:0.9rem;padding:12px 14px}
.page-blog-top-no-hu__faq-icon{width:20px;height:20px;line-height:20px;font-size:0.8rem}
.page-blog-top-no-hu img{max-width:100%!important;height:auto!important}
.page-blog-top-no-hu{max-width:100%;overflow-x:hidden}
}