.display-panel,.audio-panel,.audio-content-panel{position:relative;text-align:left;align-items:start;}
.audio-panel{display:block;}
.stickiness{left:0;position:-webkit-sticky;position:sticky;background-image:url(https://dss0.zbstatic5.com/assets/interactive/the-audio-brief/imgs/masthead-bg-landscape.webp);background-repeat:no-repeat;background-size:cover;background-position:0 0;z-index:10000;
/* background:linear-gradient(136deg,rgba(236, 240, 241, 1) 0%, rgba(199, 209, 212, 1) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);*/}

@supports (position:sticky) {
.stickiness{position:-webkit-sticky;position:sticky;transition:all .5s;}
}

@supports (position:sticky) or (position:-webkit-sticky) {
.stickiness{position:-webkit-sticky;position:sticky;transition:all .5s;}
}

#noSummary{display:none;}
#withSummary{width:100%;display:block;}
p{color:var(--theme-ui-colors-common);}

#hIj8wyHH4O,#0ZP6sBNisO{min-height:500px;}
#noSummary .display-panel{min-height:500px!important;display:flex;align-items:center;justify-content:center;position:relative;}

em{font-style:italic!important;}

.disclaimer-msg{color:var(--theme-ui-colors-common);font-size:1em;padding:0.6em 1em;border-radius:0.3em;display:flex;align-items:center;background:#f9f9f9;}
.ai-icon{width:22px;height:22px;margin:0 0.2em;background-image:url('https://dss0.zbstatic5.com/assets/interactive/the-audio-brief/imgs/ai-icon.svg');background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;display:inline-flex;}

.note{color:#000;}
.note b{color:var(--theme-ui-colors-main);}
.audio-content-panel{padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:2px double #eaeaea;}
.listicle .audio-content-panel:last-child{padding:0;margin:0;border-bottom:none;}
.audio-content{padding:0;width:100%;}
.wrapper h1{font-size:2em;color:var(--theme-ui-colors-common);}
.listicle{margin:2em 0 0 0!important;padding:0;list-style-type:none;}
.listicle-img{padding:0 2em 1.2em 0;}
.listicle-img img{border-radius:0.4em;}
.listicle-content{padding:0 0 0 1em;text-align:left;color:var(--theme-ui-colors-common);line-height:1.5;letter-spacing:0.02em;}
.listicle-content h3{font-size:1.6em;color:var(--theme-ui-colors-common);margin:0 0 0.6em 0;line-height:1.4!important;}
.listicle-content h3 a{color:var(--theme-ui-colors-black);}
.listicle-content h3:hover a{color:var(--theme-ui-colors-secondary);}
.listicle-content a{position:relative;z-index:100;}
.listicle-desc{font-size:1.1em;}

.listicle-summary{margin:0;padding:0 0 0.2em 0;list-style-type:none;}
.listicle-summary li::before{left:0;width:20px;line-height:0.8;position:absolute;content:"•";font-size:1.6em;color:var(--theme-ui-colors-main);display:inline-block;}
.listicle-wrap .listicle-summary li::before{color:var(--theme-ui-colors-common);font-size:1.2em;top:0.3em;}
.listicle-summary li{margin-bottom:0.5em;padding-left:1.2em;display:block;position:relative;}

.listicle-wrap .display-panel{display:block;}
.listicle-wrap .listicle-content{padding:0;}
.listicle-wrap .listicle-img-tn{width:35%;margin:0 0 0.8em 1.6em;float:right;border-radius:0.4em;}
.listicle-wrap .listicle-summary000 li{display:flex;}

.bttn{padding:0.6em 1.2em;line-height:1.2;border-radius:0.4em;font-size:0.9em;font-weight:500;}
.bttn:hover,.bttn-link{color:#fff!important;background:var(--theme-ui-colors-main)!important;}
.bttn-text{margin-top:0.6em;border-radius:50px;display:table;}
.bttn-text,.bttn-text:link{color:var(--theme-ui-colors-common)!important;border:1px solid var(--theme-ui-colors-common);}
.bttn-text:hover,.bttn-text:visited,.bttn-text:focus,.bttn-text:active{background:#eaeaea!important;color:var(--theme-ui-colors-common)!important;}
.bttn-cta{color:#fff!important;background:var(--theme-ui-colors-submain)!important;border-radius:50px;}
.bttn-cta:hover{background:#771828!important;}
.bttn-link{border:1px solid #fff;background:transparent!important;text-decoration:underline!important;}
.bttn-group{margin:2em auto;}
.audio-player{width:100%;}
.audio-player .bttn-link{position:absolute;top:0.6em;right:0.6em;background:#003866!important;border:none!important;}
.audio-player-container{margin:1em auto;position:relative;}
.audio-player-capsule{position:relative;width:100%;width:100%;}
.audio-player-wrapper iframe{width:100%;height:160px;position:relative;margin:auto;border-radius:0;display:block;;overflow:hidden;}

.view-desktop .audio-player-wrapper{padding-top:100%;}
.view-desktop .audio-player-wrapper iframe{width:80%;height:80%;margin:1em auto;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:0.4em;box-shadow:0 0 4em rgba(0,0,0,0.1)}

.publish{font-size:0.85em;display:flex;color:#6f6f6f;margin:0 0 1.2em 0;padding:0 0 1em 0;border-bottom:1px solid #ccc;}
.publish-date{margin-right:1em;}
.publish-date:before,.modified-date:before{}
.publish-date:before{content:'发布 / ';}
.modified-date:before{content:'更新 / ';}

.enclosed{width:67%;padding:0 1.25em;margin:auto;}


@media screen and (min-width:992px) and (max-width:1079px){
.wrapper h1{font-size:1.5em;}
.wrapper h3{font-size:1.3em;}
.listicle{display:block;margin:0!important;padding:0}
.listicle .audio-content-panel{display:block;}
.listicle .listicle-img,.listicle .listicle-content{width:100%;}
.listicle-content h3{font-size:1.4em;}
}

@media screen and (min-width:320px) and (max-width:991px){
.enclosed{width:100%;padding:0;}
.wrapper h1{font-size:1.5em;}
.audio-content{padding:0;}
.publish{display:block;}
.listicle{margin:1em 0!important;}
.listicle-img,.listicle-content{display:block;}
.listicle-img{padding:0 0 1.2em 0;}
.listicle-content{padding:0;}
.listicle-content h3{font-size:1.3em;display:block;width:100%;}

.listicle-wrap .listicle-img-tn{width:100%;margin:0 0 0.8em 0;float:none;display:block;}

.bttn-link{position:absolute;top:0.4em;right:0.4em;border:none;background:var(--theme-ui-colors-main)!important;}
}


body,#ROOT{overflow-x:clip;}

@media screen and (min-width:992px){
@supports (position:sticky) {
.stickiness{top:40px;}
.stickiness.stuck{top:40px;}
}
@supports (position:sticky) or (position:-webkit-sticky) {
.stickiness{top:40px;}
.stickiness.stuck{top:40px;}
}
}

@media screen and (min-width:700px) and (max-width:991px){
.enclosed{width:100%;padding:0;}

@supports (position:sticky) {
.stickiness{top:50px;}
.stickiness.stuck{top:50px;padding-top:22px;width:105.5%;margin:0 -3%;}
}
@supports (position:sticky) or (position:-webkit-sticky) {
.stickiness{top:50px;}
.stickiness.stuck{top:50px;padding-top:22px;width:105.5%;margin:0 -3%;}
}
}

@media screen and (min-width:576px) and (max-width:699px){
@supports (position:sticky) {
.stickiness{top:50px;}
.stickiness.stuck{top:50px;padding-top:22px;width:105%;margin:0 -3%;}
}

@supports (position:sticky) or (position:-webkit-sticky) {
.stickiness{top:50px;}
.stickiness.stuck{top:50px;padding-top:22px;width:105%;margin:0 -3%;}
}
}

@media screen and (min-width:320px) and (max-width:575px){
.stickiness{top:50px;width:112%;margin:0 -6%;}
.stickiness.stuck{top:50px;width:112%;margin:0 -6%;}

@supports (position:sticky) {
.stickiness{top:50px;}
.stickiness.stuck{top:50px;width:112%;margin:0 -6%;}
}

@supports (position:sticky) or (position:-webkit-sticky) {
.stickiness{top:50px;}
.stickiness.stuck{top:50px;width:112%;margin:0 -6%;}
}
}