:root{--sg-ink:#17232a;--sg-muted:#71818a;--sg-paper:#f3f7f8;--sg-white:#fff;--sg-line:#d9e3e6;--sg-cyan:#008f9c;--sg-coral:#e15f4c;--sg-width:1160px}
*{box-sizing:border-box}html{background:var(--sg-paper);color:var(--sg-ink)}body{margin:0;background:var(--sg-paper);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.6;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit;letter-spacing:0}
.sg-header{color:#fff;background:var(--sg-ink)}.sg-header-inner{width:min(var(--sg-width),calc(100% - 48px));min-height:102px;margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,300px) minmax(220px,300px);align-items:center;gap:30px}.sg-brand{display:flex;align-items:center;gap:12px}.sg-pulse{width:12px;height:12px;background:var(--sg-coral);box-shadow:0 0 0 5px rgba(225,95,76,.18)}.sg-brand strong{display:block;font:700 25px/1.1 Arial,"Microsoft YaHei",sans-serif}.sg-brand small{display:block;margin-top:6px;color:#9bb0b7;font:10px/1 Arial,sans-serif;letter-spacing:1.8px}.sg-header-inner p{margin:0;color:#9bb0b7;font-size:13px;line-height:1.7}.sg-search{height:36px;border:1px solid #51636a;display:flex}.sg-search input{width:100%;min-width:0;padding:0 11px;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.sg-search input::placeholder{color:#9bb0b7}.sg-search button{width:41px;border:0;background:var(--sg-coral);color:#fff;font-size:18px;cursor:pointer}.sg-nav{border-top:1px solid #33464e;background:#20343b}.sg-nav-inner{width:min(var(--sg-width),calc(100% - 48px));height:45px;margin:auto;display:flex;overflow:auto;scrollbar-width:none}.sg-nav-inner::-webkit-scrollbar{display:none}.sg-nav a{display:grid;place-items:center;min-width:86px;padding:0 17px;color:#a8bac0;font-size:13px;white-space:nowrap}.sg-nav a:hover,.sg-nav a.active{color:#fff;background:var(--sg-cyan)}
.sg-main{width:min(var(--sg-width),calc(100% - 48px));margin:38px auto 65px}.sg-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--sg-line)}.sg-eyebrow{color:var(--sg-cyan);font:700 10px/1 Arial,sans-serif;letter-spacing:1.7px}.sg-toolbar h1{margin:9px 0 0;font:700 29px/1.2 Arial,"Microsoft YaHei",sans-serif}.sg-toolbar-actions{display:flex;align-items:center;gap:19px;color:var(--sg-coral);font-size:13px}.sg-query{color:var(--sg-muted)}.sg-template-body{margin:17px 0;padding:10px 13px;border-left:3px solid var(--sg-cyan);background:var(--sg-white);color:var(--sg-muted);font-size:13px}.sg-empty{margin:24px 0;padding:24px;background:var(--sg-white);border:1px solid var(--sg-line);color:var(--sg-muted);font-size:14px}.sg-empty strong{display:block;color:var(--sg-ink);font-size:18px;margin-bottom:5px}.sg-empty a{display:inline-block;margin-top:11px;color:var(--sg-cyan)}.sg-feed{border-top:2px solid var(--sg-ink)}.sg-story{display:grid;grid-template-columns:210px minmax(0,1fr);gap:23px;padding:21px 0;border-bottom:1px solid var(--sg-line)}.sg-story-media{height:128px;background:#dce7e9;overflow:hidden}.sg-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.sg-story-media:hover img{transform:scale(1.04)}.sg-story-media span{height:100%;display:grid;place-items:center;color:var(--sg-muted);font-size:12px}.sg-story-copy{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;min-width:0}.sg-story-index{color:#afc0c5;font:700 19px/1 Arial,sans-serif;padding-top:1px}.sg-story-info{min-width:0}.sg-label{color:var(--sg-cyan);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.4px}.sg-label time{margin-left:12px;color:var(--sg-muted);font-weight:400}.sg-story h2{margin:7px 0 6px;font:700 20px/1.4 Arial,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}.sg-story h2 a:hover{color:var(--sg-cyan)}.sg-story p{margin:0;color:var(--sg-muted);font-size:13px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sg-open{display:inline-block;margin-top:11px;color:var(--sg-coral);font-size:12px}.sg-open:hover{text-decoration:underline}.sg-story.is-featured{padding-top:28px;background:var(--sg-white);border:0;margin:0 -18px;padding-left:18px;padding-right:18px}.sg-story.is-featured .sg-story-media{height:190px}.sg-story.is-featured h2{font-size:25px}.sg-story.is-featured .sg-story-index{color:var(--sg-coral)}.sg-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:30px 0}.sg-pagination a,.sg-pagination span{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--sg-line);color:var(--sg-cyan);font-size:14px}.sg-pagination span{border-color:var(--sg-ink);background:var(--sg-ink);color:#fff}.sg-pagination a:hover{border-color:var(--sg-cyan);background:var(--sg-cyan);color:#fff}.sg-channels{display:grid;grid-template-columns:180px 1fr;gap:26px;margin-top:48px;padding-top:18px;border-top:2px solid var(--sg-ink)}.sg-channels h2{margin:9px 0 0;font:700 20px/1.2 Arial,"Microsoft YaHei",sans-serif}.sg-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sg-channel-grid a{display:flex;justify-content:space-between;padding:10px 12px;background:var(--sg-white);border:1px solid var(--sg-line);color:var(--sg-muted);font-size:13px}.sg-channel-grid a small{color:var(--sg-coral)}.sg-channel-grid a:hover,.sg-channel-grid a.active{border-color:var(--sg-cyan);color:var(--sg-cyan)}
.sg-article-wrap{width:min(1050px,calc(100% - 48px));margin:38px auto 68px;display:grid;grid-template-columns:minmax(0,760px) 220px;gap:70px}.sg-breadcrumb{display:flex;gap:10px;color:var(--sg-muted);font-size:13px;margin-bottom:29px}.sg-breadcrumb a:hover{color:var(--sg-cyan)}.sg-article-label{display:flex;align-items:center;gap:10px;color:var(--sg-cyan);font-size:13px}.sg-article-label i{width:7px;height:7px;background:var(--sg-coral)}.sg-article-label time{margin-left:6px;color:var(--sg-muted)}.sg-article h1{margin:14px 0 25px;font:700 40px/1.3 Arial,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}.sg-article-content{margin-top:29px;font:18px/2 "Noto Serif SC",SimSun,serif;overflow-wrap:anywhere}.sg-article-content p{margin:0 0 1.3em}.sg-article-content img,.sg-article-content video{max-width:100%;height:auto;margin:22px auto}.sg-article-content blockquote{margin:25px 0;padding:12px 18px;border-left:3px solid var(--sg-cyan);background:var(--sg-white);color:var(--sg-muted)}.sg-article-content a{color:#2365a8;text-decoration:underline}.sg-original{display:inline-flex;margin-top:23px;padding:8px 0;border-bottom:1px solid var(--sg-coral);color:var(--sg-coral);font-size:13px}.sg-article-aside{align-self:start;padding:15px 0;border-top:2px solid var(--sg-ink)}.sg-source-chip{display:flex;align-items:center;gap:11px}.sg-source-chip>span{width:40px;height:40px;display:grid;place-items:center;background:var(--sg-cyan);color:#fff;font:700 19px Arial,sans-serif}.sg-source-chip strong{display:block;font-size:15px}.sg-source-chip small{display:block;margin-top:3px;color:var(--sg-muted);font-size:11px}.sg-article-aside p{margin:15px 0;color:var(--sg-muted);font-size:12px;line-height:1.75}.sg-article-aside>a{color:var(--sg-coral);font-size:13px}.sg-footer{min-height:100px;padding:25px max(24px,calc((100% - var(--sg-width))/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--sg-ink);color:#9bb0b7;font-size:12px}.sg-footer strong{display:block;margin-bottom:4px;color:#fff;font-size:16px}.sg-footer a{color:#fff}.sg-footer a:hover{color:var(--sg-coral)}
.article-fan-links{margin-top:28px}.article-fan-links h3{margin:0;padding:0 0 10px;border-bottom:2px solid var(--sg-ink);font-size:17px}.article-fan-links ul{list-style:none;margin:0;padding:0}.article-fan-links li{border-bottom:1px solid var(--sg-line)}.article-fan-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;color:var(--sg-muted);font-size:13px;line-height:1.5}.article-fan-links a:hover,.article-fan-links b{color:var(--sg-coral)}.article-fan-links span{min-width:0;overflow-wrap:anywhere}.article-fan-links b{flex:none;font-size:18px;font-weight:400}
@media(max-width:850px){.sg-header-inner{grid-template-columns:1fr auto;gap:20px}.sg-header-inner p{display:none}.sg-article-wrap{grid-template-columns:1fr;gap:30px}.sg-article-aside{border-top:1px solid var(--sg-line)}.sg-channels{grid-template-columns:150px 1fr}.sg-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sg-header-inner,.sg-nav-inner,.sg-main,.sg-article-wrap{width:calc(100% - 28px)}.sg-header-inner{min-height:86px}.sg-brand strong{font-size:22px}.sg-search{width:125px}.sg-nav-inner a{min-width:72px;padding:0 12px;font-size:12px}.sg-main{margin-top:27px}.sg-toolbar h1{font-size:25px}.sg-toolbar-actions{font-size:11px;gap:8px}.sg-query{display:none}.sg-story,.sg-story.is-featured{grid-template-columns:112px minmax(0,1fr);gap:13px;margin:0;padding:16px 0}.sg-story-media,.sg-story.is-featured .sg-story-media{height:84px}.sg-story-copy{grid-template-columns:25px minmax(0,1fr);gap:7px}.sg-story-index{font-size:13px}.sg-story h2,.sg-story.is-featured h2{font-size:16px;line-height:1.4;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sg-story p{display:none}.sg-open{margin-top:6px;font-size:11px}.sg-channels{display:block}.sg-channel-grid{margin-top:15px;grid-template-columns:1fr 1fr}.sg-article h1{font-size:30px}.sg-article-content{font-size:17px;line-height:1.9}.sg-footer{align-items:flex-start;flex-direction:column}}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    margin: 0;
    background: #f5f6f8;
    color: #333;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Microsoft YaHei",
        Arial,
        sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}


/* =========================
   Header
========================= */

.site-header {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}

.header-inner {
    width: 1180px;
    max-width: calc(100% - 30px);
    height: 78px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.site-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 230px;
}

.logo-icon {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #21a366;
    color: #fff;

    font-size: 25px;
    font-weight: 800;
}

.logo-text {
    display: flex;
    flex-direction: column;
}

.logo-text strong {
    font-size: 21px;
    line-height: 1.2;
}

.logo-text small {
    margin-top: 4px;
    color: #999;
    font-size: 12px;
}


/* Search */

.site-search {
    width: 430px;
    height: 40px;

    display: flex;

    border: 1px solid #ddd;
    border-radius: 4px;

    overflow: hidden;
}

.site-search input {
    flex: 1;
    min-width: 0;

    padding: 0 15px;

    border: 0;
    outline: 0;

    background: #fff;

    font-size: 14px;
}

.site-search button {
    width: 75px;

    border: 0;

    background: #21a366;
    color: #fff;

    cursor: pointer;
}


/* =========================
   Navigation
========================= */

.main-nav {
    background: #21a366;
}

.nav-inner {
    width: 1180px;
    max-width: calc(100% - 30px);
    height: 44px;
    margin: 0 auto;

    display: flex;
    align-items: center;
}

.nav-inner a {
    height: 44px;

    padding: 0 25px;

    display: flex;
    align-items: center;

    color: rgba(255,255,255,.9);

    font-size: 14px;
}

.nav-inner a:hover,
.nav-inner a.active {
    background: rgba(0,0,0,.12);
    color: #fff;
}


/* =========================
   Page
========================= */

.page-wrap {
    min-height: calc(100vh - 200px);
}

.download-main {
    width: 1180px;
    max-width: calc(100% - 30px);

    margin: 0 auto;

    padding: 20px 0 60px;
}


/* =========================
   Breadcrumb
========================= */

.breadcrumb {
    height: 38px;

    display: flex;
    align-items: center;
    gap: 9px;

    color: #999;
    font-size: 13px;
}

.breadcrumb a {
    color: #666;
}

.breadcrumb a:hover {
    color: #21a366;
}


/* =========================
   Title
========================= */

.download-title {
    margin-bottom: 15px;
}

.download-title h1 {
    margin: 0;

    color: #222;

    font-size: 28px;
    font-weight: 600;
}

.title-sub {
    margin-top: 8px;

    color: #999;
    font-size: 13px;
}


/* =========================
   Template description
========================= */

.template-description {
    margin-bottom: 15px;
    padding: 14px 18px;

    background: #fff;
    border: 1px solid #eee;

    color: #777;

    line-height: 1.8;
    font-size: 14px;
}


/* =========================
   Software Card
========================= */

.software-card {
    background: #fff;
    border: 1px solid #e7e7e7;
}

.software-top {
    padding: 28px;

    display: flex;
    gap: 25px;
}


/* Icon */

.software-icon {
    width: 110px;
    height: 110px;

    flex: 0 0 110px;

    overflow: hidden;

    border-radius: 16px;

    background: #21a366;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-size: 46px;
    font-weight: 700;
}

.software-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Info */

.software-info {
    flex: 1;
}

.software-info h2 {
    margin: 0 0 12px;

    color: #222;

    font-size: 25px;
    font-weight: 600;
}

.software-desc {
    margin: 0 0 18px;

    color: #777;

    line-height: 1.7;

    font-size: 14px;
}

.software-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 25px;
}

