.entry-content .wallpaper-preview-frame{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    overflow:hidden;
    background:#414449;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
}

.entry-content .wallpaper-preview-screen{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:0;
    overflow:hidden;
    background:#101114;
}

.entry-content .wallpaper-preview-screen>a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.entry-content .wallpaper-preview-screen img{
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:100%;
    max-height:100%;
    margin:0!important;
    object-fit:contain;
    object-position:center;
}

.entry-content .wallpaper-preview-overlay{
    position:absolute;
    z-index:2;
    inset:0;
    display:block;
    pointer-events:none;
}

.entry-content .wallpaper-preview-overlay img{
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:none;
    max-height:none;
    margin:0!important;
    object-fit:fill!important;
}

.entry-content .wallpaper-preview-phone{
    position:relative;
    flex:0 0 auto;
    width:min(280px,36.4vh,100%);
    aspect-ratio:7/15;
    overflow:visible;
    padding:0;
    border:0;
    border-radius:48px;
    background:#000;
    box-shadow:0 0 0 3px #e8e8e8,0 0 0 4px #c0c0c0,0 5px 60px rgba(0,0,0,.25),0 4px 20px rgba(0,0,0,.2);
    margin: 0 auto;
}

.entry-content .wallpaper-preview-phone .wallpaper-preview-screen{
    position:absolute;
    z-index:1;
    inset:6px;
    width:auto;
    height:auto;
    aspect-ratio:auto;
    border:0;
    border-radius:42px;
    background:#000;
}

.entry-content .wallpaper-preview-phone .wallpaper-preview-screen:before{
    position:absolute;
    z-index:3;
    top:1.53%;
    left:50%;
    width:34%;
    aspect-ratio:10/3;
    border-radius:20px;
    background:#000;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
    content:"";
    transform:translateX(-50%);
}

.entry-content .wallpaper-preview-phone .wallpaper-preview-screen:after{
    position:absolute;
    z-index:4;
    top:3.06%;
    left:calc(50% + 10.8%);
    width:3.73%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%,#2a3a4a,#0a1520);
    box-shadow:inset 0 0 2px rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.05);
    content:"";
}

.entry-content .wallpaper-preview-hardware{
    position:absolute;
    z-index:4;
    inset:0;
    pointer-events:none;
}

