*{margin:0;padding:0}
body{font-family:"WeChat Sans Std","WeChat Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;color:rgba(0,0,0,.9);line-height:1.4;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ===== 顶部导航（绿色横条，微信式） ===== */
.head{align-items:center;background-color:#2aae67;box-sizing:border-box;display:flex;padding:0 20px;position:fixed;top:0;width:100%;height:81px;z-index:100}
.logo{align-items:center;display:flex;gap:8px;color:#fff;font-size:17px;font-weight:700;white-space:nowrap}
.logo svg{width:26px;height:26px;flex:none}
.head-links{margin-left:auto;display:flex;gap:0;align-items:center}
.head-links a{color:hsla(0,0%,100%,.9);font-size:16px;white-space:nowrap;padding:0 9px}
.head-links a:not(:last-child):after{content:"｜";margin-left:18px;color:hsla(0,0%,100%,.5)}
.head-links a:hover{color:#fff}
/* 手机端：只保留更新日志，隐藏下载/GitHub（放不下会跨行） */
@media (max-width:640px){
  .head { display:none; }
}

/* ===== Banner（绿色大区块 + 底部圆弧） ===== */
.banner{color:hsla(0,0%,100%,.9);overflow:hidden;padding:150px 0 112px;position:relative}
.banner__inner{background-color:#2aae67;border-radius:0 0 50% 50%;bottom:0;content:"";display:block;height:100%;left:50%;min-width:1440px;overflow:hidden;position:absolute;transform:translateX(-50%);width:150%;z-index:-1}
.banner__bd{align-items:center;animation:show 1.3s both;display:flex;flex-direction:column;position:relative;z-index:1}
.banner__logo{height:72px;margin-bottom:40px;width:100%;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:400;color:#fff;white-space:nowrap;padding:0 16px;letter-spacing:3px;font-family:"WeChat Sans Std","WeChat Sans","PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif}

/* 更新日志 */
.banner__update-log{padding:24px 0 0;position:relative;width:min(500px,88%)}
.banner__update-log:before{border-top:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:0;position:absolute;top:0;transform:scaleY(.5);transform-origin:left top;width:100%}
.banner__update-log li{display:flex;margin-bottom:14px;line-height:1.5}
.banner__update-log li:last-child{margin-bottom:0}
.banner__update-log a{color:hsla(0,0%,100%,.9);font-size:21px;cursor:default}
.banner__update-content{align-items:center;display:flex;flex:1;line-height:1.5;overflow:hidden}
.banner__updata-time{color:hsla(0,0%,100%,.7);font-variant-numeric:tabular-nums;margin-left:16px;font-size:21px}

/* 圆形平台下载按钮（微信式：flex 居中，自动换行也居中） */
.banner__download{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:24px;row-gap:24px;margin-top:72px;padding:0 12px}
.banner__download-item{align-items:center;background-color:hsla(0,0%,100%,.07);border-radius:50%;color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;flex-direction:column;font-size:16px;height:120px;width:120px;justify-content:center;transition:background-color .5s;flex:none}
.banner__download-item i{margin-bottom:6px;display:block}
.banner__download-item i svg{width:40px;height:40px}
.banner__download-item span{line-height:1.4;margin:0 10px;text-align:center}
.banner__download-item:hover{background-color:hsla(0,0%,100%,.18)}
@media (max-width:1024px){.banner__download-item{font-size:13px;height:112px;width:112px}}
@media (max-width:560px){.banner{padding:30px 0 22px}.banner__update-log{padding:12px 0 0}.banner__logo{font-size:30px;letter-spacing:1px}.banner__update-log a{font-size:15px}.banner__updata-time{font-size:14px}.banner__download{column-gap:20px;row-gap:16px;margin-top:48px;padding:0 8px}.banner__download-item{height:96px;width:96px;font-size:12px}.banner__download-item i svg{width:32px;height:32px}.banner__download-item i{margin-bottom:4px}}

@keyframes arrow{0%{transform:translateY(0)}50%{transform:translateY(8px)}100%{transform:translateY(0)}}
@keyframes show{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:none}}

/* ===== 下方白色区域：下载卡片 ===== */
.section{padding:72px 24px 10px;max-width:1160px;margin:0 auto}
.section h2{text-align:center;font-size:32px;font-weight:400;margin-bottom:10px}
.section .sub{text-align:center;color:rgba(0,0,0,.45);font-size:15px;margin-bottom:44px}
.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px;align-items:start}
@media (max-width:860px){.dl-grid{grid-template-columns:1fr}}
.dl-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .3s}
.dl-card:hover{box-shadow:0 10px 34px rgba(0,0,0,.12)}
.dl-card .hd{padding:26px 28px 18px;display:flex;align-items:center;gap:16px}
.dl-card .hd .ico{width:52px;height:52px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}
.dl-card .hd .ico svg{width:28px;height:28px}
.ico-green{background:#2aae67}
.ico-blue{background:#1485EE}
.ico-dark{background:#111}
.ico-linux{background:#1d2b3a}
.dl-card .hd h3{font-size:19px;font-weight:500}
.dl-card .hd p{font-size:13px;color:rgba(0,0,0,.45);margin-top:3px}
.dl-card .bd{padding:0 28px 28px}
.dl-card .ver{font-size:14px;color:rgba(0,0,0,.5);margin-bottom:20px}
.dl-card .ver b{color:#2aae67}
.dl-btn{display:flex;align-items:center;justify-content:center;height:54px;background:#07c160;border-radius:4px;font-size:15px;color:#fff;transition:.2s;margin-bottom:12px}
.dl-btn:hover{background:#06b259}
.dl-btn svg{width:22px;height:22px;margin-right:10px}
.dl-mirror{display:block;text-align:center;font-size:13px;color:#576b95;padding:2px 0 6px}
.dl-mirror:hover{color:#3a5285}
.dl-note{text-align:center;font-size:12px;color:rgba(0,0,0,.35)}

/* 更新日志区块 */
.updates{max-width:680px;margin:64px auto 0;padding:0 24px 80px}
.updates h2{text-align:center;font-size:26px;font-weight:400;margin-bottom:30px}
.updates ul{border-top:1px solid rgba(0,0,0,.08)}
.updates ul{max-height:calc(5 * 3em);overflow:hidden;position:relative}
.updates ul:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.updates li{display:flex;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(0,0,0,.06);font-size:15px}
.updates li .t{flex:1;color:rgba(0,0,0,.75)}
.updates li .d{color:rgba(0,0,0,.4);font-variant-numeric:tabular-nums}

footer{background:#2aae67;color:hsla(0,0%,100%,.9);text-align:center;padding:34px 24px;font-size:13px}
footer a{color:hsla(0,0%,100%,.9);margin:0 12px}
footer .cp{margin-top:10px;color:hsla(0,0%,100%,.6)}