.software-meta span {
    color: #888;
    font-size: 13px;
}


/* =========================
   Download box
========================= */

.download-box {
    min-height: 82px;

    padding: 18px 28px;

    background: #fafafa;

    border-top: 1px solid #eee;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.download-info {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.download-info strong {
    font-size: 16px;
    color: #333;
}

.download-info span {
    color: #999;
    font-size: 13px;
}

.download-button {
    min-width: 185px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    background: #21a366;

    border-radius: 4px;

    color: #fff;

    font-size: 16px;
    font-weight: 600;

    transition: .2s;
}

.download-button:hover {
    background: #188b55;
}

.download-button small {
    display: block;

    margin-top: 2px;

    font-size: 11px;
    font-weight: 400;

    opacity: .85;
}

.download-arrow {
    font-size: 25px;
}


/* =========================
   Content Card
========================= */

.content-card {
    margin-top: 18px;

    padding: 25px 28px;

    background: #fff;

    border: 1px solid #e7e7e7;
}


/* Section title */

.section-title {
    display: flex;
    align-items: baseline;
    gap: 12px;

    margin-bottom: 20px;

    border-bottom: 1px solid #eee;
}

.section-title h2 {
    position: relative;

    margin: 0;
    padding-bottom: 12px;

    color: #222;

    font-size: 20px;
    font-weight: 600;
}

