* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.container-w8q5 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.nav-bar-x3p2 {
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 1000;
}

.nav-bar-x3p2 .container-w8q5 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}

.logo-h4n7 {
font-size: 1.5rem;
font-weight: bold;
color: #3b82f6;
display: flex;
align-items: center;
gap: 10px;
}

.logo-h4n7 .logo-img {
width: 150px;  /* 从30px增加到50px */
height: 40px;  /* 从30px增加到50px */
object-fit: contain;
vertical-align: middle;
transition: transform 0.3s ease;  /* 添加平滑过渡效果 */
}

/* 添加鼠标悬停效果 */
.logo-h4n7 .logo-img:hover {
transform: scale(1.1);  /* 鼠标悬停时轻微放大 */
}

.nav-menu-d6t1 {
display: flex;
list-style: none;
gap: 30px;
}

.nav-menu-d6t1 a {
text-decoration: none;
color: #333;
font-weight: 500;
transition: color 0.3s;
}

.nav-menu-d6t1 a:hover {
color: #3b82f6;
}

.mobile-toggle-r2k8 {
display: none;
background: none;
border: none;
font-size: 1.5rem;
color: #3b82f6;
cursor: pointer;
}

.main-content-z5v3 {
padding-top: 20px;
}

.hero-section-b9m4 {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 60px 20px;
text-align: center;
color: white;
}

.hero-content-p1x6 {
max-width: 800px;
margin: 0 auto;
}

.game-icon-t8s2 {
width: 150px;
height: 150px;
border-radius: 20px;
margin-bottom: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.hero-content-p1x6 h1 {
font-size: 3rem;
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.game-tags-f3n9 {
display: flex;
gap: 15px;
justify-content: center;
margin-bottom: 20px;
flex-wrap: wrap;
}

.tag-y7h4 {
background: rgba(255,255,255,0.2);
padding: 8px 16px;
border-radius: 20px;
font-size: 0.9rem;
backdrop-filter: blur(10px);
}

.game-subtitle-k2w1 {
font-size: 1.2rem;
margin-bottom: 30px;
line-height: 1.8;
}

.download-btn-main-a5c8 {
background: linear-gradient(135deg, #fbbf24, #f59e0b);
color: white;
border: none;
padding: 18px 40px;
font-size: 1.2rem;
font-weight: bold;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 5px 20px rgba(251, 191, 36, 0.4);
}

.download-btn-main-a5c8:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(251, 191, 36, 0.6);
}

.version-info-j4b6 {
margin-top: 20px;
font-size: 0.9rem;
opacity: 0.9;
}

.section-intro-l9d3,
.section-features-c7x1,
.section-gameplay-h5w9,
.section-guides-p9k2,
.section-news-c4h8,
.section-reviews-n2k7,
.section-download-v9h3,
.section-links-w2n5 {
background: white;
margin: 30px 20px;
padding: 50px 20px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.section-intro-l9d3 h2,
.section-features-c7x1 h2,
.section-gameplay-h5w9 h2,
.section-guides-p9k2 h2,
.section-news-c4h8 h2,
.section-reviews-n2k7 h2,
.section-download-v9h3 h2,
.section-links-w2n5 h2 {
font-size: 2rem;
color: #3b82f6;
margin-bottom: 30px;
text-align: center;
}

.intro-content-n6p8 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.intro-image-q1r7 {
width: 100%;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.intro-text-v4m2 p {
margin-bottom: 20px;
text-align: justify;
line-height: 1.8;
}

.features-grid-s3k9 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}

.feature-card-e8t5 {
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
padding: 30px;
border-radius: 10px;
text-align: center;
transition: transform 0.3s;
}

.feature-card-e8t5:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2);
}

.feature-icon-m2n6 {
font-size: 3rem;
color: #3b82f6;
margin-bottom: 15px;
}

.feature-card-e8t5 h3 {
color: #1e40af;
margin-bottom: 15px;
font-size: 1.3rem;
}

.gameplay-content-r8p4 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
align-items: center;
}

.reverse-layout-x9m1 {
direction: rtl;
}

.reverse-layout-x9m1 > * {
direction: ltr;
}

.gameplay-img-t6k3 {
width: 100%;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.gameplay-text-b2v7 h3 {
color: #3b82f6;
margin-bottom: 15px;
font-size: 1.5rem;
}

.gameplay-text-b2v7 p {
margin-bottom: 15px;
line-height: 1.8;
text-align: justify;
}

.guides-grid-v5n8 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
}

.guide-card-w3t7 {
background: linear-gradient(135deg, #fef3c7, #fde68a);
padding: 25px;
border-radius: 10px;
text-decoration: none;
color: #333;
transition: all 0.3s;
display: block;
}

.guide-card-w3t7:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(251, 191, 36, 0.3);
}

