.attr-pano{margin:48px 0 0}.attr-pano__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.attr-pano__title{color:var(--pg-ink,#1a1f1a);margin:0;font-size:20px;font-weight:700}.attr-pano__note{color:var(--pg-ink-mute,#8b8e85);white-space:nowrap;font-size:13px}.attr-pano__frame{height:440px;box-shadow:var(--pg-shadow-md,0 4px 16px #1a1f1a0f);background:#12161a;border-radius:20px;position:relative;overflow:hidden}.attr-pano__player{width:100%;height:100%}.attr-pano__player,.attr-pano__player *{box-sizing:content-box}.attr-pano__cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.attr-pano__cover{cursor:pointer;background:#12161a;border:none;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.attr-pano__cover:after{content:"";background:linear-gradient(#0a0e0a0d 50%,#0a0e0a80);transition:background .25s;position:absolute;inset:0}.attr-pano__cover:hover:after{background:linear-gradient(#0a0e0a1f 40%,#0a0e0a99)}.attr-pano__cover-btn{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--pg-ink,#1a1f1a);background:#fffffff0;border-radius:100px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .2s;display:inline-flex;position:relative;box-shadow:0 6px 24px #00000040}.attr-pano__cover:hover .attr-pano__cover-btn{transform:translateY(-2px)}@media (max-width:768px){.attr-pano__frame{border-radius:16px;height:320px}}