4520000297 S4520000297 Eje del rodillo de alimentación del casete Hyosung 7310000574-14

... ``` Nota: Este es el requisito del formato de salida. Solo necesito el fragmento de contenido. No necesito html, encabezado, cuerpo, tipo de documento, etc. Solo el estilo y los elementos semánticos según el requisito. Permítanme refinar mi pensamiento sobre la estructura: 1. **Bloque de estilo** con clases con prefijo (`pd-`). 2. **Secciones**: - Descripción general del producto (con tabla) - Gama completa de repuestos para casetes de efectivo Hyosung - Embalaje y envío (imágenes) - Contáctenos 3. No h1-h4; use divs con estilo. 4. Tamaños de fuente en px con! Importante, base 14px. 5. No se permiten pseudoelementos para las viñetas de la lista. 6. Bordes de mesa sólidos. 7. Imágenes conservadas con texto alternativo. Déjame escribir CSS limpio: ```css .pd-wrap { font-family: ...; tamaño de fuente: 14px! Importante; altura de línea: 1,65; color: #333; } ``` Déjame construirlo. Para la tabla, usaré una tabla de especificaciones adecuada con dos columnas. Las imágenes: - `/photo/tigeratmparts/editor/20241021100036_80400.jpg` — el eje del rodillo de alimentación - `/photo/tigeratmparts/editor/20241021100037_54849.jpg` — embalaje - `/photo/tigeratmparts/editor/20241021100040_28640.jpg` - envío - `/photo/tigeratmparts/editor/20241021100044_31523.jpg` - contáctenos Déjame construir el HTML. Para la tabla, la haré responsiva con un contenedor que se desplaza horizontalmente en pantallas pequeñas. Déjame escribir el resultado final. Haré que la tabla de especificaciones tenga un estilo con fondos de filas alternados, la columna izquierda como etiqueta con un color ligeramente apagado y seminegrita. Estructura: ```html

``` Permítanme elaborar cuidadosamente el refinamiento de la copia. Párrafo de descripción general del producto: manténgalo como está en su mayor parte, refinado. Filas de la tabla: - Número de pieza: 4520000297 S4520000297 - Marca: Hyosung - Código SKU: 7310000574-14 - Descripción: Eje del rodillo de alimentación de casete Hyosung - Función: Alimentación, separación y transmisión de billetes de casete de efectivo en cajeros automáticos - Condición: Nuevo - Usado para: Cassette Hyosung - Garantía: 3 meses - Término comercial: EXW Luego la imagen del rodillo eje con alt. Sección: Gama completa de repuestos para casetes de efectivo Hyosung: dos párrafos. Luego la sección Embalaje y envío con imágenes y listas. Sección Contáctenos con imagen. Tenga en cuenta "Embalaje:" y "Envío:": crearé una sección combinada "Embalaje y envío" o mantendré subtítulos separados. Permítanme incluir "Embalaje" y "Envío" como subtítulos dentro de una sección o en secciones separadas. Haré secciones separadas para mayor claridad; en realidad, una sección combinada de "Embalaje y envío" con dos subsecciones es mejor. Mmmm, pero el requisito dice que cada sección debe tener un título claro. Permítanme hacer dos apartados: "Embalaje" y "Envío". En realidad el original tiene embalaje y envío agrupados en la misma región entre dos imágenes. Crearé una sección "Embalaje y envío" con dos subtítulos (pd-subheading). Está bien. En realidad más sencillo: dos secciones separadas. Déjame hacer: - Sección: Embalaje - Sección: Envío Hmm, pero cada uno tiene una imagen. Eso está bien y limpio. De hecho, los combinaré ya que están relacionados: "Embalaje y envío" con subdivisiones. Permítanme hacer dos secciones para la limpieza y la agrupación semántica. Mmm. Iré con una sola sección "Embalaje y envío" que contiene dos bloques "pd-subheading". Cualquiera de los dos funciona. Permítanme elegir dos secciones separadas para mayor claridad... Iré con la sección combinada "Embalaje y envío": se lee mejor y coincide con el flujo de origen. En realidad, déjame reconsiderarlo: la fuente muestra la imagen del embalaje y luego la imagen del envío. Dos temas separados. Haré dos secciones. Bien. Decisión: dos secciones, "Embalaje" y "Envío". Mmmm, pero una sección con solo una oración y una imagen es un poco escasa. Aún así está bien y semántico. En su lugar, déjame hacer: Sección "Embalaje y envío" con subsecciones. Yo iré con eso. Final. Lista de envío actual: DHL, Fedex, UPS, TNT, EMS, como lista. Déjame escribirlo. Detalles de CSS: ```css .pd-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; tamaño de fuente: 14px! Importante; altura de línea: 1,7! Importante; color: #333d47; ancho máximo: 100%; tamaño de caja: cuadro de borde; -webkit-font-smoothing: antialiased; } .pd-wrap * { tamaño de caja: border-box; } ``` Cuidado: `.pd-wrap *` con tamaño de caja está bien. Encabezados: ```css .pd-heading { tamaño de fuente: 18px !importante; peso de fuente: 700! Importante; altura de línea: 1,35 !importante; color: #14293d; margen: 0 0 14px 0; relleno: 0 0 10px 0; borde inferior: 2px sólido #e2e8ee; posición: relativa; } ``` Hmm, el requisito dice no ::before/::after para la lista de viñetas o íconos. Las fronteras están bien. ¿Usaré una barra de acento izquierda a través del borde izquierdo más el borde inferior? Mantengámoslo simple: borde izquierdo acentuado. ```css .pd-heading { tamaño de fuente: 18px !importante; peso de fuente: 700! Importante; altura de línea: 1.4 !importante; color: #14293d; margen: 0 0 16px; relleno: 2px 0 2px 12px; borde izquierdo: 4px sólido #0a6ebd; } ``` No ::antes/::después necesario. Subtítulo: ```css .pd-subheading { tamaño de fuente: 15px !importante; peso de fuente: 600! Importante; color: #0a6ebd; margen: 0 0 8px; } ``` Párrafo: ```css .pd-text { tamaño de fuente: 14px !importante; altura de línea: 1,75 !importante; color: #3d4a57; margen: 0 0 14px; } .pd-text:último hijo { margen inferior: 0; } ``` Fuerte dentro de: `.pd-wrap strong { font-weight: 600; color: #14293d; }` - pero cuidado, eso podría entrar en conflicto. Su alcance es .pd-wrap muy fino, aunque un poco amplio. DE ACUERDO. Tabla: ```css .pd-table-wrap { ancho: 100%; desbordamiento-x: automático; -webkit-overflow-scrolling: tocar; margen: 0 0 4px; borde: 1px sólido #d8e0e8; radio del borde: 4px; } .pd-spec-table { ancho: 100%; ancho mínimo: 420px; colapso fronterizo: colapso; espaciado de bordes: 0; fondo: #fff; tamaño de fuente: 14px! Importante; altura de línea: 1,6! Importante; } .pd-spec-table th, .pd-spec-table td { borde: 1px sólido #d8e0e8; relleno: 10px 14px; alineación de texto: izquierda; alineación vertical: arriba; tamaño de fuente: 14px! Importante; altura de línea: 1,6! Importante; } .pd-spec-table th { ancho: 32%; ancho mínimo: 130px; antecedentes: #f4f7fa; color: #14293d; peso de fuente: 600! Importante; espacio en blanco: nowrap; } ``` Hmm, con el colapso del borde más el borde contenedor, habría bordes dobles. Utilice `border-collapse: contraer` en la tabla y establezca el borde envolvente en ninguno, y las esquinas redondeadas no se mostrarán. Permítanme simplemente eliminar el borde contenedor y mantener los bordes de la tabla. En realidad, con border-collapse:collapse, se mostrarán los bordes exteriores de las celdas de la tabla. Entonces el contenedor necesita "borde: ninguno". Pero entonces no se aplicará el radio fronterizo. Bien, mantenlo simple, sin radio. Sólo fronteras sólidas en todas partes según sea necesario. En realidad, es un problema de borde anidado: tabla dentro del contenedor overflow-x, bien. Déjame configurar el contenedor: `overflow-x: auto;` solamente. La tabla con "border-colapso: colapso" y celdas con "borde: 1px sólido #d8e0e8" proporciona líneas individuales limpias. Imagen: ```css .pd-figure { margen: 18px 0 0; alineación de texto: centro; } .pd-img { mostrar: bloquear; ancho: 100%; ancho máximo: 640px; altura: automático; margen: 0 automático; borde: 1px sólido #e2e8ee; radio del borde: 4px; fondo: #fff; } .pd-caption { tamaño de fuente: 13px !importante; color: #7a8794; margen superior: 8px; alineación de texto: centro; } ``` El título es opcional; La fuente no tiene subtítulos. Saltaré los subtítulos excepto quizás cuando sea útil. El requisito dice que para el video se proporciona una descripción de aria-label/track/nearby div. Para imágenes, simplemente alt. Me saltaré los subtítulos para ser fiel. En realidad, un pequeño título añade claridad a la imagen de la mesa. Omitiré mantenerme limpio. Hmm, el texto alternativo es suficiente. Listas: ```css .pd-list { margen: 0 0 14px; relleno: 0 0 0 20px; estilo de lista: disco; } .pd-list li { tamaño de fuente: 14px !importante; altura de línea: 1,75 !importante; margen inferior: 6px; relleno-izquierda: 2px; } .pd-list li:último-niño { margen inferior: 0; } ``` Requisito: no ::before/::after para las viñetas de la lista; el disco de estilo de lista estándar está bien. Sección: ```css .pd-section { margen: 0 0 34px; } .pd-sección: último hijo { margen inferior: 0; } ``` Llamada de contacto: ```css .pd-contact { background: #f4f7fa; borde: 1px sólido #dfe6ed; borde izquierdo: 4px sólido #0a6ebd; radio del borde: 4px; relleno: 18px 20px; } ``` Ahora escribamos contenido. Párrafo de descripción general: "ElEje del rodillo de alimentación del casete 4520000297 / S4520000297 Hyosunges un componente central de precisión diseñado para los sistemas de casetes de efectivo de cajeros automáticos Hyosung, totalmente compatible con los cajeros automáticos de las series Hyosung 5600T, CST-1100 y 2K. Como parte clave del mecanismo de alimentación y separación de billetes, este eje de rodillo ofrece una potencia de transmisión rotacional estable, lo que garantiza una recogida, alimentación y transporte de billetes sin problemas. Resuelve eficazmente fallas comunes de los cajeros automáticos, como atascos de billetes, alimentación fallida de billetes, salida desigual de billetes y funcionamiento anormal del casete, lo que ayuda a mantener el funcionamiento estable a largo plazo del sistema dispensador de efectivo del cajero automático". componentes de casetes de efectivo, que cubren todas las piezas desgastables y reemplazables para los sistemas de casetes Hyosung. Nuestra línea completa de productos satisface las necesidades de adquisición integral para mantenimiento, reparación y actualización de equipos de cajeros automáticos". Párrafo 2: "Nuestras piezas de repuesto disponibles para casetes de efectivo Hyosung incluyen, entre otras:" luego enumere: - Rodillo del casete de efectivo - Rodillo de recogida - Rodillo de separación - Juego de engranajes - Eje de transmisión - Resorte - Sensor - Deflector - Conjunto de bloqueo del casete - Conjunto de separador de billetes - Otras piezas desgastables principales Luego: "Todas las piezas son compatibles con los principales modelos de cajeros automáticos Hyosung, como el 5600T, 5800, CST-1000, CST-1100, casetes 2K y 4K. Ya sea que necesite una sola pieza de repuesto o un conjunto completo de accesorios de casete, podemos ofrecerle una solución profesional adecuada". Es un buen uso de una lista. Bien. Luego, sección Embalaje y envío: - Subtítulo Embalaje: "Embalaje en cartón y palet, o según los requisitos del cliente". + imagen - Subtítulo Envío: "Por aire, por expreso o por mar" + lista de transportistas DHL, FedEx, UPS, TNT, EMS + "Podemos entregar los productos según los requisitos de la aduana a través de DHL, FedEx, UPS, TNT, EMS, etc." + imagen Permítame expresar: "Podemos organizar la entrega por aire, por expreso o por mar, utilizando transportistas como DHL, FedEx, UPS, TNT y EMS de acuerdo con los requisitos aduaneros". Luego, sección Contáctenos: párrafo de contacto + imagen. Permítame escribir el HTML final. Uno más: el título superior del producto "4520000297 S4520000297 Hyosung Cassette Feed Roller Shaft 7310000574-14": ¿debería incluirlo? El requisito dice no comenzar con un título de sección general como "Descripción del producto". Es de suponer que el título del producto ya se muestra en la página. Omitiré el título duplicado ya que también aparece en la descripción palabra por palabra y en la descripción general. Hmm, pero es información detallada del producto. La instrucción: "no comience con un título de sección general (por ejemplo, 'Descripción del producto')". El título del producto es un título, probablemente manejado por el page template. I'll omit it. Actually, safer to omit — includes it in overview anyway. Now write. For the "Function" row — includes trailing spaces, clean up: "ATM cash cassette banknote feeding, separating and transmission". Let me produce final output. Also add `word-break` safety? Not needed. Responsive: consider stacking table on small screens? Keep the scroll wrapper — that's the standard safe approach. Also maybe add `table-layout: auto` — fine. Write the CSS con px! Importante para los tamaños de fuente según sea necesario. Salida final a continuación. Aquí está el fragmento de contenido HTML para el eje del rodillo de alimentación del casete del cajero automático Hyosung, listo para insertar en el contenedor de detalles del producto ```html.