.section-title h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 70px;
    height: 2px;

    background: #21a366;
}

.section-title span {
    color: #bbb;
    font-size: 10px;
    letter-spacing: 1px;
}


/* Article */

.article-content {
    color: #555;

    font-size: 14px;

    line-height: 2;
}

.article-content h3 {
    margin: 0 0 12px;

    color: #333;

    font-size: 18px;
}

.article-content p {
    margin: 10px 0;
}


/* =========================
   Information Table
========================= */

.info-table {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;

    display: grid;

    grid-template-columns: 1fr 1fr;
}

.info-table > div {
    min-height: 45px;

    display: flex;
    align-items: center;

    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.info-table span {
    width: 110px;

    height: 100%;

    padding: 12px;

    display: flex;
    align-items: center;

    background: #fafafa;

    color: #888;

    font-size: 13px;
}

.info-table strong {
    padding: 12px;

    color: #555;

    font-size: 13px;
    font-weight: 400;
}


/* =========================
   Related
========================= */

.related-list {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 1px;

    background: #eee;

    border: 1px solid #eee;
}

.related-item {
    min-width: 0;

    padding: 16px;

    background: #fff;

    display: flex;

    align-items: center;

    gap: 14px;
}

.related-icon {
    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    overflow: hidden;

    border-radius: 9px;

    background: #21a366;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-size: 22px;
}

.related-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-info {
    flex: 1;
    min-width: 0;
}

.related-info h3 {
    margin: 0;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 15px;
    font-weight: 600;
}

.related-info h3 a:hover {
    color: #21a366;
}

.related-info p {
    margin: 6px 0 0;

    color: #999;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 12px;
}

.related-download {
    padding: 6px 13px;

    border: 1px solid #21a366;

    border-radius: 3px;

    color: #21a366;

    font-size: 12px;
}

.related-download:hover {
    background: #21a366;
    color: #fff;
}


/* =========================
   Hot
========================= */

.hot-section {
    margin-top: 18px;

    padding: 25px 28px;

    background: #fff;

    border: 1px solid #e7e7e7;
}

.hot-list {
    margin: 0;
    padding: 0;

    display: grid;

    grid-template-columns: 1fr 1fr;

    list-style: none;

    border-top: 1px solid #eee;
}

.hot-list li {
    border-bottom: 1px solid #eee;
}

.hot-list a {
    min-height: 45px;

    padding: 0 12px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    color: #555;

    font-size: 14px;
}

.hot-list a:hover {
    color: #21a366;
    background: #fafafa;
}

.hot-list b {
    color: #aaa;
}


/* =========================
   Empty
========================= */

.empty-content {
    padding: 40px;

    text-align: center;

    color: #999;
}


/* =========================
   Footer
========================= */

.site-footer {
    background: #252525;

    color: #aaa;
}

.footer-inner {
    width: 1180px;
    max-width: calc(100% - 30px);

    min-height: 120px;

    margin: 0 auto;
    padding: 30px 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}

.footer-logo {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.footer-logo strong {
    color: #fff;
    font-size: 18px;
}

.footer-logo span {
    font-size: 12px;
}

.footer-text {
    font-size: 12px;
}

.footer-links {
    display: flex;
    gap: 9px;

    font-size: 12px;
}

.footer-links a:hover {
    color: #fff;
}


/* =========================
   Mobile
========================= */

@media (max-width: 768px) {

    .header-inner {
        height: auto;

        padding: 15px 0;

        flex-direction: column;

        align-items: stretch;

        gap: 15px;
    }

    .site-logo {
        min-width: 0;
    }

    .site-search {
        width: 100%;
    }

    .nav-inner {
        overflow-x: auto;

        max-width: 100%;
    }

    .nav-inner a {
        flex: 0 0 auto;

        padding: 0 18px;
    }

    .download-main {
        max-width: calc(100% - 20px);

        padding-top: 12px;
    }

    .download-title h1 {
        font-size: 22px;
    }

    .software-top {
        padding: 20px;

        flex-direction: column;
    }

    .software-icon {
        width: 85px;
        height: 85px;

        flex-basis: 85px;

        font-size: 35px;
    }

    .software-info h2 {
        font-size: 21px;
    }

    .software-meta {
        flex-direction: column;
        gap: 7px;
    }

    .download-box {
        padding: 18px;

        flex-direction: column;

        align-items: stretch;
    }

    .download-button {
        width: 100%;
    }

    .content-card,
    .hot-section {
        padding: 20px;
    }

    .info-table {
        grid-template-columns: 1fr;
    }

    .related-list {
        grid-template-columns: 1fr;
    }

    .hot-list {
        grid-template-columns: 1fr;
    }

    .footer-inner {
        padding: 25px 0;

        flex-direction: column;

        align-items: flex-start;
    }

}
/* =========================================================
   ARTICLE NEWS DETAIL
   ========================================================= */

.article-download-page {
    max-width: 1180px;
    margin: 0 auto;
}


/* 新闻卡片 */

.article-card {
    margin-top: 20px;
}


/* 新闻图片 */

.article-cover {
    overflow: hidden;
}

.article-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* 新闻标签 */

.article-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.article-label span {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 4px;
    background: #f2f2f2;
    color: #555;
    font-size: 12px;
}

.article-label time {
    color: #999;
    font-size: 12px;
}


/* 新闻标题 */

.article-card h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.45;
    color: #111;
}


/* 新闻正文卡片 */

.article-content-card {
    margin-top: 20px;
}


/* 正文 */

.article-content {
    color: #333;
    font-size: 16px;
    line-height: 2;
    word-break: break-word;
}

.article-content p {
    margin: 0 0 22px;
}

.article-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 24px auto;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
    margin: 28px 0 16px;
    color: #111;
    line-height: 1.5;
}

