* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --color-primary: #8b4789;
    --color-secondary: #b565b3;
    --color-accent: #d896d6;
    --color-dark: #2d1b2e;
    --color-darker: #1a0f1b;
    --color-light: #f8f4f9;
    --color-text: #333;
    --color-text-light: #fff;
    --font-main: 'Microsoft YaHei', 'Arial', sans-serif;
}

body {
    font-family: var(--font-main);
    line-height: 1.7;
    color: var(--color-text);
    background: linear-gradient(135deg, #f8f4f9 0%, #e8dce9 100%);
}

.container5q9x {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.hdr8m3n {
    background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-primary) 100%);
    box-shadow: 0 4px 15px rgba(139, 71, 137, 0.3);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav7k2p {
    padding: 15px 0;
}

.nav7k2p .container5q9x {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo4t8w {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--color-text-light);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.nav-menu2w6k {
    display: flex;
    list-style: none;
    gap: 30px;
}

.nav-menu2w6k a {
    color: var(--color-text-light);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 8px 15px;
    border-radius: 5px;
}

.nav-menu2w6k a:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.menu-toggle3r7m {
    display: none;
    background: none;
    border: none;
    color: var(--color-text-light);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.main1n5t {
    padding: 30px 0;
}

.hero9p4x {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    padding: 50px 0;
    margin-bottom: 40px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(139, 71, 137, 0.4);
}

.game-header6m8r {
    display: flex;
    align-items: center;
    gap: 30px;
    background: rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
}

.game-icon7w3q {
    width: 150px;
    height: 150px;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    object-fit: cover;
}

.game-info8k5n h1 {
    color: var(--color-text-light);
    font-size: 2.5rem;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.game-tags4p2m {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.tag3x9w {
    background: rgba(255, 255, 255, 0.2);
    color: var(--color-text-light);
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.version-info5n7k {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    color: var(--color-text-light);
    font-size: 0.95rem;
}

.version-info5n7k span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.download-btn2q8x {
    background: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%);
    color: var(--color-text-light);
    border: none;
    padding: 15px 35px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(255, 107, 157, 0.4);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.download-btn2q8x:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255, 107, 157, 0.5);
}

.intro-section4m9p {
    margin-bottom: 50px;
}

.game-article7x3k {
    background: white;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.article-content2w9m h2 {
    color: var(--color-primary);
    font-size: 1.9rem;
    margin: 30px 0 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--color-accent);
    display: flex;
    align-items: center;
    gap: 10px;
}

.article-content2w9m h2:first-child {
    margin-top: 0;
}

.article-content2w9m h3 {
    color: var(--color-secondary);
    font-size: 1.5rem;
    margin: 25px 0 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-content2w9m p {
    margin: 15px 0;
    font-size: 1.05rem;
    line-height: 1.9;
    text-align: justify;
}

.article-img9k7p {
    width: 100%;
    max-width: 800px;
    height: auto;
    border-radius: 10px;
    margin: 25px auto;
    display: block;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    object-fit: cover;
}

.download-box7m4k {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    padding: 30px;
    border-radius: 15px;
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 8px 25px rgba(139, 71, 137, 0.3);
}

.download-info6n3p {
    color: var(--color-text-light);
}

.download-info6n3p h4 {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.download-info6n3p p {
    margin: 5px 0;
    opacity: 0.95;
}

.guides-section3k8m {
    margin-bottom: 50px;
}

.guides-section3k8m h2,
.reviews-section8n4m h2,
.links-section6m3k h2 {
    text-align: center;
    color: var(--color-primary);
    font-size: 2.2rem;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.guides-grid5p7n {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.guide-card4m2x {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.guide-card4m2x:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(139, 71, 137, 0.2);
}

.guide-card4m2x h3 {
    color: var(--color-secondary);
    font-size: 1.3rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.guide-card4m2x p {
    color: #666;
    line-height: 1.7;
    margin-bottom: 15px;
}

.read-more7x4k {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
}

.read-more7x4k:hover {
    color: var(--color-secondary);
    gap: 10px;
}

.reviews-section8n4m {
    margin-bottom: 50px;
}

.review-summary6p9x {
    background: white;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 40px;
}

.rating-score4k7m {
    text-align: center;
}

.score-number9w2n {
    font-size: 4rem;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1;
}

.stars5x3p {
    color: #ffd700;
    font-size: 1.8rem;
    margin: 15px 0;
}

.rating-score4k7m p {
    color: #666;
    font-size: 0.95rem;
}

.rating-breakdown7m5k {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}

.rating-bar3n8w {
    display: grid;
    grid-template-columns: 120px 1fr 50px;
    align-items: center;
    gap: 15px;
    font-size: 0.95rem;
}

.bar-bg4p6x {
    background: #e0e0e0;
    height: 12px;
    border-radius: 6px;
    overflow: hidden;
}

.bar-fill2w9m {
    background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
    height: 100%;
    border-radius: 6px;
    transition: width 0.5s ease;
}

.reviews-list5k3n {
    display: grid;
    gap: 20px;
}

.review-card8m7p {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reviewer-info4w9k {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.reviewer-avatar6n2x {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.3rem;
    font-weight: 700;
}

.reviewer-name7p5m {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 5px;
}

.review-stars3k8x {
    color: #ffd700;
    font-size: 0.9rem;
}

.review-text9m4n {
    color: #444;
    line-height: 1.8;
    margin: 15px 0;
}

.review-meta5x2p {
    color: #999;
    font-size: 0.85rem;
}

.links-section6m3k {
    margin-bottom: 50px;
}

.links-grid4p8n {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.link-item7x2m {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.link-item7x2m:hover {
    background: var(--color-primary);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(139, 71, 137, 0.3);
}

.footer3k9m {
    background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-primary) 100%);
    color: var(--color-text-light);
    text-align: center;
    padding: 30px 0;
    margin-top: 50px;
}

.footer3k9m p {
    opacity: 0.9;
}

.article-footer {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid var(--color-accent);
    text-align: center;
}

.back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    padding: 12px 30px;
    border: 2px solid var(--color-primary);
    border-radius: 25px;
    transition: all 0.3s ease;
}

.back-link:hover {
    background: var(--color-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(139, 71, 137, 0.3);
}

@media (max-width: 768px) {
    .nav-menu2w6k {
        position: fixed;
        top: 65px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 65px);
        background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-primary) 100%);
        flex-direction: column;
        padding: 30px;
        gap: 15px;
        transition: left 0.3s ease;
    }

    .nav-menu2w6k.active {
        left: 0;
    }

    .menu-toggle3r7m {
        display: block;
    }

    .game-header6m8r {
        flex-direction: column;
        text-align: center;
    }

    .game-icon7w3q {
        width: 120px;
        height: 120px;
    }

    .game-info8k5n h1 {
        font-size: 2rem;
    }

    .version-info5n7k {
        flex-wrap: wrap;
        justify-content: center;
    }

    .game-article7x3k {
        padding: 25px;
    }

    .article-content2w9m h2 {
        font-size: 1.6rem;
    }

    .article-content2w9m h3 {
        font-size: 1.3rem;
    }

    .download-box7m4k {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .review-summary6p9x {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .guides-grid5p7n {
        grid-template-columns: 1fr;
    }

    .links-grid4p8n {
        grid-template-columns: 1fr;
    }
}
.protocol-news-section{box-sizing:border-box;width:100%;max-width:1180px;margin:42px auto;padding:0 22px}.protocol-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.protocol-news-card{padding:22px;border-radius:14px;background:rgba(255,255,255,.94);color:#263443;box-shadow:0 8px 24px rgba(0,0,0,.12)}.protocol-news-card a,.protocol-news-more{color:#2563a8}.protocol-news-card time{display:block;opacity:.7;margin:10px 0}.protocol-news-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:110px 22px 60px}.protocol-news-page h1{text-align:center;margin:0 0 32px}.protocol-detail{box-sizing:border-box;max-width:900px;margin:0 auto;padding:30px;border-radius:14px;background:rgba(255,255,255,.96);color:#263443}.protocol-detail time{display:block;opacity:.72;margin:12px 0 22px}.protocol-detail-content{line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.protocol-back{display:inline-block;margin-top:24px}.Agent17-topHead-77d60f{width:100%}.protocol-news-shell{width:100%!important}.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}@media(max-width:700px){.protocol-news-page{padding:90px 14px 40px}.protocol-detail{padding:20px}.protocol-news-grid{grid-template-columns:1fr}.managed-download-dialog{padding:22px}}

.protocol-news-more{display:inline-block;margin:20px 0;padding:10px 18px;border-radius:8px;text-decoration:none}
a[data-seo-managed="download-link"]{display:inline-block;color:inherit;text-decoration:none}
.protocol-table-download{display:block;color:inherit;text-decoration:none}
.protocol-news-card{overflow-wrap:anywhere}
.protocol-news-card h2,.protocol-news-card h3{overflow-wrap:anywhere}

.protocol-dark-site .protocol-news-section,.protocol-dark-site .protocol-news-page{background:transparent;color:var(--text-light,#e5faff)}
.protocol-dark-site .protocol-news-card,.protocol-dark-site .protocol-detail{background:rgba(10,14,26,.94);color:var(--text-light,#e5faff);border:1px solid rgba(34,211,238,.22);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.protocol-dark-site .protocol-news-card h2,.protocol-dark-site .protocol-news-card h3,.protocol-dark-site .protocol-news-page>h1{color:var(--primary-cyan,#22d3ee)}
.protocol-dark-site .protocol-news-card p,.protocol-dark-site .protocol-news-card time{color:var(--text-gray,#a6b4c3)}
.protocol-dark-site .protocol-news-card a,.protocol-dark-site .protocol-news-more,.protocol-dark-site .protocol-back{color:var(--primary-cyan,#22d3ee)}

/* Reuse the original Jianglin visual language for protocol-generated content. */
.protocol-news-section {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 0 20px;
}
.protocol-news-section > h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 40px;
    color: var(--color-primary);
    font-size: 2.2rem;
    line-height: 1.25;
    text-align: center;
}
.protocol-news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}
.protocol-news-section .protocol-news-card {
    display: flex;
    min-height: 250px;
    flex-direction: column;
    padding: 25px;
    border-radius: 12px;
    background: #fff;
    color: var(--color-text);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    transition: all .3s ease;
}
.protocol-news-section .protocol-news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(139,71,137,.2);
}
.protocol-news-section .protocol-news-card h2,
.protocol-news-section .protocol-news-card h3 {
    margin: 0 0 15px;
    color: var(--color-secondary);
    font-size: 1.3rem;
    line-height: 1.45;
}
.protocol-news-section .protocol-news-card time {
    display: block;
    margin: 0 0 15px;
    color: #999;
    font-size: .9rem;
}
.protocol-news-section .protocol-news-card p {
    margin: 0 0 15px;
    color: #666;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.protocol-news-section .protocol-news-card a,
.protocol-news-section .protocol-news-more {
    align-self: flex-start;
    margin-top: auto;
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: none;
}
.protocol-news-section .protocol-news-card a:hover,
.protocol-news-section .protocol-news-more:hover {
    color: var(--color-secondary);
}
.protocol-news-section > .protocol-news-more {
    display: inline-flex;
    margin-top: 28px;
}
.links-grid4p8n .link-item7x2m {
    display: block;
    width: 100%;
}
.protocol-news-page {
    max-width: 1200px;
    padding: 100px 20px 60px;
}
.protocol-news-page > h1 {
    margin: 0 0 40px;
    color: var(--color-primary);
    font-size: 2.2rem;
    line-height: 1.25;
    text-align: center;
}
.protocol-news-page .protocol-news-card {
    display: flex;
    min-height: 250px;
    flex-direction: column;
    padding: 25px;
    border-radius: 12px;
    background: #fff;
    color: var(--color-text);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.protocol-news-page .protocol-news-card h2,
.protocol-news-page .protocol-news-card h3 {
    margin: 0 0 15px;
    color: var(--color-secondary);
    font-size: 1.3rem;
    line-height: 1.45;
}
.protocol-news-page .protocol-news-card time {
    margin: 0 0 15px;
    color: #999;
}
.protocol-news-page .protocol-news-card p {
    margin: 0 0 15px;
    color: #666;
    line-height: 1.7;
}
.protocol-news-page .protocol-news-card a,
.protocol-news-page .protocol-back {
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: none;
}
.protocol-news-page .protocol-news-card a {
    margin-top: auto;
}
.protocol-news-page .protocol-back {
    display: inline-flex;
    margin-top: 28px;
}
@media (max-width: 768px) {
    .protocol-news-section {
        padding: 0 16px;
    }
    .protocol-news-section > h2 {
        margin-bottom: 28px;
        font-size: 1.8rem;
    }
    .protocol-news-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .protocol-news-section .protocol-news-card {
        min-height: 0;
    }
}