.po-page{color:#1a202c;line-height:1.7;clear:both}
.po-page p{margin:0 0 18px}
.po-page ul,.po-page ol{margin:0 0 18px;padding-left:22px}
.po-page li{margin-bottom:8px}


.po-page h2{clear:both;font-weight:700;font-size:1.75em;line-height:1.25;margin:56px 0 18px;padding-bottom:10px;border-bottom:1px solid #e2e5ec;position:relative;letter-spacing:-.015em}
.po-page h2::before{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;background:#ba372a;border-radius:3px}
.po-page h3{font-weight:700;font-size:1.25em;line-height:1.35;margin:34px 0 12px;display:flex;align-items:center;gap:10px}
.po-page h3::before{content:"";width:6px;height:6px;border-radius:50%;background:#ba372a;flex:none}


.po-page .po-table-wrap{border:1px solid #eef0f4;border-radius:12px;overflow:hidden;background:#fff;margin:14px 0 18px}
.po-page table.po-table{width:100%;border-collapse:collapse}
.po-page .po-table th,.po-page .po-table td{padding:13px 18px;border-bottom:1px solid #eef0f4;text-align:left}
.po-page .po-table thead th{background:#f7f8fb;color:#52525b;font-weight:700}
.po-page .po-table tbody tr:last-child td{border-bottom:0}
.po-page .po-table tbody tr:nth-child(even){background:#fbfcfe}


.po-page .po-faq-list{border-top:1px solid #eef0f4}
.po-page .po-faq-item{border-bottom:1px solid #eef0f4;padding:22px 0}
.po-page .po-faq-item h3{margin:0 0 8px;font-size:1.125em;font-weight:700}
.po-page .po-faq-item p{margin:0;color:#52525b}


.po-page ul.po-list{list-style:none;padding:0;margin:0 0 18px}
.po-page ul.po-list>li{position:relative;padding-left:20px;margin-bottom:10px}
.po-page ul.po-list>li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:#ba372a}
.po-page ul.po-list>li strong{font-weight:700}


.po-page .po-media{margin:16px 0}
.po-page .po-media img{display:block;width:auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.10)}


.po-page .po-media--natural{text-align:center;margin:20px 0}
.po-page .po-media--natural img{margin:0 auto}


.po-page .po-media--compact{text-align:center;margin:18px 0}
.po-page .po-media--compact img{margin:0 auto;max-height:260px}


.po-page .po-media--row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start;margin:18px 0}
.po-page .po-media--row img{max-height:240px}


.po-page .po-media--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:start;margin:18px 0}
.po-page .po-media--grid img{width:100%;height:auto;max-height:200px;object-fit:contain;margin:0}


.po-page .po-media--pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:20px 0}
.po-page .po-media--pair img{width:100%;height:auto;margin:0}
.po-page .po-media--trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin:20px 0}
.po-page .po-media--trio img{width:100%;height:auto;margin:0}
.po-page .po-media--pair.po-ar-portrait img,.po-page .po-media--trio.po-ar-portrait img{aspect-ratio:1/2.1;object-fit:cover}
.po-page .po-media--pair.po-ar-square img,.po-page .po-media--trio.po-ar-square img{aspect-ratio:1/1;object-fit:cover}
.po-page .po-media--pair.po-ar-landscape img,.po-page .po-media--trio.po-ar-landscape img{aspect-ratio:4/3;object-fit:cover}


.po-page .po-media-split{display:flex;gap:26px;align-items:center;margin:22px 0}
.po-page .po-media-split>.po-media{flex:0 0 auto;max-width:42%;margin:0;text-align:left}
.po-page .po-media-split>.po-media img{margin:0;max-width:100%}
.po-page .po-media-split>.po-split-text{flex:1 1 auto;min-width:0}
.po-page .po-media-split>.po-split-text>*:first-child{margin-top:0}


.po-page .po-media--center,.po-page .po-media--left,.po-page .po-media--right,.po-page .po-media--small,.po-page .po-media--wide{text-align:center}
.po-page .po-media--center img,.po-page .po-media--left img,.po-page .po-media--right img,.po-page .po-media--small img,.po-page .po-media--wide img{margin:0 auto;max-height:320px}


@media (max-width:720px){
  .po-page .po-media--row img{max-height:180px}
  .po-page .po-media--grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
  .po-page .po-media-split{flex-direction:column;gap:10px}
  .po-page .po-media-split>.po-media{flex:none;width:auto;max-width:none}
}
@media (max-width:720px){
  .po-page h2{font-size:1.5em}
  .po-page h3{font-size:1.125em}
  .po-page ul,.po-page ol{padding-left:18px}
}


.po-page{
  max-width:1180px;
  margin:36px auto;
  padding:48px 56px 58px;
  border:1px solid #e7e9ee;
  border-radius:18px;
  color:#344054;
  background:#fff;
  box-shadow:0 18px 55px rgba(16,24,40,.07);
  counter-reset:po-section;
  line-height:1.78;
}
.po-page .po-section{
  margin:0 0 66px;
}
.po-page .po-section:last-child{
  margin-bottom:0;
}
.po-page p{
  margin:0 0 17px;
  color:#475467;
}
.po-page h2{
  display:flex;
  align-items:center;
  gap:15px;
  margin:0 0 24px;
  padding:0;
  border:0;
  color:#101828;
  font-size:1.8em;
  font-weight:750;
  letter-spacing:-.025em;
  line-height:1.2;
  counter-increment:po-section;
}
.po-page h2::before{
  position:static;
  width:auto;
  height:auto;
  border-radius:0;
  color:#ba372a;
  background:none;
  content:"0" counter(po-section);
  font-size:.43em;
  font-weight:800;
  letter-spacing:.12em;
}
.po-page h2::after{
  height:2px;
  min-width:48px;
  flex:1;
  border-radius:99px;
  background:#ba372a;
  content:"";
}
.po-page .po-overview p{
  margin:0;
  padding:24px 27px;
  border-left:4px solid #ba372a;
  border-radius:0 12px 12px 0;
  color:#344054;
  background:#f7f8fa;
  font-size:1.045em;
}
.po-page ul.po-list{
  display:block;
  margin:0;
  padding:0;
  list-style:none;
  user-select:text;
  -webkit-user-select:text;
}
.po-page ul.po-list>li{
  min-height:0;
  margin:0;
  padding:7px 0;
  border:0;
  border-radius:0;
  color:#475467;
  background:transparent;
  box-shadow:none;
  user-select:text;
  -webkit-user-select:text;
}
.po-page ul.po-list>li::before{
  display:none;
}
.po-page .po-dimension-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid #e6e9ee;
  border-radius:12px;
  background:#f8f9fb;
}
.po-page .po-dimension-grid p{
  position:relative;
  min-height:72px;
  margin:0;
  padding:22px 20px 18px 42px;
  border-right:1px solid #e6e9ee;
  border-bottom:1px solid #e6e9ee;
  color:#344054;
  background:#fff;
  font-size:.94em;
  font-weight:600;
}
.po-page .po-dimension-grid p:nth-child(3n){border-right:0}
.po-page .po-dimension-grid p:nth-last-child(-n+3){border-bottom:0}
.po-page .po-dimension-grid p::before{
  position:absolute;
  top:28px;
  left:20px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ba372a;
  content:"";
}
.po-page .po-table-wrap{
  margin:0;
  border:1px solid #dfe3e8;
  border-radius:12px;
  box-shadow:0 7px 24px rgba(16,24,40,.04);
}
.po-page .po-table th,
.po-page .po-table td{
  padding:13px 18px;
  border-bottom-color:#e7e9ee;
  color:#475467;
  vertical-align:top;
}
.po-page .po-table td:first-child{
  width:32%;
  color:#1d2939;
  background:#f7f8fa;
}
.po-page .po-table td strong{
  color:#1d2939;
  font-weight:700;
}
.po-page .po-table tbody tr:nth-child(even){
  background:#fbfcfd;
}
.po-page .po-table tbody tr:hover{
  background:#fff8f8;
}
.po-page .po-media{
  margin:0;
}
.po-page .po-application-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.po-page .po-application-grid .po-media{
  display:grid;
  min-height:120px;
  place-items:center;
  overflow:hidden;
  padding:14px;
  border:1px solid #e6e9ee;
  border-radius:12px;
  background:#f8f9fb;
}
.po-page .po-application-grid .po-media img{
  max-height:320px;
  margin:auto;
  border-radius:8px;
  box-shadow:none;
}
.po-page .po-mounting-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.po-page .po-mounting-list p{
  position:relative;
  margin:0;
  padding:18px 20px 18px 46px;
  border:1px solid #e6e9ee;
  border-radius:10px;
  background:#fff;
  font-size:.94em;
}
.po-page .po-mounting-list p::before{
  position:absolute;
  top:21px;
  left:18px;
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#ba372a;
  content:"✓";
  font-size:10px;
  font-weight:800;
}
.po-page .po-mounting-list p:last-child{
  grid-column:1/-1;
  border-color:#efd6d3;
  color:#6e312b;
  background:#fff8f7;
}

@media (max-width:900px){
  .po-page{
    margin:20px auto;
    padding:38px 30px 44px;
    border-radius:14px;
  }
  .po-page .po-dimension-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .po-page .po-dimension-grid p:nth-child(3n){border-right:1px solid #e6e9ee}
  .po-page .po-dimension-grid p:nth-child(2n){border-right:0}
  .po-page .po-dimension-grid p:nth-last-child(-n+3){border-bottom:1px solid #e6e9ee}
  .po-page .po-dimension-grid p:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:640px){
  .po-page{
    margin:0;
    padding:30px 18px 38px;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .po-page .po-section{margin-bottom:50px}
  .po-page h2{gap:10px;font-size:1.48em}
  .po-page h2::after{min-width:24px}
  .po-page .po-overview p{padding:19px 19px;font-size:1em}
  .po-page ul.po-list,
  .po-page .po-dimension-grid,
  .po-page .po-application-grid,
  .po-page .po-mounting-list{grid-template-columns:1fr}
  .po-page .po-dimension-grid p,
  .po-page .po-dimension-grid p:nth-child(2n),
  .po-page .po-dimension-grid p:nth-child(3n),
  .po-page .po-dimension-grid p:nth-last-child(-n+3){border-right:0;border-bottom:1px solid #e6e9ee}
  .po-page .po-dimension-grid p:last-child{border-bottom:0}
  .po-page .po-mounting-list p:last-child{grid-column:auto}
  .po-page .po-table th,.po-page .po-table td{padding:12px 11px;font-size:.88em}
}


.po-page ul.po-list{
  display:block;
  margin:0;
  padding:0;
  border-top:1px solid #dfe3e8;
  border-bottom:1px solid #dfe3e8;
  counter-reset:po-feature-item;
  list-style:none;
  user-select:text;
  -webkit-user-select:text;
}
.po-page ul.po-list>li{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  min-height:0;
  margin:0;
  padding:14px 4px;
  border:0;
  border-bottom:1px solid #eaecf0;
  border-radius:0;
  color:#475467;
  background:transparent;
  box-shadow:none;
  counter-increment:po-feature-item;
  user-select:text;
  -webkit-user-select:text;
}
.po-page ul.po-list>li:last-child{
  border-bottom:0;
}
.po-page ul.po-list>li::before{
  position:relative;
  top:.62em;
  display:block;
  width:6px;
  height:6px;
  border:0;
  border-radius:50%;
  background:#ba372a;
  box-shadow:none;
  content:"";
}
.po-page .po-dimension-grid{
  display:block;
  overflow:visible;
  border:0;
  border-top:1px solid #dfe3e8;
  border-bottom:1px solid #dfe3e8;
  border-radius:0;
  background:transparent;
  counter-reset:po-dimension-item;
  user-select:text;
  -webkit-user-select:text;
}
.po-page .po-dimension-grid p,
.po-page .po-dimension-grid p:nth-child(2n),
.po-page .po-dimension-grid p:nth-child(3n),
.po-page .po-dimension-grid p:nth-last-child(-n+3){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  min-height:0;
  margin:0;
  padding:14px 4px;
  border:0;
  border-bottom:1px solid #eaecf0;
  color:#344054;
  background:transparent;
  font-size:.94em;
  font-weight:600;
  counter-increment:po-dimension-item;
  user-select:text;
  -webkit-user-select:text;
}
.po-page .po-dimension-grid p:last-child{
  border-bottom:0;
}
.po-page .po-dimension-grid p::before{
  display:none;
}


.po-page .po-section-intro{
  max-width:900px;
  margin:0 0 22px;
  color:#475467;
  font-size:1em;
  line-height:1.78;
}
.po-page .po-figure-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.po-page .po-figure-grid--single{
  grid-template-columns:minmax(0,1fr);
}
.po-page .po-figure-grid--triple{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.po-page .po-figure{
  margin:0;
  padding:18px;
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#f8f9fb;
}
.po-page .po-figure img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:520px;
  margin:0 auto;
  border-radius:8px;
  box-shadow:none;
}
.po-page .po-figure figcaption{
  margin-top:12px;
  color:#344054;
  font-size:.88em;
  font-weight:700;
  text-align:center;
}
.po-page .po-copy-list{
  border-top:1px solid #dfe3e8;
  border-bottom:1px solid #dfe3e8;
}
.po-page .po-copy-list p{
  margin:0;
  padding:14px 0;
  border-bottom:1px solid #eaecf0;
  color:#475467;
  user-select:text;
  -webkit-user-select:text;
}
.po-page .po-copy-list p:last-child{
  border-bottom:0;
}
.po-page .po-copy-list strong{
  color:#1d2939;
  font-weight:700;
}
.po-page .po-section-media{
  margin-top:24px;
}
.po-page .po-debugging-group{
  margin:0 0 26px;
}
.po-page .po-debugging-group:last-child{
  margin-bottom:0;
}
.po-page .po-debugging-group .po-section-intro{
  margin:0 0 14px;
}
.po-page .po-application-copy:empty{
  display:none;
}
.po-page .po-application-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  gap:16px;
}
.po-page .po-application-grid .po-scene{
  display:block;
  margin:0;
  overflow:hidden;
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#f8f9fb;
}
.po-page .po-application-grid .po-scene img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
}
.po-page .po-application-grid .po-scene figcaption{
  padding:12px 14px;
  border-top:1px solid #e4e7ec;
  color:#344054;
  background:#fff;
  font-size:.9em;
  font-weight:700;
  line-height:1.4;
  text-align:center;
}
@media (max-width:640px){
  .po-page .po-figure-grid{grid-template-columns:1fr}
  .po-page .po-figure{padding:12px}
  .po-page .po-application-grid{grid-template-columns:1fr}
}


.po-page,
.po-page p,
.po-page li,
.po-page td,
.po-page th,
.po-page figcaption,
.po-page .po-section-intro,
.po-page .po-table-wrap,
.po-page .po-list,
.po-page .po-copy-list,
.po-page .po-dimension-grid,
.po-page .po-application-grid,
.po-page .po-mounting-list,
.po-page .po-figure-grid{
  font-family:Arial,"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei","Alibaba PuHuiTi 2.0","Alibaba PuHuiTi","阿里巴巴普惠体",sans-serif;
}
.po-page{
  font-size:16px;
}
.po-page p{
  font-size:16px;
  line-height:1.78;
}
.po-page h2{
  font-size:30px;
  line-height:1.25;
}
.po-page h3{
  font-size:20px;
  line-height:1.35;
}
.po-page .po-faq-item h3{
  font-size:18px;
}
.po-page .po-table th,
.po-page .po-table td{
  font-size:15px;
}
.po-page .po-figure figcaption{
  font-size:14px;
}
.po-page .po-section-intro{
  font-size:16px;
}
@media (max-width:900px){
  .po-page h2{font-size:25px}
  .po-page h3{font-size:18px}
}
@media (max-width:640px){
  .po-page h2{font-size:21px}
  .po-page p{font-size:15px}
  .po-page .po-table th,.po-page .po-table td{font-size:14px}
}