.guide-icon-l4m9 {
font-size: 2.5rem;
color: #f59e0b;
margin-bottom: 15px;
}

.guide-card-w3t7 h3 {
color: #92400e;
margin-bottom: 10px;
font-size: 1.2rem;
}

.guide-card-w3t7 p {
margin-bottom: 15px;
line-height: 1.6;
}

.read-more-z6x4 {
color: #f59e0b;
font-weight: bold;
}

.news-grid-b7k5 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}

.news-card-m3p9 {
background: #f9fafb;
padding: 25px;
border-radius: 10px;
text-decoration: none;
color: #333;
transition: all 0.3s;
display: block;
border-left: 4px solid #3b82f6;
}

.news-card-m3p9:hover {
transform: translateX(5px);
box-shadow: 0 5px 15px rgba(59, 130, 246, 0.2);
}

.news-date-x8w2 {
color: #6b7280;
font-size: 0.9rem;
margin-bottom: 10px;
}

.news-card-m3p9 h3 {
color: #1e40af;
margin-bottom: 10px;
font-size: 1.2rem;
}

.news-card-m3p9 p {
margin-bottom: 15px;
line-height: 1.6;
}

.review-summary-t5m3 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
margin-bottom: 40px;
padding: 30px;
background: #f0f9ff;
border-radius: 10px;
}

.rating-score-p8w1 {
text-align: center;
}

.score-number-k9v4 {
font-size: 4rem;
font-weight: bold;
color: #3b82f6;
}

.stars-display-h3x7 {
font-size: 1.5rem;
color: #fbbf24;
margin: 10px 0;
}

.rating-text-b6n2 {
color: #6b7280;
font-size: 0.9rem;
}

.rating-bars-w7k5 {
display: flex;
flex-direction: column;
gap: 10px;
}

.rating-bar-item-m4p8 {
display: grid;
grid-template-columns: 40px 1fr 50px;
gap: 10px;
align-items: center;
}

.bar-bg-x2n9 {
background: #e5e7eb;
height: 10px;
border-radius: 5px;
overflow: hidden;
}

.bar-fill-t6k1 {
background: #fbbf24;
height: 100%;
transition: width 0.3s;
}

.reviews-list-c9m6 {
display: grid;
gap: 20px;
}

.review-card-h4p7 {
background: #f9fafb;
padding: 25px;
border-radius: 10px;
}

.reviewer-info-k3w8 {
display: flex;
gap: 15px;
margin-bottom: 15px;
}

.reviewer-avatar-n7m2 {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #3b82f6, #2563eb);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-weight: bold;
}

.reviewer-details-p5x9 h4 {
margin-bottom: 5px;
color: #1e40af;
}

.review-stars-b8k4 {
color: #fbbf24;
}

.review-card-h4p7 p {
line-height: 1.8;
}

.download-box-k7m4 {
display: flex;
gap: 32px;
align-items: center;
justify-content: space-between;
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
padding: 40px;
border-radius: 15px;
}

.download-main-info-x1a2 {
flex: 1.3;
max-width: 60%;
}

.download-badge-new-v2 {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: 999px;
background: #1e40af;
color: #fef3c7;
font-size: 0.8rem;
margin-bottom: 10px;
}

.download-badge-new-v2 i {
font-size: 0.9rem;
}

.download-meta-list-z8c3 {
list-style: none;
margin-top: 10px;
}

.download-meta-list-z8c3 li {
font-size: 0.9rem;
color: #4b5563;
margin-bottom: 6px;
}

.download-meta-list-z8c3 i {
color: #3b82f6;
margin-right: 8px;
}

.download-side-panel-y9b4 {
flex: 0 0 320px;
max-width: 320px;
background: rgba(255, 255, 255, 0.9);
border-radius: 12px;
padding: 20px 24px;
box-shadow: 0 10px 25px rgba(59, 130, 246, 0.35);
text-align: center;
}

.download-side-title-c3p7 {
font-weight: 600;
font-size: 1rem;
color: #1e40af;
margin-bottom: 15px;
}

.download-tip-note-m5c1 {
font-size: 0.85rem;
color: #6b7280;
margin-top: 12px;
line-height: 1.5;
}

.download-extra-flags-r4d2 {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 14px;
font-size: 0.85rem;
color: #374151;
}

.download-extra-flags-r4d2 span i {
color: #10b981;
margin-right: 6px;
}

.download-mini-stats-h7p1 {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 16px;
padding-top: 10px;
border-top: 1px dashed #e5e7eb;
font-size: 0.8rem;
color: #6b7280;
}

