/* Xinrui product-page template — INDUSTRIAL DARK theme (scoped under .xr-product).
   CSS is only enqueued on product pages, so the dark canvas below is safe. */
.entry-content.clear{background:#0e1620;padding:0}
.xr-product{max-width:1140px;margin:0 auto;padding:20px 22px 60px;color:#c4d0de;line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#0e1620}
.xr-product *{box-sizing:border-box}
.xr-product h1,.xr-product h2,.xr-product h3{color:#eef3f9;line-height:1.3}

/* Breadcrumb */
.xr-crumbs{font-size:13px;color:#7e8da0;margin:6px 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.xr-crumbs a{color:#5aa9ff;text-decoration:none}
.xr-crumbs a:hover{text-decoration:underline}
.xr-crumbs span{color:#46566b}
.xr-crumbs__cur{color:#9fb0c4}

/* Hero */
.xr-hero{display:flex;gap:32px;align-items:stretch;background:linear-gradient(135deg,#172432,#0f1a25);border:1px solid #243343;border-radius:16px;padding:30px;margin-bottom:34px}
.xr-hero__media{flex:0 0 46%;max-width:46%}
.xr-hero__img{width:100%;height:100%;min-height:300px;max-height:400px;object-fit:cover;border-radius:12px;display:block;background:#0b121a;border:1px solid #2a3b4d;box-shadow:0 8px 26px rgba(0,0,0,.45)}
.xr-hero__media--ph{flex:0 0 46%;max-width:46%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#13202d;border:1px dashed #38506a;border-radius:12px;color:#6f86a0;font-weight:600}
.xr-hero__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.xr-hero__title{font-size:2rem;margin:0 0 12px;letter-spacing:-.01em}
.xr-hero__model{display:inline-block;align-self:flex-start;background:#1d3550;color:#7cc0ff;font-size:.92rem;padding:5px 13px;border-radius:20px;margin-bottom:16px;border:1px solid #2c4a66}
.xr-hero__intro{color:#9fb0c4;font-size:1.02rem;margin:0 0 18px}
.xr-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.xr-chip{display:inline-block;background:#13202d;border:1px solid #2a3b4d;color:#bcd2ea;font-size:.82rem;padding:6px 12px;border-radius:8px;font-weight:500}
.xr-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}

/* Buttons */
.xr-btn{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:600;text-decoration:none;font-size:.98rem;transition:.15s;text-align:center}
.xr-btn--primary{background:#ff8a1e;color:#1a1206}
.xr-btn--primary:hover{background:#ff9d40}
.xr-btn:not(.xr-btn--primary){background:transparent;border:1.5px solid #3da5ff;color:#7cc0ff}
.xr-btn:not(.xr-btn--primary):hover{background:#16314d;color:#bfe0ff}

/* Section */
.xr-sec{margin-bottom:32px}
.xr-sec__title{font-size:1.35rem;margin:0 0 16px;padding-left:14px;border-left:4px solid #ff8a1e;position:relative}

/* Card */
.xr-card{background:#162230;border:1px solid #26384a;border-radius:12px;padding:22px 24px;box-shadow:0 1px 3px rgba(0,0,0,.3)}

/* Spec table */
.xr-spec{width:100%;border-collapse:collapse;font-size:.96rem}
.xr-spec td{padding:11px 14px;border-bottom:1px solid #233343;vertical-align:top}
.xr-spec tr:last-child td{border-bottom:none}
.xr-spec__k{font-weight:600;color:#9fb6cf;width:40%}
.xr-spec__v{color:#dfe9f4}
.xr-note{margin:14px 0 0;font-size:.82rem;color:#6f86a0;font-style:italic}

/* Feature grid */
.xr-feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.xr-feat{display:flex;align-items:flex-start;gap:12px;background:#162230;border:1px solid #26384a;border-radius:10px;padding:14px 16px;transition:.15s}
.xr-feat:hover{border-color:#3da5ff;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.xr-feat__ic{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#163a28;color:#36c46b;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-top:1px}
.xr-feat span:last-child{color:#c4d0de;font-size:.95rem}

/* Application tags */
.xr-tags{display:flex;flex-wrap:wrap;gap:10px}
.xr-tag{display:inline-block;background:#13283d;border:1px solid #294b6b;color:#7cc0ff;padding:8px 16px;border-radius:999px;font-size:.92rem;font-weight:500}

/* FAQ */
.xr-faq-list{display:flex;flex-direction:column;gap:10px}
.xr-faq{border:1px solid #26384a;border-radius:10px;background:#162230;overflow:hidden}
.xr-faq summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#eef3f9;list-style:none;position:relative;padding-right:42px}
.xr-faq summary::-webkit-details-marker{display:none}
.xr-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#ff8a1e;font-weight:700;transition:.15s}
.xr-faq[open] summary::after{content:"\2212"}
.xr-faq[open] summary{border-bottom:1px solid #233343}
.xr-faq p{margin:0;padding:0 18px 16px;color:#a9bccc}

/* Gallery */
.xr-gallery__grid{display:flex;flex-wrap:wrap;gap:14px}
.xr-gallery__item{flex:1 1 240px;min-width:180px;max-width:300px}
.xr-gallery__item img{width:100%;height:180px;object-fit:cover;border-radius:10px;border:1px solid #2a3b4d;display:block;background:#0b121a}

/* Related products */
.xr-related__grid{display:flex;flex-wrap:wrap;gap:14px}
.xr-related__card{flex:1 1 200px;min-width:168px;text-decoration:none;color:#eef3f9;border:1px solid #26384a;border-radius:12px;overflow:hidden;background:#162230;transition:.15s}
.xr-related__card:hover{border-color:#3da5ff;transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.4)}
.xr-related__thumb{height:124px;background:#0b121a;overflow:hidden}
.xr-related__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.xr-related__card span{display:block;padding:12px 14px;font-size:.93rem;font-weight:600;line-height:1.35;color:#dbe6f2}

/* Footer CTA */
.xr-cta-foot{margin-top:40px;background:linear-gradient(135deg,#13243a,#0c1722);color:#fff;border:1px solid #294b6b;border-radius:16px;padding:34px;text-align:center}
.xr-cta-foot h2{color:#fff;margin:0 0 10px;font-size:1.5rem}
.xr-cta-foot p{color:#9fb6cf;margin:0 0 20px;max-width:560px;margin-left:auto;margin-right:auto}

/* Responsive */
@media (max-width:820px){
  .xr-hero{flex-direction:column;align-items:stretch;padding:20px;gap:20px}
  .xr-hero__media,.xr-hero__media--ph{flex:1 1 auto;max-width:100%}
  .xr-hero__img{min-height:0;max-height:300px}
  .xr-hero__title{font-size:1.65rem}
  .xr-feat-grid{grid-template-columns:1fr}
  .xr-product{padding:12px 12px 40px}
}