.zoldhang-shortcode{
border:1px solid #e5e5e5;
border-radius:14px;
background:#fff;
box-shadow:0 8px 18px rgba(0,0,0,.08);
padding:14px 16px;
margin:16px 0;
}
.zoldhang-sc-head{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
flex-wrap:wrap;
}
.zoldhang-sc-title1{
font-weight:800;
font-size:18px;
line-height:1.25;
}
.zoldhang-sc-title2{
margin-top:4px;
color:#666;
font-size:13px;
}
.zoldhang-sc-rate{display:flex;gap:6px;align-items:center}
.zoldhang-sc-rate .zh-rate{
border:1px solid #d0d0d0;
background:#f7f7f7;
border-radius:999px;
padding:6px 10px;
font-size:12px;
cursor:pointer; color:#111 !important;
-webkit-text-fill-color:#111 !important;
text-transform:none;
}
.zoldhang-sc-rate .zh-rate.active{background:#fff;font-weight:700}
.zoldhang-sc-player{margin-top:10px}
.zoldhang-sc-player audio{width:100%}
.zoldhang-sc-tools{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.zoldhang-sc-tools .zh-tool{
border:1px solid #d0d0d0;
background:#fff;
border-radius:8px;
padding:8px 10px;
font-size:13px;
cursor:pointer; color:#111 !important;
line-height:1.2;
text-transform:none;
letter-spacing:normal;
}
.zoldhang-sc-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.zoldhang-sc-links .zh-link{
display:inline-block;
padding:8px 10px;
border-radius:8px;
border:1px solid #d0d0d0;
text-decoration:none;
font-size:13px;
color:#111 !important;
}
.zoldhang-sc-extra{margin-top:12px;font-size:14px;line-height:1.5}
.zoldhang-sc-extra img{max-width:100%;height:auto;display:block;margin:.35rem 0}
.zoldhang-embed{margin-top:6px}
.zoldhang-embed.video-embed, .zoldhang-embed .video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px}
.zoldhang-embed.video-embed iframe, .zoldhang-embed .video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.zoldhang-embed.zh-tiktok-video-embed{padding-bottom:177.78%;max-width:420px;margin:6px auto 0}
.zh-platform-fallback{margin:.5rem 0 0} .zh-bottom-bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:10px;
}
.zh-bottom-text{font-weight:700}
.zh-social-inline{
display:flex;
gap:10px;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
}
.zh-social{
width:36px;
height:36px;
border-radius:8px;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
border:1px solid #e5e5e5;
background:#fff;
}
.zh-social svg{width:18px;height:18px;display:block}
.zh-social.zh-facebook{background:#1877F2;border-color:#1877F2}
.zh-social.zh-spotify{background:#1DB954;border-color:#1DB954}
.zh-social.zh-youtube{background:#FF0000;border-color:#FF0000}
.zh-social.zh-apple{background:#111;border-color:#111}
.zh-social.zh-tiktok{background:#000;border-color:#000}
.zh-social svg path, .zh-social svg circle{fill:#fff} .zoldhang-sc-tools,
.zoldhang-sc-links{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
}
.zoldhang-sc-tools .zh-tool,
.zoldhang-sc-links .zh-link{
white-space:nowrap;
} .zoldhang-sc-actions{
display:flex;
flex-wrap:wrap; gap:8px;
align-items:center;
} .zoldhang-sc-actions .zoldhang-sc-tools,
.zoldhang-sc-actions .zoldhang-sc-links{
display:contents;
}
.zoldhang-sc-actions .zh-tool,
.zoldhang-sc-actions .zh-link{
white-space:nowrap;
} .zoldhang-actions-text{margin:0 0 8px 0; font-size:14px; line-height:1.4;} .zoldhang-top-text{margin:0 0 12px 0; font-size:15px; line-height:1.5;}
.zoldhang-title-top-text{
margin: 0 0 6px 0;
font-size: 14px;
line-height: 1.35;
} .zh-mini-menu-wrap{
display:flex;
width:100%; margin:18px 0 26px;
} .zh-mini-menu-wrap.zh-context-meta{
display:inline-flex;
width:auto;
margin:0 10px;
vertical-align:middle;
} .zh-mini-menu-wrap.zh-context-meta .zh-mini-menu{gap:8px}
.zh-mini-menu-wrap.zh-align-left{justify-content:flex-start}
.zh-mini-menu-wrap.zh-align-center{justify-content:center}
.zh-mini-menu-wrap.zh-align-right{justify-content:flex-end}
.zh-mini-menu{
--zh-mini-accent: #27c052;
--zh-mm-size: 40px;
--zh-mm-icon: calc(var(--zh-mm-size) * 0.45);
display:inline-flex;
gap:10px;
align-items:center;
}
.zh-mm-btn{
width:var(--zh-mm-size);
height:var(--zh-mm-size);
border-radius:calc(var(--zh-mm-size) * 0.25);
border:1px solid #e5e5e5;
background:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
padding:0;
line-height:1;
color:var(--zh-mini-accent);
}
.zh-mm-btn svg{width:var(--zh-mm-icon);height:var(--zh-mm-icon);display:block}
.zh-mm-btn svg path{fill:currentColor}
.zh-mm-play{
background:var(--zh-mini-accent);
border-color:var(--zh-mini-accent);
color:#fff;
}
.zh-mm-plus{position:relative;display:inline-flex}
.zh-mm-dropdown{
position:absolute;
top:calc(var(--zh-mm-size) + 6px);
left:0;
min-width:260px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:12px;
box-shadow:0 12px 30px rgba(0,0,0,.15);
padding:8px;
display:none;
z-index:9999;
} .zh-mini-menu-wrap.zh-context-meta.zh-meta-right{
margin-left:auto;
float:right;
} @media (max-width: 768px){
.zh-mini-menu-wrap.zh-context-meta{
display:block;
width:100%;
margin:8px 0 0;
}
.zh-mini-menu-wrap.zh-context-meta.zh-meta-right{
margin-left:0;
float:none;
}
.zh-mini-menu-wrap.zh-context-meta .zh-mini-menu{
gap:10px;
}
}
.zh-mm-plus.is-open .zh-mm-dropdown{display:block} .zh-mm-author-popover{
background:#fff;
border:1px solid #e5e5e5;
border-radius:12px;
box-shadow:0 12px 30px rgba(0,0,0,.15);
padding:10px;
min-width:280px;
max-width:360px;
z-index:10000;
}
.zh-mm-author-head{font-weight:800;font-size:14px;margin:0 0 8px;color:#111}
.zh-mm-author-empty{font-size:13px;color:#666;padding:4px 0}
.zh-mm-author-list{list-style:none;margin:0;padding:0}
.zh-mm-author-list li{margin:0;padding:6px 0;border-top:1px solid #f0f0f0}
.zh-mm-author-list li:first-child{border-top:none}
.zh-mm-author-list a{text-decoration:none;color:#111}
.zh-mm-author-list a:hover{text-decoration:underline}
.zh-mm-author-date{display:block;font-size:12px;color:#6b7280;margin-top:2px}
.zh-mm-item{
width:100%;
text-align:left;
border:none;
background:transparent;
padding:10px 10px;
border-radius:10px;
cursor:pointer;
font-size:14px;
color:#111 !important;
}
.zh-mm-item:hover{background:#f5f5f5}
.zh-mm-item:disabled{opacity:.5;cursor:not-allowed} .zh-promo-banner{
display:block;
width:100%;
margin:22px 0;
text-align:center;
clear:both;
}
.zh-promo-position-before_featured{margin-top:0;margin-bottom:16px}
.zh-promo-position-after_featured{margin-top:16px;margin-bottom:20px}
.zh-promo-position-before_content{margin-top:0;margin-bottom:22px}
.zh-promo-position-after_content{margin-top:28px;margin-bottom:0}
.zh-promo-link{
display:inline-block;
max-width:100%;
line-height:0;
text-decoration:none!important;
}
.zh-promo-img{
display:block;
max-width:100%;
height:auto;
margin:0 auto;
border-radius:14px;
box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.zh-promo-link:focus .zh-promo-img,
.zh-promo-link:hover .zh-promo-img{
transform:translateY(-1px);
box-shadow:0 14px 34px rgba(0,0,0,.14);
}
@media (max-width:768px){
.zh-promo-banner{margin:16px 0}
.zh-promo-img{border-radius:10px}
}