/* Rail-Station 开放平台 页面样式 */

.open-platform-page .main-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px;
}

/* 删除了 header 的页面专属样式覆盖，改为继承全局样式（与 svg-icons 一致） */

.platform-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* 返回主页按钮样式，复用站点视觉 */
.back-button {
  align-self: flex-start;
  padding: 10px 16px;
  background: #2751a0;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  color: #ffffff;
  text-decoration: none;
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  user-select: none;
}
.back-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.3); background:#1e3f7a; }

.platform-intro {
  background: linear-gradient(135deg, rgba(39,81,160,.08), rgba(255,214,102,.08));
  border: 1px solid rgba(39,81,160,.15);
  border-radius: 10px;
  padding: 24px; /* 放大内边距 */
}

.platform-intro h2 {
  margin: 0 0 10px 0;
  color: #304357;
  font-size: 1.6rem; /* 放大标题 */
}

.platform-intro p {
  margin: 0;
  color: #555;
  line-height: 1.7;
  font-size: 1.06rem; /* 放大正文字体 */
}

.platform-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.platform-card {
  background: rgba(255,255,255,.9);
  border: 1px solid #e9ecef;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 4px 18px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.platform-card.soon { opacity: .85; }

.card-header { display: flex; align-items: center; gap: 8px; }
.card-emoji { font-size: 22px; }
.card-desc { color: #666; line-height: 1.6; margin: 0; }

.card-actions { margin-top: auto; display: flex; gap: 10px; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  transition: all .2s ease;
  border: 1px solid #e1e5e9;
  color: #304357;
  background: #fff;
}

.btn.primary {
  background: #2751a0;
  color: #fff;
  border-color: #2751a0;
}

.btn.primary:hover { background: #1e3f7a; border-color: #1e3f7a; transform: translateY(-1px); }

.btn.disabled { background: #f1f3f5; color: #aaa; border-color: #e9ecef; cursor: not-allowed; }

.platform-notice {
  background: rgba(255,248,220,.8);
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 12px;
  color: #856404;
}

/* 响应式 */
@media (max-width: 1024px) {
  .platform-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .open-platform-page .main-content { padding: 10px; }
  .platform-grid { grid-template-columns: 1fr; }
  .card-emoji { font-size: 20px; }
  .platform-intro h2 { font-size: 1.4rem; }
  .platform-intro p { font-size: 1rem; }
}

@media (max-width: 480px) {
  .btn { width: 100%; }
  .platform-intro { padding: 18px; }
}