:root {
    --bg:#030413;
    --panel:#0c0f24;
    --accent:#ff784d;
    --accent-soft:#ffa562;
    --text:#f5f6fb;
    --muted:#9aa0b5;
    --line:#1c2143;
    font-family:'Inter','Noto Sans SC',system-ui,sans-serif;
}
* {
    box-sizing:border-box;
}
body {
    margin:0;
    background:radial-gradient(circle at top,#1a1d3f,#05060f 60%);
    color:var(--text);
    line-height:1.7;
    letter-spacing:0.03em;
}
img {
    max-width:100%;
    display:block;
    border-radius:18px;
}
a {
    color:inherit;
    text-decoration:none;
}
.shell-frame-x9 {
    min-height:100vh;
    padding:0 20px 60px;
}
.nav-shell-k94 {
    position:sticky;
    top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(3,4,19,0.85);
    backdrop-filter:blur(12px);
    border:1px solid var(--line);
    border-radius:16px;
    padding:14px 20px;
    z-index:1000;
    margin-top:16px;
}
.brand-flag-q2 {
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
}
.brand-mark {
    width:40px;
    height:40px;
    border-radius:12px;
    box-shadow:0 0 20px rgba(255,120,77,0.4);
}
.nav-list-m1 {
    display:flex;
    gap:18px;
    font-size:0.95rem;
}
.nav-list-m1 a {
    padding:6px 10px;
    border-radius:10px;
    transition:background 0.3s;
}
.nav-list-m1 a:hover {
    background:rgba(255,120,77,0.12);
}
.nav-trigger-hp {
    display:none;
    flex-direction:column;
    gap:4px;
    background:none;
    border:0;
    padding:8px;
}
.nav-trigger-hp span {
    width:26px;
    height:2px;
    background:var(--text);
    border-radius:999px;
}
main {
    max-width:1200px;
    margin:40px auto 0;
    display:flex;
    flex-direction:column;
    gap:50px;
}
.hero-panel-t3 {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
    background:linear-gradient(135deg,rgba(19,23,57,0.9),rgba(7,7,18,0.9));
    padding:40px;
    border-radius:30px;
    border:1px solid var(--line);
}
.tagline-chip {
    display:inline-flex;
    gap:8px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(255,120,77,0.15);
    color:var(--accent-soft);
    font-size:0.85rem;
}
.hero-copy-block h1 {
    font-size:2.4rem;
    margin:16px 0 12px;
    line-height:1.3;
}
.lead-text {
    color:var(--muted);
}
.hero-meta-grid {
    list-style:none;
    margin:24px 0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:14px;
}
.hero-meta-grid li {
    background:rgba(255,255,255,0.02);
    border:1px solid var(--line);
    border-radius:14px;
    padding:10px 14px;
}
.hero-meta-grid span {
    font-size:0.8rem;
    color:var(--muted);
}
.hero-meta-grid strong {
    display:block;
    margin-top:6px;
}
.hero-actions {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}
.btn-accent {
    background:var(--accent);
    border:0;
    color:#050505;
    font-weight:600;
    padding:12px 22px;
    border-radius:999px;
    font-size:1rem;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(255,120,77,0.35);
}
.btn-accent i {
    margin-right:8px;
}
.btn-ghost {
    border:1px solid var(--accent);
    border-radius:999px;
    padding:12px 22px;
    color:var(--accent);
}
.badge-line {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:18px;
    font-size:0.9rem;
    color:var(--accent-soft);
}
.hero-visual {
    position:relative;
}
.floating-card {
    position:absolute;
    bottom:14px;
    left:14px;
    background:rgba(3,4,19,0.85);
    padding:12px 16px;
    border-radius:16px;
    border:1px solid var(--line);
}
.section-neo5 {
    background:var(--panel);
    border-radius:28px;
    border:1px solid var(--line);
    padding:36px;
}
.section-head {
    margin-bottom:26px;
}
.section-label {
    font-size:0.8rem;
    letter-spacing:0.3em;
    color:var(--accent-soft);
}
.section-head h2 {
    margin:10px 0;
    font-size:1.8rem;
}
.grid-x92 .feature-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:22px;
}
.feature-card {
    background:rgba(255,255,255,0.02);
    border:1px solid var(--line);
    border-radius:20px;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.feature-card h3 {
    margin:0;
    font-size:1.2rem;
}
.feature-card ul {
    margin:0;
    padding-left:18px;
    color:var(--muted);
}
.alt-layout {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}
.stat-grid {
    display:flex;
    gap:20px;
    margin:20px 0;
}
.stat-grid div {
    background:rgba(255,255,255,0.02);
    border-radius:16px;
    padding:16px;
    text-align:center;
}
.stat-grid strong {
    font-size:1.4rem;
}
.download-box .download-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px;
}
.download-step {
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    background:rgba(255,255,255,0.02);
}
.note-card {
    margin-top:22px;
    padding:16px;
    border-radius:16px;
    background:rgba(255,120,77,0.1);
    color:var(--accent-soft);
}
.card-grid,
.news-grid,
.review-grid,
.friend-grid {
    display:grid;
    gap:20px;
}
.card-grid {
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.article-card,
.news-card {
    border:1px solid var(--line);
    border-radius:20px;
    background:rgba(255,255,255,0.03);
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.article-card div,
.news-card {
    padding:20px;
}
.article-card span,
.news-card span {
    color:var(--accent-soft);
    font-size:0.85rem;
}
.news-grid {
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.news-card {
    min-height:180px;
}
.reviews-box .review-summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid var(--line);
    border-radius:20px;
    padding:18px;
    margin-bottom:24px;
}
.review-summary strong {
    font-size:2.4rem;
}
.review-grid {
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.review-grid article {
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    background:rgba(255,255,255,0.02);
}
.friend-grid {
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    list-style:none;
    padding:0;
    margin:0;
}
.friend-grid a {
    display:block;
    padding:12px;
    border-radius:14px;
    text-align:center;
    background:rgba(255,255,255,0.03);
}
.changelog-grid,
.reference-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
}
.changelog-grid article,
.reference-grid article {
    border:1px solid var(--line);
    border-radius:20px;
    padding:18px;
    background:rgba(255,255,255,0.02);
}
.reference-grid h3 {
    margin-top:0;
}
.gallery-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.gallery-grid figure {
    margin:0;
    border:1px solid var(--line);
    border-radius:22px;
    overflow:hidden;
    background:rgba(255,255,255,0.02);
}
.gallery-grid img {
    border-radius:0;
    width:100%;
    height:auto;
}
.gallery-grid figcaption {
    padding:16px;
    font-size:0.95rem;
    color:var(--muted);
}
@media (max-width:900px) {
    .gallery-grid {
        grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    }
}
.article-wrapper-lt {
    max-width:900px;
    margin:40px auto;
    background:var(--panel);
    border-radius:28px;
    border:1px solid var(--line);
    padding:32px;
}
.article-head {
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:24px;
}
.article-head a {
    color:var(--accent-soft);
}
.article-body {
    display:flex;
    flex-direction:column;
    gap:18px;
}
.article-body h2 {
    margin:16px 0 6px;
    font-size:1.4rem;
}
.article-body ul,
.article-body ol {
    color:var(--muted);
    padding-left:20px;
}
.article-body table {
    width:100%;
    border-collapse:collapse;
    border:1px solid var(--line);
}
.article-body th,
.article-body td {
    border:1px solid var(--line);
    padding:10px;
    text-align:left;
}
.site-foot {
    text-align:center;
    margin-top:40px;
    color:var(--muted);
}
@media (max-width:900px) {
    .nav-list-m1 {
        position:fixed;
        top:80px;
        right:20px;
        left:20px;
        flex-direction:column;
        background:rgba(3,4,19,0.98);
        backdrop-filter:blur(16px);
        padding:16px;
        border-radius:16px;
        border:1px solid var(--line);
        box-shadow:0 10px 40px rgba(0,0,0,0.5);
        display:none;
        z-index:999;
        max-height:calc(100vh - 100px);
        overflow-y:auto;
    }
    .nav-list-m1.active {
        display:flex;
    }
    .nav-trigger-hp {
        display:flex;
    }
    .section-neo5,
    .hero-panel-t3 {
        padding:24px;
    }
    .stat-grid {
        flex-wrap:wrap;
    }
    .reviews-box .review-summary {
        flex-direction:column;
        gap:12px;
    }
    .hero-copy-block h1 {
        font-size:1.8rem;
    }
}
body {
    scroll-behavior:smooth;
}
.btn-accent:hover,
.btn-ghost:hover {
    transform:translateY(-2px);
    transition:all 0.3s ease;
}
.btn-accent:active,
.btn-ghost:active {
    transform:translateY(0);
}
.btn-accent:focus,
.btn-ghost:focus,
.nav-list-m1 a:focus,
.nav-trigger-hp:focus {
    outline:2px solid var(--accent);
    outline-offset:2px;
}
.article-card:hover,
.news-card:hover,
.friend-grid a:hover {
    transform:translateY(-4px);
    transition:transform 0.3s ease;
    border-color:var(--accent-soft);
}
img {
    image-rendering:-webkit-optimize-contrast;
}

.protocol-news-section{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{max-width:1180px;margin:0 auto;padding:110px 22px 60px}.protocol-news-page h1{text-align:center;margin:0 0 32px}.protocol-detail{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}.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}}