@import url('https://js.18183.com/pc/zq/2026/shwj9/css/fontface.css');:root{--primary-color:#e63946;--secondary-color:#1d3557;--dark-color:#111827;--light-color:#f1faee;--accent-color:#a8dadc}body{font-family:'Noto Sans SC',sans-serif;background-image:url('https://img.18183.com/uploads/allimg/260318/357-26031R15152.jpg');background-size:cover;background-position:center;background-attachment:fixed;color:var(--light-color);overflow-x:hidden}.hero-section{position:relative;height:100vh;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0.8));z-index:1}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.nav-link{position:relative;transition:all 0.3s ease}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.card{background:rgba(29,53,87,0.8);backdrop-filter:blur(10px);border-radius:10px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(255,255,255,0.1)}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.5)}.btn-primary{background-color:var(--primary-color);color:white;padding:12px 30px;border-radius:50px;font-weight:600;transition:all 0.3s ease;border:2px solid var(--primary-color)}.btn-primary:hover{background-color:transparent;color:var(--primary-color);transform:translateY(-3px);box-shadow:0 10px 20px rgba(230,57,70,0.3)}.btn-secondary{background-color:transparent;color:var(--light-color);padding:12px 30px;border-radius:50px;font-weight:600;transition:all 0.3s ease;border:2px solid var(--light-color)}.btn-secondary:hover{background-color:var(--light-color);color:var(--dark-color);transform:translateY(-3px);box-shadow:0 10px 20px rgba(241,250,238,0.3)}.section-title{position:relative;display:inline-block;margin-bottom:40px;font-weight:900}.section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:var(--primary-color)}.news-item{transition:transform 0.3s ease}.news-item:hover{transform:translateX(10px)}.news-date{color:var(--primary-color);font-size:0.8rem;margin-right:10px}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer}.gallery-item img{transition:transform 0.5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:flex-end;padding:20px}.gallery-item:hover .gallery-overlay{opacity:1}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline::after{content:'';position:absolute;width:6px;background-color:var(--secondary-color);top:0;bottom:0;left:50%;margin-left:-3px}.timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box}.timeline-item::after{content:'';position:absolute;width:25px;height:25px;right:-12px;background-color:var(--primary-color);border:4px solid var(--primary-color);top:15px;border-radius:50%;z-index:1}.timeline-left{left:0}.timeline-right{left:50%}.timeline-left::after{right:-12px}.timeline-right::after{left:-12px}.timeline-content{padding:20px 30px;background-color:var(--secondary-color);position:relative;border-radius:10px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.comment-form input,.comment-form textarea{background-color:rgba(29,53,87,0.5);border:1px solid rgba(255,255,255,0.1);color:var(--light-color);padding:12px;border-radius:5px;margin-bottom:15px;width:100%;transition:all 0.3s ease}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px rgba(230,57,70,0.3)}@media (max-width:768px){.timeline::after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item::after{left:18px}.timeline-right{left:0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-color)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.game-tag{display:inline-block;padding:4px 12px;background-color:rgba(230,57,70,0.2);color:var(--primary-color);border-radius:50px;font-size:0.8rem;margin-right:10px;margin-bottom:10px;border:1px solid var(--primary-color)}.nav-link.active::after{width:100%}.article-item{transition:all 0.3s ease;border-left:3px solid transparent}.article-item:hover{border-left:3px solid var(--primary-color);padding-left:15px!important}.download-btn{position:relative;overflow:hidden;z-index:1}.download-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:all 0.6s ease;z-index:-1}.download-btn:hover::before{left:100%}