/* ===== 蓝白配色 · 单屏不滚动 ===== */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue:#1d6ff2;
  --blue-d:#0f56c9;
  --blue-l:#e8f1ff;
  --line:#dbe6f7;
  --txt:#12233d;
  --sub:#5b7290;
}
html,body{height:100%;overflow:hidden}
body{
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  color:var(--txt);line-height:1.6;
  background:linear-gradient(160deg,#f7faff 0%,#eaf2ff 100%);
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none}
img{display:block;max-width:100%}
/* ===== 外壳 ===== */
.wrap{height:100vh;display:flex;flex-direction:column;padding:0 44px}
/* ===== 顶栏 ===== */
.topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--blue-d)}
.brand img{width:28px;height:28px;border-radius:7px}
.brand em{font-style:normal;font-size:12px;font-weight:600;color:#fff;background:var(--blue);
  padding:2px 9px;border-radius:20px}
.top-meta{font-size:13px;color:var(--sub)}
/* ===== 主体两栏 ===== */
.main{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr 1fr;
  gap:48px;align-items:center;padding:20px 0}
/* 左栏 */
.left{display:flex;flex-direction:column;justify-content:center;min-height:0}
.tag{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--blue);
  background:var(--blue-l);border:1px solid #c9ddfb;padding:4px 13px;border-radius:20px;margin-bottom:16px}
h1{font-size:clamp(26px,3.1vw,42px);line-height:1.2;font-weight:800;letter-spacing:-.5px;margin-bottom:14px}
.grad{background:linear-gradient(100deg,var(--blue),#38bdf8);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.desc{font-size:clamp(13px,1.05vw,15px);color:var(--sub);margin-bottom:22px}
/* 功能列表（无图标版） */
.feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-bottom:26px}
.feats li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;
  padding-left:16px;position:relative}
.feats li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;
  border-radius:50%;background:var(--blue);opacity:.85}
.feats b{color:var(--blue-d);font-weight:700;flex-shrink:0}
.feats span{color:var(--sub);font-size:12.5px}
/* 下载按钮 */
.dl{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:13px 28px;border-radius:10px;font-size:15px;font-weight:700;transition:.22s;border:1.5px solid transparent}
.btn-main{background:linear-gradient(100deg,var(--blue),#3b8ef5);color:#fff;
  box-shadow:0 8px 22px rgba(29,111,242,.32)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(29,111,242,.42)}
.btn-sub{background:#fff;color:var(--blue);border-color:#bcd6f8}
.btn-sub:hover{background:var(--blue-l);border-color:var(--blue)}
.spec-line{font-size:12px;color:var(--sub);letter-spacing:.2px}
/* ===== 右栏：无缝轮播 ===== */
.right{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}
.carousel{
  width:min(46%, 460px);
  border-radius:12px;overflow:hidden;background:#fff;
  border:1px solid var(--line);
  box-shadow:0 14px 36px rgba(29,111,242,.16);
}
.track{display:flex;transition:transform .6s ease-in-out;will-change:transform}
.slide{flex:0 0 100%;min-width:0}
.slide img{width:100%;height:100%;object-fit:contain;background:#fff}
.carousel-cap{font-size:13px;font-weight:600;color:var(--blue-d);margin-top:12px}
.dots{display:flex;gap:8px;margin-top:10px}
.dot{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;
  background:#c7d8f2;transition:.25s;padding:0}
.dot.active{background:var(--blue);width:24px;border-radius:6px}
/* ===== 小屏兜底 ===== */
@media(max-width:1024px){
  html,body{overflow:auto}
  .wrap{height:auto;min-height:100vh;padding:0 22px}
  .main{grid-template-columns:1fr;gap:26px;padding:22px 0 34px}
  .feats{grid-template-columns:1fr}
  h1{font-size:30px}
  .carousel{width:min(86%,460px)}
}