.interface-preview{background:radial-gradient(ellipse at 50% 55%,#2446c229,transparent 70%);padding-top:56px}
.interface-preview .section-head{max-width:780px;margin-inline:auto;text-align:center}
.interface-preview .section-head h2 span{color:#93bdff}
.interface-preview .section-head p{max-width:650px;margin-inline:auto}
.interface-preview-figure{margin:0}
.interface-preview-link{display:block;overflow:hidden;border:1px solid #819bf14d;border-radius:22px;background:#f1f6ff;box-shadow:0 30px 90px #0005,0 0 70px #3967ff12;transition:border-color .2s,box-shadow .2s}
.interface-preview-link:hover{border-color:#90b6ff;box-shadow:0 30px 90px #0005,0 0 55px #3967ff2b}
.interface-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;color:#c1d2ef;background:linear-gradient(110deg,#122343,#17233f);font-size:12px;font-weight:600}
.interface-preview-bar>span{display:flex;align-items:center;gap:9px}
.interface-preview-bar i{width:7px;height:7px;border-radius:50%;background:#6ba5ff;box-shadow:0 0 12px #6ba5ff66}
.interface-preview-expand{color:#a9caff;white-space:nowrap}
.interface-preview-expand>span{font-size:18px}
.interface-preview-link img{display:block;width:100%;height:auto;aspect-ratio:1672/941}
.interface-preview-figure figcaption{margin-top:18px;text-align:center;color:#9aaac5;font-size:12px;line-height:1.6}
@media(max-width:700px){.interface-preview{padding-top:35px}.interface-preview-link{border-radius:14px}.interface-preview-bar{padding:13px 14px;gap:12px;font-size:10px}.interface-preview-bar>span:first-child{max-width:145px}.interface-preview-bar i{flex-shrink:0}.interface-preview-figure figcaption{font-size:11px;margin-top:13px}}
@media(prefers-reduced-motion:reduce){.interface-preview-link{transition:none}}