.download-mini-stats-h7p1 i {
color: #f59e0b;
margin-right: 4px;
}

.download-icon-p3w8 {
width: 120px;
height: 120px;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.download-info-n5k2 h3 {
color: #1e40af;
font-size: 1.8rem;
margin-bottom: 10px;
}

.download-info-n5k2 > p {
color: #4b5563;
margin-bottom: 20px;
}

.download-features-m8x6 {
list-style: none;
margin-bottom: 25px;
}

.download-features-m8x6 li {
margin-bottom: 10px;
color: #374151;
}

.download-features-m8x6 i {
color: #10b981;
margin-right: 10px;
}

.download-btn-large-t4k9 {
background: linear-gradient(135deg, #3b82f6, #2563eb);
color: white;
border: none;
padding: 15px 35px;
font-size: 1.1rem;
font-weight: bold;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 5px 20px rgba(59, 130, 246, 0.4);
}

.download-btn-large-t4k9:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(59, 130, 246, 0.6);
}

.links-grid-p7k3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
}

.links-grid-p7k3 a {
background: #f3f4f6;
padding: 15px;
border-radius: 8px;
text-decoration: none;
color: #3b82f6;
text-align: center;
transition: all 0.3s;
font-weight: 500;
}

.links-grid-p7k3 a:hover {
background: #e5e7eb;
transform: translateY(-2px);
}

.footer-section-b3k8 {
background: rgba(255, 255, 255, 0.95);
padding: 30px 20px;
text-align: center;
color: #6b7280;
margin-top: 30px;
}

.footer-section-b3k8 p {
margin-bottom: 5px;
}

@media (max-width: 768px) {
.nav-menu-d6t1 {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
padding: 20px;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

.nav-menu-d6t1.active-m9k3 {
display: flex;
}

.mobile-toggle-r2k8 {
display: block;
}

.hero-content-p1x6 h1 {
font-size: 2rem;
}

.game-subtitle-k2w1 {
font-size: 1rem;
}

.intro-content-n6p8,
.gameplay-content-r8p4 {
grid-template-columns: 1fr;
}

.reverse-layout-x9m1 {
direction: ltr;
}

.features-grid-s3k9,
.guides-grid-v5n8,
.news-grid-b7k5 {
grid-template-columns: 1fr;
}

.review-summary-t5m3 {
grid-template-columns: 1fr;
}

.download-box-k7m4 {
flex-direction: column;
text-align: center;
}

.section-intro-l9d3 h2,
.section-features-c7x1 h2,
.section-gameplay-h5w9 h2,
.section-guides-p9k2 h2,
.section-news-c4h8 h2,
.section-reviews-n2k7 h2,
.section-download-v9h3 h2,
.section-links-w2n5 h2 {
font-size: 1.5rem;
}
}

.protocol-news-page{max-width:1180px;margin:0 auto;padding:110px 22px 60px}.protocol-news-page h1{text-align:center;margin-bottom:32px}.protocol-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.protocol-news-card{padding:24px;border-radius:14px;box-sizing:border-box}.protocol-news-card time{display:block;opacity:.72;margin:10px 0}.protocol-detail-content{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.protocol-back{display:inline-block;margin:24px 0}.managed-download-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:20px}.managed-download-dialog{width:min(100%,500px);padding:28px;border-radius:14px;background:#171b28;color:#fff;box-sizing:border-box}.managed-download-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.managed-download-dialog button{padding:10px 18px;cursor:pointer}.footer-friend-links{margin:24px auto;text-align:center}.footer-friend-links a{display:inline-block;margin:5px 9px;color:inherit}.Agent17-managed-news-card{padding:18px;margin-top:16px;background:rgba(255,255,255,.75);border-radius:12px}.Agent17-managed-news-card a{color:#3263a7}.Agent17-managed-news-card p{color:#666;line-height:1.7}@media(max-width:700px){.protocol-news-page{padding:90px 14px 40px}.protocol-news-grid{grid-template-columns:1fr}.managed-download-dialog{padding:22px}}

.protocol-news-card{background:rgba(255,255,255,.92);color:#243042}.protocol-news-card a{color:#2563a8}.protocol-detail{max-width:900px;margin:auto;background:rgba(255,255,255,.96);color:#263443;padding:30px}.protocol-detail-content{line-height:1.9;overflow-wrap:anywhere}.protocol-detail-content p{margin:20px 0}a[data-download-btn="download"]{text-decoration:none;cursor:pointer}.download_btn_primary_k2l9,.copy_link_btn_w8j3{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.protocol-news-page h1{color:#fff}.protocol-news-page .protocol-back{color:#fff;text-decoration:underline}
