.platform-intro { text-align:center; margin-bottom:64px; }
.platform-intro h2 { font-size:32px; font-weight:700; color:#333; margin:0 0 16px; letter-spacing:-0.01em; }
.platform-intro p { font-size:15px; color:#777; line-height:1.9; max-width:720px; margin:0 auto; }

.platform-wrap { max-width:1000px; margin:0 auto; }
.platform-list { display:flex; flex-direction:column; gap:16px; }

.platform-item { background:#fff; border:1px solid #e8e8e8; border-radius:2px; padding:28px 32px; display:flex; align-items:center; gap:24px; transition:all .3s ease; position:relative; }
.platform-item:hover { transform:translateY(-4px); border-color:#E02B2B; box-shadow:0 8px 24px rgba(0,0,0,.08); }

.platform-icon-img { flex-shrink:0; object-fit:contain; }
.platform-info { flex:1; min-width:0; }
.platform-info h3 { font-size:18px; font-weight:700; color:#333; margin:0 0 4px; display:flex; align-items:center; gap:10px; }
.platform-tag { font-size:20px; color:#666; font-weight:600; }
.platform-desc { font-size:14px; color:#999; line-height:1.7; margin:6px 0 0; }

.platform-btn { display:inline-block; padding:10px 28px; background:transparent; color:#999; font-size:14px; font-weight:700; border-radius:999px; text-decoration:none; transition:all .3s ease; border:1px solid #d0d0d0; cursor:pointer; white-space:nowrap; }
.platform-btn:hover { background:#E02B2B; border-color:#E02B2B; color:#fff; box-shadow:0 6px 16px rgba(224,43,43,.25); transform:translateY(-2px); }

.platform-link { text-decoration:none; color:inherit; display:block; }

@media(max-width:1023px) {
  .platform-item { padding:22px 24px; }
  .platform-desc { display:none; }
  .platform-icon { width:44px; height:44px; font-size:18px; }
}
@media(max-width:560px) {
  .platform-item { padding:18px 20px; gap:16px; }
  .platform-icon { display:none; }
  .platform-btn { padding:8px 20px; font-size:13px; }
}