.entry-content .wallpaper-preview-side-button{
    position:absolute;
    width:1.07%;
    border-radius:2px;
    background:linear-gradient(180deg,#d0d0d0,#a0a0a0);
}

.entry-content .wallpaper-preview-volume-mute{
    top:13.33%;
    left:-1.07%;
    height:2.5%;
}

.entry-content .wallpaper-preview-volume-up{
    top:20%;
    left:-1.07%;
    height:5%;
}

.entry-content .wallpaper-preview-volume-down{
    top:27.5%;
    left:-1.07%;
    height:5%;
}

.entry-content .wallpaper-preview-power{
    top:23.33%;
    right:-1.07%;
    height:8.33%;
}

.entry-content .wallpaper-preview-desktop{
    position:relative;
    display:block;
    width:min(100%,870px);
    aspect-ratio:870/489;
    max-height:none;
    padding:0;
    border:0;
    border-radius:12px;
    background:#1a1a1a;
    box-shadow:0 0 0 2px #3e3c3c,0 0 0 5px #2a2828;
}

.entry-content .wallpaper-preview-desktop:before{
    position:absolute;
    z-index:0;
    bottom:-9.4%;
    left:50%;
    width:9%;
    aspect-ratio:78/46;
    background:linear-gradient(180deg,#3d3d3d 0%,#2a2a2a 55%,#1c1c1c 100%);
    clip-path:polygon(22% 0,78% 0,94% 100%,6% 100%);
    content:"";
    transform:translateX(-50%);
}

.entry-content .wallpaper-preview-desktop:after{
    position:absolute;
    z-index:0;
    right:39.9%;
    bottom:-11%;
    left:39.9%;
    height:auto;
    aspect-ratio:176/8;
    border-radius:8px;
    background:linear-gradient(180deg,#4a4a4a,#2c2c2c);
    box-shadow:none;
    content:"";
}

.entry-content .wallpaper-preview-desktop .wallpaper-preview-screen{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    border:0;
    border-radius:12px;
    background:#1a1a1a;
    overflow:hidden;
}

.entry-content .wallpaper-preview-desktop .wallpaper-preview-screen>a{
    display:block;
}

.entry-content .wallpaper-preview-desktop .wallpaper-preview-screen img{
    object-fit:cover;
}

.entry-content .wallpaper-preview-desktop-ui{
    position:absolute;
    z-index:3;
    inset:0;
    color:#fff;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
    font-size:11px;
    line-height:1;
    pointer-events:none;
    text-shadow:0 1px 3px rgba(0,0,0,.65);
}

.entry-content .wallpaper-preview-menu-bar{
    position:absolute;
    top:0;
    right:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:30px;
    padding:0 10px;
    background:rgba(0,0,0,.1);
    font-weight:500;
    transition:background .2s ease;
}

.entry-content .wallpaper-preview-menu-left,
.entry-content .wallpaper-preview-menu-right{
    display:flex;
    align-items:center;
    height:100%;
    min-width:0;
    white-space:nowrap;
    pointer-events:auto;
}

.entry-content .wallpaper-preview-menu-left svg{
    width:14px;
    height:14px;
    flex:0 0 auto;
    fill:currentColor;
    opacity:.9;
    margin-right:2px;
}

.entry-content .wallpaper-preview-menu-item,
.entry-content .wallpaper-preview-menu-icon,
.entry-content .wallpaper-preview-menu-time{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:2px 6px;
    border-radius:4px;
    text-indent:0!important;
    cursor:pointer;
    transition:background .2s ease;
}

.entry-content .wallpaper-preview-menu-item{
    min-width:0;
    padding:2px 8px;
}

.entry-content .wallpaper-preview-menu-item:hover,
.entry-content .wallpaper-preview-menu-icon:hover,
.entry-content .wallpaper-preview-menu-time:hover{
    background:rgba(255,255,255,.15);
}

.entry-content .wallpaper-preview-menu-right svg{
    display:block;
    width:16px;
    height:16px;
    flex:0 0 auto;
    fill:currentColor;
}

.entry-content .wallpaper-preview-menu-time{
    min-width:0;
    font-variant-numeric:tabular-nums;
}

.entry-content .wallpaper-preview-desktop-icons{
    position:absolute;
    top:25px;
    left:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    padding-top:12px;
    pointer-events:none;
}

.entry-content .wallpaper-preview-desktop-icon{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    width:52px;
    padding:3px;
    border-radius:4px;
    color:#fff;
    font-size:11px;
    text-align:center;
    cursor:pointer;
    pointer-events:auto;
    transition:background .2s ease,transform .2s ease;
}

.entry-content .wallpaper-preview-desktop-icon:hover{
    background:rgba(255,255,255,.15);
    transform:translateY(-1px);
}

.entry-content .wallpaper-preview-desktop-icon > span{
    position:static;
    display:block!important;
    flex:0 0 auto;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto;
    padding:0!important;
    line-height:1.2;
    white-space:nowrap;
    word-break:keep-all;
    word-wrap:normal;
    writing-mode:horizontal-tb;
    text-orientation:mixed;
    text-align:center!important;
    text-indent:0!important;
    transform:none!important;
}

.entry-content .wallpaper-preview-desktop-icon svg{
    display:block;
    width:32px;
    height:26px;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));
}

.entry-content .wallpaper-preview-dock{
    position:absolute;
    bottom:6px;
    left:50%;
    display:flex;
    align-items:flex-end;
    gap:6px;
    padding:4px 10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(40,40,45,.3);
    box-shadow:0 8px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1);
    transform:translateX(-50%);
    pointer-events:auto;
}

.entry-content .wallpaper-preview-dock-item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:25px;
    height:30px;
    margin:0;
    border-radius:8px;
    cursor:pointer;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1),margin .25s cubic-bezier(.34,1.56,.64,1),background .2s ease;
}

.entry-content .wallpaper-preview-dock-item:hover{
    margin:0 8px;
    transform:translateY(-10px) scale(1.35);
    background:rgba(255,255,255,.08);
    z-index:1;
}

.entry-content .wallpaper-preview-dock-item:focus-visible,
.entry-content .wallpaper-preview-desktop-icon:focus-visible,
.entry-content .wallpaper-preview-menu-item:focus-visible,
.entry-content .wallpaper-preview-menu-icon:focus-visible,
.entry-content .wallpaper-preview-menu-time:focus-visible{
    outline:2px solid rgba(255,255,255,.9);
    outline-offset:1px;
}

.entry-content .wallpaper-preview-dock-item svg{
    display:block;
    width:25px;
    height:25px;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));
}

.entry-content .wallpaper-preview-dock-divider{
    width:1px;
    height:32px;
    margin:0 4px;
    background:rgba(255,255,255,.32);
    flex:0 0 auto;
}

@media (max-width:767px){
    .entry-content .wallpaper-preview-desktop{border-radius:8px;box-shadow:0 0 0 2px #3e3c3c,0 0 0 4px #2a2828}
    .entry-content .wallpaper-preview-desktop .wallpaper-preview-screen{border-radius:8px}
    .entry-content .wallpaper-preview-menu-bar,
    .entry-content .wallpaper-preview-dock{display:none}
    .entry-content .wallpaper-preview-desktop-icons{top:4%;left:3%;gap:6px}
    .entry-content .wallpaper-preview-desktop-icon{width:42px;font-size:8px}
    .entry-content .wallpaper-preview-desktop-icon svg{width:27px;height:22px}
}