:root { font:16px/1.65 "PingFang SC","Microsoft YaHei",system-ui,sans-serif; color:#18253c; background:#f7f9fc }
* { box-sizing:border-box } body { margin:0 } a { color:#254bc6; text-underline-offset:4px }
header { display:flex; justify-content:space-between; align-items:center; padding:14px max(5%,calc((100% - 1080px)/2)); border-bottom:1px solid #e1e6ef; background:white }
header a { display:flex; align-items:center; gap:8px; text-decoration:none; font-weight:650 }
header img { width:32px; height:32px } main { width:min(90%,1080px); margin:30px auto 72px }
nav { font-size:14px; color:#506079 } .intro,article,aside { background:white; border:1px solid #dee5ef; border-radius:16px }
.intro { margin:18px 0 22px; padding:clamp(24px,4vw,48px); background:linear-gradient(110deg,#fff,#edf3ff) }
.platform-icon { width:44px; height:44px } h1 { font-size:clamp(27px,4vw,44px); line-height:1.25; margin:8px 0 }
.intro p { max-width:42em; color:#455770 } .action { display:inline-block; background:#124ade; color:#fff; padding:10px 18px; border-radius:8px; text-decoration:none }
.layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:20px; align-items:start } article,aside { padding:clamp(20px,3vw,36px) }
h2 { font-size:21px; margin:0 0 8px } article p { margin:0; line-height:1.9 } section+section { border-top:1px solid #e8ecf3; padding-top:24px; margin-top:24px }
aside h2 { font-size:17px } aside a { display:block; margin:12px 0 } @media(max-width:760px){.layout{grid-template-columns:1fr}}