.article-content a {
    color: #1677ff;
}

.article-content blockquote {
    margin: 25px 0;
    padding: 15px 20px;
    background: #f7f7f7;
    border-left: 4px solid #111;
    color: #666;
}


/* =========================================================
   相关资讯
   ========================================================= */

.article-related-list {
    display: flex;
    flex-direction: column;
}

.article-related-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 4px;
    border-bottom: 1px solid #eee;
    color: #222;
    text-decoration: none;
    transition: .2s;
}

.article-related-list a:hover {
    padding-left: 10px;
    background: #fafafa;
}

.article-related-list a > div {
    min-width: 0;
}

.article-related-list strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.article-related-list span {
    display: block;
    margin-top: 5px;
    color: #999;
    font-size: 12px;
}

.article-related-list b {
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 400;
    color: #999;
}


/* =========================================================
   手机端
   ========================================================= */

@media (max-width: 768px) {

    .article-download-page {
        padding-left: 12px;
        padding-right: 12px;
    }

    .article-card .software-top {
        display: block;
    }

    .article-card .software-icon {
        width: 110px;
        height: 110px;
        margin-bottom: 18px;
    }

    .article-card h1 {
        font-size: 23px;
    }

    .article-content {
        font-size: 15px;
        line-height: 1.9;
    }

    .article-related-list a {
        padding: 15px 2px;
    }

}