/* ========== 产品展示页专属样式 ========== */

/* Machines Grid */
.machines-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.machine-card {
    background: #fff; padding: 24px 16px; border-radius: 10px; text-align: center;
    box-shadow: var(--shadow); transition: var(--transition); position: relative; overflow: hidden;
}
.machine-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.machine-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: var(--navy); transition: var(--transition);
}
.machine-card:hover::before { background: var(--red); }
.machine-featured::before { background: var(--red); height: 4px; }
.machine-number { font-size: 1.5em; font-weight: 900; color: var(--navy); margin-bottom: 8px; }
.machine-image { width: 100%; height: 180px; object-fit: contain; margin-bottom: 12px; display: block; }
.machine-card  h3 { color: var(--dark); margin-bottom: 4px; }
.machine-model { display: block; font-family: Consolas, monospace; font-size: 0.8em; color: var(--gray); margin-bottom: 8px; }
.machine-card p { color: var(--gray); font-size: 0.85em; }

/* Services */
.services-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.service-card {
    background: #fff; padding: 32px 24px; border-radius: 12px;
    box-shadow: var(--shadow); transition: var(--transition); border-top: 3px solid var(--navy);
}
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--red); }
.service-icon { font-size: 2.5em; margin-bottom: 12px; }
.service-card  h3 { color: var(--dark); margin-bottom: 8px; font-family: "Microsoft YaHei", sans-serif; }
.service-card p { color: var(--gray); font-size: 0.95em; margin-bottom: 12px; line-height: 1.7; }
.service-features { text-align: left; }
.service-features li { padding: 4px 0; font-size: 0.9em; color: var(--gray); }

/* Support */
.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.support-card {
    background: #fff; padding: 32px 24px; border-radius: 12px; text-align: center;
    box-shadow: var(--shadow); transition: var(--transition); border-left: 4px solid var(--red);
}
.support-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.support-icon { font-size: 2.5em; margin-bottom: 12px; }
.support-card  h3 { color: var(--dark); margin-bottom: 8px; }
.support-card p { color: var(--gray); font-size: 0.95em; margin-bottom: 12px; line-height: 1.7; }

/* Download Cards */
.download-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; max-width: 900px; margin: 0 auto; }
.download-card {
    background: #fff; padding: 40px 32px; border-radius: 12px; text-align: center;
    box-shadow: var(--shadow); transition: var(--transition); border: 2px solid transparent;
}
.download-card.featured { border-color: var(--red); position: relative; }
.download-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.download-badge {
    position: absolute; top: -12px; right: 24px;
    background: var(--red); color: #fff; padding: 4px 16px;
    border-radius: 20px; font-size: 0.85em; font-weight: 700;
}
.download-card  h3 { font-size: 1.4em; color: var(--dark); margin-bottom: 8px; }
.download-desc { color: var(--gray); margin-bottom: 16px; }
.download-info { font-size: 0.9em; color: var(--navy); margin-bottom: 16px; padding: 8px; background: var(--navy-light); border-radius: 6px; }
.download-features { text-align: left; margin-bottom: 24px; max-width: 300px; margin-left: auto; margin-right: auto; }
.download-features li { padding: 4px 0; font-size: 0.9em; color: var(--gray); }
.download-note { font-size: 0.85em; color: var(--gray); margin-top: 12px; }
.download-note a { color: var(--red); text-decoration: underline; }

/* Scenario Cards */
.scenario-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.scenario-card {
    background: #fff; padding: 36px 24px; border-radius: 12px; text-align: center;
    box-shadow: var(--shadow); transition: var(--transition);
}
.scenario-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.scenario-icon { font-size: 2.5em; margin-bottom: 12px; }
.scenario-card  h3 { color: var(--dark); margin-bottom: 8px; }
.scenario-card p { color: var(--gray); font-size: 0.95em; line-height: 1.6; }

/* Demo Form */
.demo-form-container { max-width: 780px; margin: 56px auto 0; }
.demo-form-card {
    background: #fff; padding: 40px 44px; border-radius: 12px;
    box-shadow: var(--shadow-lg); border: 2px solid var(--red-light);
}
.demo-form-card h3 { font-size: 1.5em; color: var(--dark); margin-bottom: 8px; text-align: center; }
.form-desc { text-align: center; color: var(--gray); margin-bottom: 28px; font-size: 0.95em; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.form-group { display: flex; flex-direction: column; }
.form-full { margin-bottom: 24px; }
.form-group label { font-size: 0.9em; color: var(--dark); margin-bottom: 6px; font-weight: 600; }
.form-group input, .form-group select, .form-group textarea {
    padding: 12px 14px; border: 1px solid #d0d5dd; border-radius: 8px;
    font-size: 0.95em; color: var(--dark); transition: border-color 0.2s, box-shadow 0.2s; font-family: inherit;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    outline: none; border-color: var(--red); box-shadow: 0 0 0 3px var(--red-light);
}
.form-group textarea { resize: vertical; min-height: 60px; }
.btn-block { width: 100%; padding: 14px; font-size: 1.05em; }
.form-note { text-align: center; font-size: 0.82em; color: #999; margin-top: 12px; }

@media (max-width: 1024px) {
    .machines-grid { grid-template-columns: repeat(3, 1fr); }
    .services-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .machines-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .machine-image { height: 100px; }
    .services-grid-4 { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
    .support-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
    .scenario-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .download-grid { grid-template-columns: 1fr; max-width: 500px; }
    .form-row { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .machines-grid, .scenario-grid { grid-template-columns: 1fr; max-width: 320px; margin: 0 auto; }
}
/* ========== 从内联提取的样式 ========== */
/* ── Machine process tag ── */
.machine-tag{
  display:inline-block;
  margin:6px auto 0;
  padding:3px 12px;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.03em;
  color:#fff;
  background:linear-gradient(135deg,#C8102E,#e8394d);
  border-radius:20px;
  text-align:center;
}
/* ── Technical Strength section ── */
.tech-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.tech-card{
  background:#fff;
  border-radius:16px;
  padding:32px 24px 28px;
  box-shadow:0 4px 24px rgba(0,0,0,.06);
  text-align:center;
  transition:transform .3s,box-shadow .3s;
}
.tech-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 32px rgba(200,16,46,.12);
}
.tech-icon{
  font-size:3rem;
  margin-bottom:16px;
}
.tech-card  h3{
  font-size:1.2rem;
  color:#2c3e50;
  margin-bottom:12px;
}
.tech-card p{
  color:#666;
  font-size:.9rem;
  line-height:1.7;
  text-align:left;
}
@media(max-width:1024px){
  .tech-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .tech-grid{grid-template-columns:1fr;}
}
/* Smart product tags */
.machine-tag-smart { background: #10b981; color: #fff; }