#qyj-metal-category-page{--paper:#f5f2eb;--ink:#242824;--muted:#686b66;--accent:#8a482c;--line:#d9d6cd;--dark:#202d29;--cream:#d7dfbd;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
#qyj-metal-category-page,#qyj-metal-category-page *{box-sizing:border-box}
#qyj-metal-category-page a{color:inherit;text-decoration:none}
#qyj-metal-category-page img{display:block;width:100%}
#qyj-metal-category-page figure,#qyj-metal-category-page h1,#qyj-metal-category-page h2,#qyj-metal-category-page h3,#qyj-metal-category-page p{margin:0}
#qyj-metal-category-page h1,#qyj-metal-category-page h2,#qyj-metal-category-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
#qyj-metal-category-page .metal-shell{width:min(1320px,calc(100% - 112px));margin:auto}
.metal-preview-bar{background:#202824;color:#fff;font:11px/1.4 Arial,sans-serif;letter-spacing:.04em}
.metal-preview-bar .metal-shell{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.metal-preview-bar strong{color:#e7b191;letter-spacing:.08em}
#qyj-metal-category-page .metal-crumbs{padding:24px 0;font-size:10px;letter-spacing:.12em;color:var(--muted)}
#qyj-metal-category-page .metal-crumbs span{margin:0 8px;color:#aaa}
#qyj-metal-category-page .metal-eyebrow{font:600 10px Arial;letter-spacing:.19em;line-height:1.5;margin-bottom:19px}
#qyj-metal-category-page .metal-eyebrow:before{content:'';display:inline-block;width:25px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}
#qyj-metal-category-page .metal-button{border:1px solid var(--ink);padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:11px;background:var(--ink);color:#fff}
#qyj-metal-category-page .metal-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:56px 0 82px}
#qyj-metal-category-page .metal-hero h1{font-size:clamp(50px,6vw,84px);line-height:.98;letter-spacing:-.055em}
#qyj-metal-category-page .metal-lede{font-size:15px;line-height:1.85;color:var(--muted);margin:25px 0}
#qyj-metal-category-page .metal-hero-figure{aspect-ratio:1;overflow:hidden;background:#e8e5dc;position:relative}
#qyj-metal-category-page .metal-hero-media,#qyj-metal-category-page .metal-hero-media img{height:100%}
#qyj-metal-category-page .metal-hero-media img{object-fit:cover}
#qyj-metal-category-page .metal-hero-figure figcaption{position:absolute;left:18px;bottom:18px;background:#f5f2ebe8;padding:9px 11px;font-size:9px;letter-spacing:.13em}
#qyj-metal-category-page .metal-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
#qyj-metal-category-page .metal-facts div{padding:15px;border-right:1px solid var(--line)}
#qyj-metal-category-page .metal-facts div:last-child{border:0}
#qyj-metal-category-page .metal-facts span{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted);margin-bottom:7px}
#qyj-metal-category-page .metal-facts strong{font:400 17px Georgia}
#qyj-metal-category-page .metal-products-section{padding:90px 0}
#qyj-metal-category-page .metal-section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:end;margin-bottom:40px}
#qyj-metal-category-page .metal-section-head h2,#qyj-metal-category-page .metal-process h2,#qyj-metal-category-page .metal-specs h2,#qyj-metal-category-page .metal-faq h2{font-size:clamp(38px,4.5vw,62px);line-height:1.05;letter-spacing:-.04em}
#qyj-metal-category-page .metal-section-head>p{font-size:14px;line-height:1.85;color:var(--muted)}
#qyj-metal-category-page .metal-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 24px}
#qyj-metal-category-page .metal-product-card{display:flex;flex-direction:column;height:100%;border-top:1px solid var(--ink)}
#qyj-metal-category-page .metal-product-card figure{aspect-ratio:1;overflow:hidden;background:#e8e5dc}
#qyj-metal-category-page .metal-product-card img{height:100%;object-fit:cover;transition:transform .4s}
#qyj-metal-category-page .metal-product-card:hover img{transform:scale(1.025)}
#qyj-metal-category-page .metal-product-copy{display:flex;flex:1;flex-direction:column;padding:18px 2px}
#qyj-metal-category-page .metal-product-index{display:block;font:600 9px Arial;letter-spacing:.16em;color:var(--accent);margin-bottom:11px}
#qyj-metal-category-page .metal-product-copy h3{font-size:29px;line-height:1.12}
#qyj-metal-category-page .metal-product-copy p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 14px}
#qyj-metal-category-page .metal-product-link{display:flex;align-items:center;width:100%;min-height:58px;margin-top:auto;padding:16px 20px;background:var(--ink);color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#qyj-metal-category-page .metal-process{background:var(--dark);color:#fff;padding:90px 0}
#qyj-metal-category-page .metal-process-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:end;margin-bottom:34px}
#qyj-metal-category-page .metal-process-head>p{font-size:14px;line-height:1.85;color:#c7cbc7}
#qyj-metal-category-page .metal-process-media{max-width:1100px;margin:auto;aspect-ratio:16/9;background:#121917;overflow:hidden}
#qyj-metal-category-page .metal-process-video{width:100%;height:100%;object-fit:cover}
#qyj-metal-category-page .metal-video-note{text-align:center;color:#bcc3bf;font-size:10px;letter-spacing:.12em;margin:13px 0 31px}
#qyj-metal-category-page .metal-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ffffff26;border:1px solid #ffffff26}
#qyj-metal-category-page .metal-steps article{background:var(--dark);padding:24px}
#qyj-metal-category-page .metal-steps span{font-size:9px;color:#d0b997}
#qyj-metal-category-page .metal-steps h3{font-size:20px;margin:27px 0 10px}
#qyj-metal-category-page .metal-steps p{font-size:10px;line-height:1.65;color:#bfc5c1}
#qyj-metal-category-page .metal-custom-finishing{border:1px solid #ffffff26;padding:24px;margin-top:1px}
#qyj-metal-category-page .metal-custom-finishing h3{font-size:20px;margin-bottom:8px}
#qyj-metal-category-page .metal-custom-finishing p{font-size:11px;color:#bfc5c1;line-height:1.7}
#qyj-metal-category-page .metal-specs{padding:90px 0}
#qyj-metal-category-page .metal-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
#qyj-metal-category-page .metal-spec-table{border-top:1px solid}
#qyj-metal-category-page .metal-spec-table div{display:grid;grid-template-columns:160px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:18px 0}
#qyj-metal-category-page .metal-spec-table dt{font-size:9px;letter-spacing:.14em;color:var(--muted)}
#qyj-metal-category-page .metal-spec-table dd{margin:0;font-size:13px;line-height:1.65}
#qyj-metal-category-page .metal-inquiry-panel{background:#e8e5dc;padding:38px}
#qyj-metal-category-page .metal-inquiry-panel h3{font-size:31px;margin-bottom:15px}
#qyj-metal-category-page .metal-inquiry-panel p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:23px}
#qyj-metal-category-page .metal-faq{padding:90px 0}
#qyj-metal-category-page .metal-faq>.metal-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
#qyj-metal-category-page .metal-faq details{border-top:1px solid var(--line);padding:20px 0}
#qyj-metal-category-page .metal-faq details:last-child{border-bottom:1px solid var(--line)}
#qyj-metal-category-page .metal-faq summary{font:400 18px Georgia;cursor:pointer}
#qyj-metal-category-page .metal-faq details p{font-size:12px;line-height:1.8;color:var(--muted);padding-top:14px}
#qyj-metal-category-page .metal-final-cta{background:var(--cream);text-align:center;padding:80px 20px}
#qyj-metal-category-page .metal-final-cta>.metal-shell{width:auto}
#qyj-metal-category-page .metal-final-cta h2{font-size:clamp(40px,5vw,68px)}
#qyj-metal-category-page .metal-final-cta p{max-width:700px;margin:18px auto 25px;color:var(--muted);font-size:13px;line-height:1.8}
@media(max-width:980px){
  #qyj-metal-category-page .metal-shell{width:min(100% - 40px,900px)}
  #qyj-metal-category-page .metal-hero,#qyj-metal-category-page .metal-section-head,#qyj-metal-category-page .metal-process-head,#qyj-metal-category-page .metal-spec-grid,#qyj-metal-category-page .metal-faq>.metal-shell{grid-template-columns:1fr;gap:30px}
  #qyj-metal-category-page .metal-product-grid{gap:34px 18px}
  #qyj-metal-category-page .metal-steps{grid-template-columns:repeat(2,1fr)}
  #qyj-metal-category-page .metal-steps article:last-child{grid-column:1/-1}
}
@media(max-width:560px){
  .metal-preview-bar .metal-shell{padding:9px 0;display:block}
  .metal-preview-bar .metal-shell span{display:block}
  #qyj-metal-category-page .metal-shell{width:calc(100% - 28px)}
  #qyj-metal-category-page .metal-hero{padding:32px 0 55px}
  #qyj-metal-category-page .metal-hero h1{font-size:47px}
  #qyj-metal-category-page .metal-facts{grid-template-columns:1fr}
  #qyj-metal-category-page .metal-facts div{border-right:0;border-bottom:1px solid var(--line)}
  #qyj-metal-category-page .metal-products-section,#qyj-metal-category-page .metal-process,#qyj-metal-category-page .metal-specs,#qyj-metal-category-page .metal-faq{padding:58px 0}
  #qyj-metal-category-page .metal-product-grid{grid-template-columns:1fr}
  #qyj-metal-category-page .metal-steps{grid-template-columns:1fr}
  #qyj-metal-category-page .metal-steps article:last-child{grid-column:auto}
  #qyj-metal-category-page .metal-spec-table div{grid-template-columns:1fr;gap:7px}
}
