/* zhuan-ys-blocks：我们演示的样式（自动从 theme/yinshidon/assets/site.css 生成，别手改；补充写在 zhuan-ys-extra.css） */
.zhuan-ys.zhuan-ys{--navy:#0B1B33; --navy-2:#132A4D; --red:#D9261C; --red-d:#B71D14; --blue:#1E5BD7;
  --bg:#F4F6FA; --card:#FFFFFF; --line:#E3E8F0; --text:#0E1726; --muted:#5A687D;
  --ok:#14804A; --radius:14px; --shadow:0 10px 30px rgba(11,27,51,.08);}
.zhuan-ys.zhuan-ys *{box-sizing:border-box;margin:0;padding:0}
.zhuan-ys.zhuan-ys{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC",sans-serif;color:var(--text);background:#fff;line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}
.zhuan-ys.zhuan-ys img{display:block;max-width:100%}
.zhuan-ys.zhuan-ys a{color:inherit;text-decoration:none}
.zhuan-ys.zhuan-ys h1,.zhuan-ys.zhuan-ys h2,.zhuan-ys.zhuan-ys h3,.zhuan-ys.zhuan-ys h4{font-family:Manrope,Inter,system-ui,sans-serif;line-height:1.15;letter-spacing:-.01em}
/* 版心跟杨专子主题 zhuanshop 的 .zhuan-container 一样（10-21 杨专指出）：最宽 1710px、左右 20px，内容 1670 = Astra 内容宽，和顶栏、他的板块左右对齐 */
.zhuan-ys.zhuan-ys .wrap{max-width:1710px;margin:0 auto;padding:0 20px}
.zhuan-ys.zhuan-ys .muted{color:var(--muted)}
.zhuan-ys.zhuan-ys .note{display:block;background:#FFF5C2;border:1px dashed #D9A900;color:#5A4300;font:13px/1.6 "PingFang SC","Hiragino Sans GB",system-ui,sans-serif;padding:8px 12px 8px 12px;border-radius:8px;margin:14px 0;max-width:860px}
.zhuan-ys.zhuan-ys .note b{display:inline-block;background:#D9A900;color:#fff;border-radius:4px;padding:0 6px;margin-inline-end:6px;font-size:12px}
.zhuan-ys.zhuan-ys .on-dark .note{background:#FFF5C2}
.zhuan-ys.zhuan-ys .badge-new{display:inline-block;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px;margin-inline-start:4px;vertical-align:top}
.zhuan-ys.zhuan-ys .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:.15s}
.zhuan-ys.zhuan-ys .btn-red{background:var(--red);color:#fff}
.zhuan-ys.zhuan-ys .btn-red:hover{background:var(--red-d)}
.zhuan-ys.zhuan-ys .btn-ghost{border-color:rgba(255,255,255,.7);color:#fff}
.zhuan-ys.zhuan-ys .btn-ghost:hover{background:rgba(255,255,255,.12)}
.zhuan-ys.zhuan-ys .btn-line{border-color:var(--navy);color:var(--navy)}
.zhuan-ys.zhuan-ys .btn-line:hover{background:var(--navy);color:#fff}
.zhuan-ys.zhuan-ys .btn-dark{background:var(--navy);color:#fff}
.zhuan-ys.zhuan-ys .btn-wa{background:#1FAF55;color:#fff}
.zhuan-ys.zhuan-ys .btn-sm{padding:9px 14px;font-size:14px;border-radius:8px}
.zhuan-ys.zhuan-ys .btn svg{width:20px;height:20px;flex-shrink:0}
.zhuan-ys.zhuan-ys .contact .qform{border:1px solid var(--line);box-shadow:var(--shadow)}
.zhuan-ys.zhuan-ys .hero{position:relative;color:#fff;min-height:620px;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.zhuan-ys.zhuan-ys .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.zhuan-ys.zhuan-ys .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,40,.94) 0%,rgba(8,20,40,.78) 42%,rgba(8,20,40,.15) 100%);z-index:1}
.zhuan-ys.zhuan-ys .hero .wrap{position:relative;z-index:2;width:100%;padding-top:40px;padding-bottom:120px}
.zhuan-ys.zhuan-ys .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.zhuan-ys.zhuan-ys .hero .eyebrow{color:#FF8C84}
.zhuan-ys.zhuan-ys .hero h1{font-size:56px;font-weight:800;max-width:680px;margin:14px 0 18px}
.zhuan-ys.zhuan-ys .hero p.lead{font-size:19px;color:#D7DFEC;max-width:600px}
.zhuan-ys.zhuan-ys .hero .cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.zhuan-ys.zhuan-ys .hero .ticks{display:flex;gap:22px;margin-top:26px;font-size:14px;color:#C9D3E3;flex-wrap:wrap}
.zhuan-ys.zhuan-ys .hero .ticks span:before{content:"✓";color:#5BD38A;font-weight:800;margin-inline-end:6px}
.zhuan-ys.zhuan-ys .page-hero{position:relative;color:#fff;padding:84px 0 70px;background:var(--navy);overflow:hidden}
.zhuan-ys.zhuan-ys .page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.zhuan-ys.zhuan-ys .page-hero .wrap{position:relative}
.zhuan-ys.zhuan-ys .page-hero h1{font-size:44px;font-weight:800;margin:10px 0 12px;max-width:760px}
.zhuan-ys.zhuan-ys .page-hero p{color:#D7DFEC;font-size:18px;max-width:680px}
.zhuan-ys.zhuan-ys .crumb{font-size:13px;color:#9FB0C8;margin-bottom:6px}
.zhuan-ys.zhuan-ys .stats{position:relative;z-index:5;margin-top:-70px}
.zhuan-ys.zhuan-ys .stats .box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);padding:26px 10px}
.zhuan-ys.zhuan-ys .stat{text-align:center;padding:0 12px;border-inline-end:1px solid var(--line)}
.zhuan-ys.zhuan-ys .stat:last-child{border-inline-end:0}
.zhuan-ys.zhuan-ys .stat b{display:block;font:800 30px Manrope,Inter,sans-serif;color:var(--navy)}
.zhuan-ys.zhuan-ys .stat span{font-size:14px;color:var(--muted)}
.zhuan-ys.zhuan-ys section.sec{padding:84px 0}
.zhuan-ys.zhuan-ys section.alt{background:var(--bg)}
.zhuan-ys.zhuan-ys section.dark{background:var(--navy);color:#fff}
.zhuan-ys.zhuan-ys .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.zhuan-ys.zhuan-ys .sec-head h2{font-size:36px;font-weight:800;margin-top:8px}
.zhuan-ys.zhuan-ys .sec-head p{color:var(--muted);max-width:620px;margin-top:10px;font-size:17px}
.zhuan-ys.zhuan-ys .dark .sec-head p{color:#B8C4D8}
.zhuan-ys.zhuan-ys .link-more{font-weight:700;color:var(--red);white-space:nowrap}
.zhuan-ys.zhuan-ys .link-more:after{content:" →"}
.zhuan-ys.zhuan-ys .chain{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:c}
.zhuan-ys.zhuan-ys .chain figure{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:#0B1B33}
.zhuan-ys.zhuan-ys .chain img{width:100%;height:100%;object-fit:cover}
.zhuan-ys.zhuan-ys .chain figure:before{counter-increment:c;content:counter(c,decimal-leading-zero);position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--red);color:#fff;font:800 13px Manrope,Inter,system-ui,sans-serif;border-radius:6px;padding:2px 7px}
.zhuan-ys.zhuan-ys .chain figcaption{padding:56px 12px 12px;background:linear-gradient(transparent,rgba(5,12,25,.88) 55%)}
.zhuan-ys.zhuan-ys .chain figcaption b{display:block;font-size:14px}
.zhuan-ys.zhuan-ys .chain figcaption small{display:block;font-weight:500;font-size:12px;opacity:.85;margin-top:2px}
.zhuan-ys.zhuan-ys .equip{display:flex;flex-wrap:wrap;gap:10px}
.zhuan-ys.zhuan-ys .equip span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px;color:var(--navy)}
.zhuan-ys.zhuan-ys .equip span:before{content:"⚙";color:var(--red);margin-inline-end:6px}
.zhuan-ys.zhuan-ys .cats{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.zhuan-ys.zhuan-ys .cat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.zhuan-ys.zhuan-ys .cat:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.zhuan-ys.zhuan-ys .cat .im{background:#F7F8FB;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:18px}
.zhuan-ys.zhuan-ys .cat .im img{max-height:100%;object-fit:contain}
.zhuan-ys.zhuan-ys .cat .tx{padding:14px 16px 18px}
.zhuan-ys.zhuan-ys .cat h3{font-size:17px}
.zhuan-ys.zhuan-ys .cat p{font-size:13px;color:var(--muted);margin-top:4px}
.zhuan-ys.zhuan-ys .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zhuan-ys.zhuan-ys .pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.zhuan-ys.zhuan-ys .pcard:hover{box-shadow:var(--shadow)}
.zhuan-ys.zhuan-ys .pcard .im{position:relative;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:14px;border-bottom:1px solid var(--line)}
.zhuan-ys.zhuan-ys .pcard .im img{max-height:100%;object-fit:contain}
.zhuan-ys.zhuan-ys .tag{position:absolute;top:10px;inset-inline-start:10px;font-size:11px;font-weight:700;border-radius:6px;padding:3px 8px;background:#E8F6EE;color:var(--ok)}
.zhuan-ys.zhuan-ys .tag.new{background:var(--red);color:#fff}
.zhuan-ys.zhuan-ys .pcard .tx{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.zhuan-ys.zhuan-ys .pcard .model{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.04em}
.zhuan-ys.zhuan-ys .pcard h3{font-size:16px;font-weight:700;line-height:1.3}
.zhuan-ys.zhuan-ys .pcard .spec{font-size:13px;color:var(--muted)}
.zhuan-ys.zhuan-ys .pcard .meta{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-top:auto;padding-top:8px;border-top:1px dashed var(--line)}
.zhuan-ys.zhuan-ys .pcard .act{display:flex;gap:8px;margin-top:10px}
.zhuan-ys.zhuan-ys .pcard .act .btn{flex:1;padding:9px 10px;font-size:13px}
.zhuan-ys.zhuan-ys .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zhuan-ys.zhuan-ys .way{border-radius:18px;padding:34px;position:relative;overflow:hidden;border:1px solid var(--line);background:#fff}
.zhuan-ys.zhuan-ys .way.dk{background:var(--navy);color:#fff;border:0}
.zhuan-ys.zhuan-ys .way h3{font-size:26px;margin:10px 0 10px}
.zhuan-ys.zhuan-ys .way ul{list-style:none;margin:16px 0 24px;display:grid;gap:9px}
.zhuan-ys.zhuan-ys .way li{padding-inline-start:26px;position:relative}
.zhuan-ys.zhuan-ys .way li:before{content:"";position:absolute;inset-inline-start:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:inset 0 0 0 4px #fff}
.zhuan-ys.zhuan-ys .way.dk li:before{box-shadow:inset 0 0 0 4px var(--navy)}
.zhuan-ys.zhuan-ys .way .moq{display:flex;gap:26px;padding:16px 0;border-top:1px solid rgba(127,140,160,.25);margin-top:6px}
.zhuan-ys.zhuan-ys .way .moq b{display:block;font:800 22px Manrope,Inter,sans-serif}
.zhuan-ys.zhuan-ys .way .moq span{font-size:13px;opacity:.75}
.zhuan-ys.zhuan-ys .factory{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
.zhuan-ys.zhuan-ys .video{position:relative;border-radius:18px;overflow:hidden;min-height:420px;background:#000}
.zhuan-ys.zhuan-ys .video img{width:100%;height:100%;object-fit:cover;opacity:.82;position:absolute;inset:0}
.zhuan-ys.zhuan-ys .video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,255,255,.25)}
.zhuan-ys.zhuan-ys .video .play:after{content:"";border-left:26px solid var(--red);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px}
.zhuan-ys.zhuan-ys .video .cap{position:absolute;inset-inline-start:22px;bottom:20px;color:#fff;font-weight:700;font-size:18px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.zhuan-ys.zhuan-ys .video .cap small{display:block;font-weight:500;font-size:13px;opacity:.85}
.zhuan-ys.zhuan-ys .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.zhuan-ys.zhuan-ys .fgrid figure{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.zhuan-ys.zhuan-ys .fgrid img{width:100%;height:100%;object-fit:cover}
.zhuan-ys.zhuan-ys figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:13px;font-weight:600}
.zhuan-ys.zhuan-ys .lab{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.zhuan-ys.zhuan-ys .lab figure{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4}
.zhuan-ys.zhuan-ys .lab img{width:100%;height:100%;object-fit:cover}
.zhuan-ys.zhuan-ys .steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:s}
.zhuan-ys.zhuan-ys .step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 18px;position:relative}
.zhuan-ys.zhuan-ys .dark .step{background:var(--navy-2);border-color:#22406B}
.zhuan-ys.zhuan-ys .step:before{counter-increment:s;content:counter(s,decimal-leading-zero);font:800 30px Manrope,Inter,sans-serif;color:var(--red);display:block;margin-bottom:10px}
.zhuan-ys.zhuan-ys .step h4{font-size:16px;margin-bottom:6px}
.zhuan-ys.zhuan-ys .step p{font-size:13px;color:var(--muted)}
.zhuan-ys.zhuan-ys .dark .step p{color:#AFC0DA}
.zhuan-ys.zhuan-ys .who{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.zhuan-ys.zhuan-ys .who div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 16px;text-align:center;font-weight:700;font-size:15px}
.zhuan-ys.zhuan-ys .who i{display:block;font-style:normal;font-size:28px;margin-bottom:8px}
.zhuan-ys.zhuan-ys .faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.zhuan-ys.zhuan-ys .faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.zhuan-ys.zhuan-ys .faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.zhuan-ys.zhuan-ys .faq summary:after{content:"+";color:var(--red);font-size:22px;line-height:1}
.zhuan-ys.zhuan-ys .faq details[open] summary:after{content:"–"}
.zhuan-ys.zhuan-ys .faq p{margin-top:10px;color:var(--muted);font-size:15px}
.zhuan-ys.zhuan-ys .posts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zhuan-ys.zhuan-ys .post{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.zhuan-ys.zhuan-ys .post .im{aspect-ratio:16/10;overflow:hidden}
.zhuan-ys.zhuan-ys .post .im img{width:100%;height:100%;object-fit:cover}
.zhuan-ys.zhuan-ys .post .tx{padding:16px}
.zhuan-ys.zhuan-ys .post .d{font-size:12px;color:var(--muted)}
.zhuan-ys.zhuan-ys .post h4{font-size:16px;margin-top:6px;line-height:1.35}
.zhuan-ys.zhuan-ys .cta-band{background:linear-gradient(120deg,var(--navy) 0%,#17366A 100%);color:#fff;border-radius:22px;padding:46px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.zhuan-ys.zhuan-ys .cta-band h2{font-size:34px}
.zhuan-ys.zhuan-ys .cta-band p{color:#C9D3E3;margin-top:10px}
.zhuan-ys.zhuan-ys .qform{background:#fff;border-radius:16px;padding:22px;display:grid;gap:12px;color:var(--text)}
.zhuan-ys.zhuan-ys .qform .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zhuan-ys.zhuan-ys .qform label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin-bottom:4px}
.zhuan-ys.zhuan-ys .qform input,.zhuan-ys.zhuan-ys .qform select,.zhuan-ys.zhuan-ys .qform textarea{width:100%;border:1px solid #CBD4E1;border-radius:9px;padding:11px 12px;font:15px Inter,system-ui;color:var(--text);background:#fff}
.zhuan-ys.zhuan-ys .qform textarea{min-height:90px;resize:vertical}
.zhuan-ys.zhuan-ys .qform small{font-size:12px;color:var(--muted)}
.zhuan-ys.zhuan-ys footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:32px}
.zhuan-ys.zhuan-ys footer h5{color:#fff;font-size:15px;margin-bottom:14px}
.zhuan-ys.zhuan-ys footer li{list-style:none;margin:7px 0}
.zhuan-ys.zhuan-ys footer .copy{border-top:1px solid #1C2B44;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:13px}
.zhuan-ys.zhuan-ys .social{display:flex;gap:10px;margin-top:16px}
.zhuan-ys.zhuan-ys .social span{width:34px;height:34px;border-radius:50%;background:#16243C;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}
.zhuan-ys.zhuan-ys .panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.zhuan-ys.zhuan-ys .panel h4{font-size:15px;margin-bottom:10px}
.zhuan-ys.zhuan-ys .chips{display:flex;flex-wrap:wrap;gap:8px}
.zhuan-ys.zhuan-ys .chip{border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;background:#fff;color:#24324A}
.zhuan-ys.zhuan-ys .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.zhuan-ys.zhuan-ys .shop{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.zhuan-ys.zhuan-ys .filters .panel{margin-bottom:14px}
.zhuan-ys.zhuan-ys .filters label{display:flex;gap:8px;align-items:center;font-size:14px;margin:7px 0;color:#2B3950}
.zhuan-ys.zhuan-ys .filters label em{margin-inline-start:auto;font-style:normal;font-size:12px;color:var(--muted)}
.zhuan-ys.zhuan-ys .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.zhuan-ys.zhuan-ys .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:var(--muted)}
.zhuan-ys.zhuan-ys .grid.g3{grid-template-columns:repeat(3,1fr)}
.zhuan-ys.zhuan-ys .pd{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
.zhuan-ys.zhuan-ys .gal .main{border:1px solid var(--line);border-radius:18px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:30px;background:#fff}
.zhuan-ys.zhuan-ys .gal .main img{max-height:100%;object-fit:contain}
.zhuan-ys.zhuan-ys .gal .th{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}
.zhuan-ys.zhuan-ys .gal .th img{border:1px solid var(--line);border-radius:10px;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:4px}
.zhuan-ys.zhuan-ys .gal .th img:first-child{border:2px solid var(--red)}
.zhuan-ys.zhuan-ys .pd h1{font-size:34px;font-weight:800;margin:8px 0 12px}
.zhuan-ys.zhuan-ys .pd .sum{color:var(--muted);font-size:16px}
.zhuan-ys.zhuan-ys .chips.big .chip{font-size:14px}
.zhuan-ys.zhuan-ys .facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;margin:22px 0;overflow:hidden}
.zhuan-ys.zhuan-ys .facts div{padding:14px;border-inline-end:1px solid var(--line);text-align:center}
.zhuan-ys.zhuan-ys .facts div:last-child{border-inline-end:0}
.zhuan-ys.zhuan-ys .facts b{display:block;font:800 19px Manrope,Inter,system-ui,sans-serif}
.zhuan-ys.zhuan-ys .facts span{font-size:12px;color:var(--muted)}
.zhuan-ys.zhuan-ys .colors{display:flex;gap:10px;align-items:center;margin:16px 0}
.zhuan-ys.zhuan-ys .colors i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #CBD4E1}
.zhuan-ys.zhuan-ys .specs{width:100%;border-collapse:collapse;font-size:15px}
.zhuan-ys.zhuan-ys .specs td{padding:11px 14px;border-bottom:1px solid var(--line)}
.zhuan-ys.zhuan-ys .specs td:first-child{color:var(--muted);width:42%}
.zhuan-ys.zhuan-ys .specs tr:nth-child(odd) td{background:#FAFBFD}
.zhuan-ys.zhuan-ys .custom{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zhuan-ys.zhuan-ys .ci{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.zhuan-ys.zhuan-ys .ci i{font-style:normal;font-size:26px}
.zhuan-ys.zhuan-ys .ci h4{margin:10px 0 6px;font-size:17px}
.zhuan-ys.zhuan-ys .ci p{font-size:14px;color:var(--muted)}
.zhuan-ys.zhuan-ys .moq-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px}
.zhuan-ys.zhuan-ys .moq-table th{background:var(--navy);color:#fff;text-align:start;padding:13px 16px;font-size:14px}
.zhuan-ys.zhuan-ys .moq-table td{padding:13px 16px;border-top:1px solid var(--line);background:#fff}
.zhuan-ys.zhuan-ys .moq-table td b{color:var(--red)}
.zhuan-ys.zhuan-ys .sticky-q{position:sticky;top:96px}
.zhuan-ys.zhuan-ys .pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.zhuan-ys.zhuan-ys .pills span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2B3950;background:var(--bg);border-radius:8px;padding:7px 10px}
.zhuan-ys.zhuan-ys .certs{display:flex;gap:14px;flex-wrap:wrap}
.zhuan-ys.zhuan-ys .certs span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 18px;font:800 16px Manrope,Inter,system-ui,sans-serif;color:var(--navy)}
.zhuan-ys.zhuan-ys .ph{border:2px dashed #C7D0DD;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8A97AB;font-size:14px;padding:20px;background:#FAFBFD;min-height:180px}
.zhuan-ys.zhuan-ys .contact{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}
.zhuan-ys.zhuan-ys .cbox{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;margin-bottom:16px}
.zhuan-ys.zhuan-ys .cbox h4{font-size:18px;margin-bottom:6px}
.zhuan-ys.zhuan-ys .next{counter-reset:n;display:grid;gap:12px;margin-top:12px}
.zhuan-ys.zhuan-ys .next div{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.zhuan-ys.zhuan-ys .next div:before{counter-increment:n;content:counter(n);flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.zhuan-ys.zhuan-ys .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:90;box-shadow:var(--shadow)}
.zhuan-ys.zhuan-ys .toast.on{opacity:1;transform:translate(-50%,0)}
.zhuan-ys.zhuan-ys .qform .ok{padding:18px 6px;text-align:center}
.zhuan-ys.zhuan-ys .qform .ok b{display:block;font-size:20px;color:var(--ok);margin-bottom:8px}
.zhuan-ys.zhuan-ys .qform .ok p{color:var(--muted);font-size:15px}
.zhuan-ys.zhuan-ys .video,.zhuan-ys.zhuan-ys .btn{cursor:pointer}
.zhuan-ys.zhuan-ys .tour-modal{position:fixed;inset:0;background:rgba(5,12,25,.82);display:none;align-items:center;justify-content:center;z-index:95;padding:20px}
.zhuan-ys.zhuan-ys .tour-modal.on{display:flex}
.zhuan-ys.zhuan-ys .tour-box{position:relative;width:min(420px,92vw);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.zhuan-ys.zhuan-ys .tour-box .frames{position:relative;aspect-ratio:600/722;background:#000}
.zhuan-ys.zhuan-ys .tour-box .frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.zhuan-ys.zhuan-ys .tour-box .frames img.on{opacity:1}
.zhuan-ys.zhuan-ys .tour-ft{padding:14px 16px 16px;color:#fff;background:#0B1B33}
.zhuan-ys.zhuan-ys .tour-ft b{display:block;font-size:13px;color:#FF8C84;letter-spacing:.06em;text-transform:uppercase}
.zhuan-ys.zhuan-ys .tour-ft .cap{display:block;font-size:16px;font-weight:600;margin:6px 0 12px;min-height:44px}
.zhuan-ys.zhuan-ys .tour-ft .bar{display:block;height:3px;background:#22406B;border-radius:2px;overflow:hidden}
.zhuan-ys.zhuan-ys .tour-ft .bar i{display:block;height:100%;width:0;background:var(--red);transition:width .4s}
.zhuan-ys.zhuan-ys .tour-box .x{position:absolute;top:10px;inset-inline-end:10px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.zhuan-ys.zhuan-ys .team figure{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/5}
.zhuan-ys.zhuan-ys .team img{width:100%;height:100%;object-fit:cover}
.zhuan-ys.zhuan-ys .chip{cursor:pointer}
@media (max-width:1100px){.zhuan-ys.zhuan-ys .cats{grid-template-columns:repeat(3,1fr)}
.zhuan-ys.zhuan-ys .grid{grid-template-columns:repeat(3,1fr)}
.zhuan-ys.zhuan-ys .steps,.zhuan-ys.zhuan-ys .who,.zhuan-ys.zhuan-ys .lab,.zhuan-ys.zhuan-ys .chain{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.zhuan-ys.zhuan-ys{font-size:15px}
.zhuan-ys.zhuan-ys .wrap{padding:0 20px}
.zhuan-ys.zhuan-ys .hero{min-height:560px}
.zhuan-ys.zhuan-ys .hero h1{font-size:36px}
.zhuan-ys.zhuan-ys .hero p.lead{font-size:16px}
.zhuan-ys.zhuan-ys .page-hero h1{font-size:32px}
.zhuan-ys.zhuan-ys .stats .box{grid-template-columns:repeat(2,1fr);gap:16px 0}
.zhuan-ys.zhuan-ys .stat{border-inline-end:0}
.zhuan-ys.zhuan-ys .stat b{font-size:24px}
.zhuan-ys.zhuan-ys .sec-head{flex-direction:column;align-items:flex-start}
.zhuan-ys.zhuan-ys .sec-head h2{font-size:28px}
.zhuan-ys.zhuan-ys section.sec{padding:60px 0}
.zhuan-ys.zhuan-ys .cats,.zhuan-ys.zhuan-ys .grid,.zhuan-ys.zhuan-ys .grid.g3,.zhuan-ys.zhuan-ys .posts{grid-template-columns:repeat(2,1fr);gap:12px}
.zhuan-ys.zhuan-ys .two,.zhuan-ys.zhuan-ys .factory,.zhuan-ys.zhuan-ys .faq,.zhuan-ys.zhuan-ys .cta-band,.zhuan-ys.zhuan-ys .pd,.zhuan-ys.zhuan-ys .contact,.zhuan-ys.zhuan-ys .shop{grid-template-columns:1fr}
.zhuan-ys.zhuan-ys .steps,.zhuan-ys.zhuan-ys .who,.zhuan-ys.zhuan-ys .lab,.zhuan-ys.zhuan-ys .custom{grid-template-columns:repeat(2,1fr)}
.zhuan-ys.zhuan-ys .cta-band{padding:26px}
.zhuan-ys.zhuan-ys .chain{grid-template-columns:repeat(2,1fr)}
.zhuan-ys.zhuan-ys .qform .row{grid-template-columns:1fr}
.zhuan-ys.zhuan-ys footer .cols{grid-template-columns:1fr 1fr}
.zhuan-ys.zhuan-ys .filters{display:none}
.zhuan-ys.zhuan-ys .facts{grid-template-columns:repeat(2,1fr)}}
/* 补充：放进杨专 WordPress（Astra 全宽页面）里要的几条 */
.zhuan-ys.zhuan-ys{width:100%;display:block;font-size:16px;line-height:1.55}
.zhuan-ys.zhuan-ys a:hover{text-decoration:none}
.zhuan-ys.zhuan-ys .pcard h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.zhuan-ys.zhuan-ys .pcard h3 a{color:inherit}
.zhuan-ys.zhuan-ys img{height:auto}
.zhuan-ys.zhuan-ys .hero>img,.zhuan-ys.zhuan-ys .page-hero>img,.zhuan-ys.zhuan-ys .chain img,.zhuan-ys.zhuan-ys .lab img,.zhuan-ys.zhuan-ys .fgrid img,.zhuan-ys.zhuan-ys .video img,.zhuan-ys.zhuan-ys .team img,.zhuan-ys.zhuan-ys .post .im img{height:100%}
/* 询价条里放的是他原来的 Contact Form 7 表单，按我们的样子排 */
.zhuan-ys.zhuan-ys .cf7box{background:#fff;border-radius:16px;padding:22px;color:var(--text)}
.zhuan-ys.zhuan-ys .cf7box .wpcf7 p{margin:0 0 12px}
.zhuan-ys.zhuan-ys .cf7box label{font-size:12px;font-weight:700;color:var(--muted);display:block}
.zhuan-ys.zhuan-ys .cf7box input:not([type=submit]),.zhuan-ys.zhuan-ys .cf7box textarea,.zhuan-ys.zhuan-ys .cf7box select{width:100%;border:1px solid #CBD4E1;border-radius:9px;padding:11px 12px;font:15px Inter,system-ui,sans-serif;margin-top:4px;background:#fff;color:var(--text)}
.zhuan-ys.zhuan-ys .cf7box textarea{min-height:90px;max-height:160px}
.zhuan-ys.zhuan-ys .cf7box input[type=submit]{background:var(--red);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;cursor:pointer;width:100%}
.zhuan-ys.zhuan-ys .cf7box h1,.zhuan-ys.zhuan-ys .cf7box h2,.zhuan-ys.zhuan-ys .cf7box h3{font-size:18px;margin-bottom:10px}
/* 新品动态页：杨专的页面标题区已经有标题了，我们的页面横幅紧接着 */
.zhuan-ys.zhuan-ys .page-hero{margin-top:0}
/* 他主题给所有标题上了统一颜色，深色区块里的标题要明确写成白色，浅色区块用我们的深蓝 */
.zhuan-ys.zhuan-ys h1,.zhuan-ys.zhuan-ys h2,.zhuan-ys.zhuan-ys h3,.zhuan-ys.zhuan-ys h4{color:var(--navy);font-family:Manrope,Inter,system-ui,sans-serif}
.zhuan-ys.zhuan-ys .hero h1,.zhuan-ys.zhuan-ys .page-hero h1,.zhuan-ys.zhuan-ys .dark h2,.zhuan-ys.zhuan-ys .dark h4,.zhuan-ys.zhuan-ys .way.dk h3,.zhuan-ys.zhuan-ys .cta-band h2,.zhuan-ys.zhuan-ys .video .cap,.zhuan-ys.zhuan-ys figcaption b{color:#fff}
.zhuan-ys.zhuan-ys .hero p.lead{color:#D7DFEC}
.zhuan-ys.zhuan-ys .cf7box h1,.zhuan-ys.zhuan-ys .cf7box h2,.zhuan-ys.zhuan-ys .cf7box h3{color:var(--navy)}
/* 他主题给所有表格设了 table-layout:fixed + 任意断字，我们的表格改回正常 */
.zhuan-ys.zhuan-ys table{table-layout:auto !important;word-break:normal !important;word-wrap:normal !important}
/* 他主题自带面包屑（带结构化数据，SEO 要留），我们横幅里那条重复，藏掉 */
.zhuan-ys.zhuan-ys .page-hero .crumb{display:none}
/* 首屏循环视频（加载完才放，淡入） */
.zhuan-ys.zhuan-ys .hero .hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.zhuan-ys.zhuan-ys .hero .hero-vid.on{opacity:.9}
/* 工厂视频墙：竖屏卡片 */
.zhuan-ys.zhuan-ys .vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.zhuan-ys.zhuan-ys .vcard{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000;color:#fff;text-decoration:none}
.zhuan-ys.zhuan-ys .vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .3s}
.zhuan-ys.zhuan-ys .vcard:hover img{transform:scale(1.03)}
.zhuan-ys.zhuan-ys .vcard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(5,12,24,.88))}
.zhuan-ys.zhuan-ys .vcard .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 0 0 10px rgba(255,255,255,.22)}
.zhuan-ys.zhuan-ys .vcard .play:after{content:"";border-left:20px solid var(--red);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.zhuan-ys.zhuan-ys .vcard .cap{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;font-size:13px;color:#D7DFEC}
.zhuan-ys.zhuan-ys .vcard .cap b{display:block;color:#fff;font:800 17px Manrope,Inter,sans-serif;margin-bottom:2px}
.zhuan-ys.zhuan-ys .vcard.main{box-shadow:0 0 0 3px var(--red)}
.zhuan-ys.zhuan-ys .vgrid.many{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}.zhuan-ys.zhuan-ys .vgrid.many .vcard.main{grid-row:span 2;aspect-ratio:auto}
@media (max-width:860px){.zhuan-ys.zhuan-ys .vgrid.many{grid-template-columns:repeat(2,minmax(0,1fr))}.zhuan-ys.zhuan-ys .vgrid.many .vcard.main{grid-row:auto;grid-column:1/-1;aspect-ratio:4/5}}
@media (max-width:860px){.zhuan-ys.zhuan-ys .vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zhuan-ys.zhuan-ys .vcard .play{width:50px;height:50px}}
/* 产品视频：竖屏卡片横排，左右滑 */
.zhuan-ys.zhuan-ys .vrow{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
.zhuan-ys.zhuan-ys .vitem{flex:0 0 calc((100% - 64px) / 5);min-width:180px;scroll-snap-align:start}
.zhuan-ys.zhuan-ys .vlink{display:inline-block;margin-top:8px;font-weight:700;font-size:13px;color:var(--red)}
@media (max-width:860px){.zhuan-ys.zhuan-ys .vitem{flex-basis:58%}}
/* 产品卡片图：供应商图有方有长，长图会把卡片撑高，一排按钮对不齐。图片框固定正方形、图按比例缩进去 */
.zhuan-ys.zhuan-ys .pcard .im{overflow:hidden;min-height:0}
.zhuan-ys.zhuan-ys .pcard .im img{width:100%;height:100%;object-fit:contain}
/* 首页数字条：平板竖屏 5 个数字排 2 列会剩 1 个落单，改成 3 列 */
@media (min-width:600px) and (max-width:921px){.zhuan-ys.zhuan-ys .stats .box{grid-template-columns:repeat(3,1fr)}}
/* 产品页规格表/起订量表：360 小屏起订量表最窄要 354px（长词 configuration、packaging），把一栏网格撑出 328 内容框、整页横晃 10px。
   手机上网格栏允许缩、两张表字 14px 边距收窄（最窄约 300px）；比 360 还窄的屏允许长词断开 */
@media (max-width:600px){
  .zhuan-ys.zhuan-ys .two{grid-template-columns:minmax(0,1fr)}
  .zhuan-ys.zhuan-ys .two>*{min-width:0}
  .zhuan-ys.zhuan-ys .two .specs,.zhuan-ys.zhuan-ys .two .moq-table{font-size:14px}
  .zhuan-ys.zhuan-ys .two .specs td{padding:10px 10px}
  .zhuan-ys.zhuan-ys .two .moq-table th,.zhuan-ys.zhuan-ys .two .moq-table td{padding:11px 10px}
  .zhuan-ys.zhuan-ys .two .moq-table th{font-size:13px}
}
@media (max-width:359px){.zhuan-ys.zhuan-ys .two .specs td,.zhuan-ys.zhuan-ys .two .moq-table th,.zhuan-ys.zhuan-ys .two .moq-table td{overflow-wrap:anywhere}}

/* 阿拉伯语等从右往左的页面（10-22）：首屏文字在右边，渐变遮罩反过来；“查看更多”箭头朝左 */
[dir=rtl] .zhuan-ys.zhuan-ys .hero:before{background:linear-gradient(270deg,rgba(8,20,40,.94) 0%,rgba(8,20,40,.78) 42%,rgba(8,20,40,.15) 100%)}
[dir=rtl] .zhuan-ys.zhuan-ys .link-more:after{content:" \2190"}

/* 长翻译在手机上不撑宽、不被切（10-22）：德语首页手机上整页宽 405（“我们服务谁”格子里 Einzelhandelsketten、价格表框标题 Großhandelspreisliste 这种长词把网格栏撑宽）；
   产品卡两个按钮并排放不下，各种语言的“Get Price”都被卡片切掉一截，德语三个标签也被切。
   卡片底下的标签、按钮放不下就换行（按钮各占一行）；手机、平板上网格里的格子允许比里面最长的词窄，长词断开，德语按音节加连字符 */
.zhuan-ys.zhuan-ys .pcard .meta{flex-wrap:wrap;gap:2px 10px}
.zhuan-ys.zhuan-ys .pcard .act{flex-wrap:wrap}
.zhuan-ys.zhuan-ys .pcard .act .btn{flex:1 1 auto;white-space:normal;text-align:center}
@media (max-width:860px){
  .zhuan-ys.zhuan-ys :is(.cats,.grid,.posts,.steps,.who,.lab,.custom,.chain,.two,.factory,.faq,.cta-band,.pd,.contact,.shop)>*{min-width:0}
  .zhuan-ys.zhuan-ys:lang(de) :is(h1,h2,h3,h4,.who div,.pcard .meta,.btn){-webkit-hyphens:auto;hyphens:auto}
  .zhuan-ys.zhuan-ys:lang(de) .pcard .tx h3{-webkit-hyphens:manual;hyphens:manual}   /* 要比上一行的 :is() 更具体才压得住（:is 按里面最具体的 .pcard .meta 算） */
}
/* 德语产品页规格表：Geräuschunterdrückung、ENC-Umgebungsgeräuschunterdrückung 这种词让表最窄 471px，手机上整页宽 491。手机上德语表格按音节断字，实在放不下才在词中间断 */
@media (max-width:600px){.zhuan-ys.zhuan-ys:lang(de) .two :is(.specs,.moq-table) :is(th,td){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}}