.p360-xp{--xp-border:#dbe6f0;--xp-ink:#102a43;--xp-muted:#61758a;--xp-brand:#0795df;--xp-bg:#fff;font-family:inherit;color:var(--xp-ink);background:var(--xp-bg);border:1px solid var(--xp-border);border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(16,42,67,.08)}
.p360-xp *{box-sizing:border-box}.p360-xp__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.p360-xp__kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--xp-brand)}.p360-xp__title{font-size:18px;line-height:1.25;margin:3px 0 0}.p360-xp__badges{display:flex;gap:6px;flex-wrap:wrap}.p360-xp__badges span{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#e8f6fd;color:#066da4}
.p360-xp__stage{position:relative;overflow:hidden;border-radius:16px;background:#08131f;aspect-ratio:16/9;min-height:220px}.p360-xp__stage>img,.p360-xp__stage>canvas,.p360-xp__stage>iframe{display:block;width:100%;height:100%;border:0}.p360-xp__stage>img{object-fit:contain;background:#08131f}.p360-xp__loading{position:absolute;inset:0;display:flex;gap:10px;align-items:center;justify-content:center;color:#fff;background:#08131f;z-index:3}.p360-xp__loading span{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:p360spin .8s linear infinite}.p360-xp__loading[hidden]{display:none}@keyframes p360spin{to{transform:rotate(360deg)}}
.p360-xp__topbar{position:absolute;left:12px;right:12px;top:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.p360-xp__counter,.p360-xp__top-actions{pointer-events:auto}.p360-xp__counter{padding:6px 10px;border-radius:999px;background:rgba(5,18,31,.72);color:#fff;font-size:11px;font-weight:900;backdrop-filter:blur(8px)}.p360-xp__top-actions{display:flex;gap:7px;align-items:center}.p360-xp__iconbtn,.p360-xp__info-toggle{border:1px solid rgba(255,255,255,.28);background:rgba(5,18,31,.74);color:#fff;border-radius:999px;min-width:38px;height:38px;padding:0 11px;font:800 11px/1 inherit;cursor:pointer;backdrop-filter:blur(8px)}.p360-xp__info-toggle{display:none;gap:6px;align-items:center;white-space:nowrap}
.p360-xp__nav{position:absolute;inset:50% 10px auto;z-index:10;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.p360-xp__nav button{pointer-events:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(5,18,31,.65);color:#fff;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.p360-xp__meta{display:none;position:absolute;z-index:11;left:16px;bottom:20px;width:min(360px,calc(100% - 32px));padding:15px;border-radius:16px;background:linear-gradient(145deg,rgba(6,16,28,.88),rgba(6,16,28,.7));border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.26);backdrop-filter:blur(12px);transition:opacity .2s,transform .2s}.p360-xp__meta-status{display:inline-flex;padding:4px 7px;border-radius:6px;background:#2d7fe7;font-size:8px;font-weight:900;letter-spacing:.06em}.p360-xp__meta-price{display:block;margin-top:9px;font-size:19px;font-weight:900}.p360-xp__meta h3{margin:5px 0 3px;font-size:14px;line-height:1.35;color:#fff}.p360-xp__meta-loc{margin:0;color:rgba(255,255,255,.82);font-size:10.5px}.p360-xp__meta-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.p360-xp__meta-spec{padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.08);font-size:10px;min-width:0}.p360-xp__meta-spec b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p360-xp__meta-spec small{display:block;margin-top:2px;color:rgba(255,255,255,.65);font-size:8px}.p360-xp__meta-code{display:block;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);font-size:9px;color:rgba(255,255,255,.72)}
.p360-xp__toolbar{position:absolute;right:12px;bottom:12px;z-index:13;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;pointer-events:none}.p360-xp__hint{display:none}.p360-xp__actions{display:flex;gap:7px;pointer-events:auto}.p360-xp__action{border:1px solid rgba(255,255,255,.3);background:rgba(5,18,31,.76);color:#fff;border-radius:11px;min-width:40px;height:40px;padding:0 11px;font:700 12px inherit;cursor:pointer}.p360-xp__action:focus-visible,.p360-xp__tab:focus-visible,.p360-xp__thumb:focus-visible,.p360-xp__iconbtn:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}
.p360-xp__tabs{display:flex;gap:8px;margin-top:12px;overflow:auto;scrollbar-width:none}.p360-xp__tabs::-webkit-scrollbar,.p360-xp__rail::-webkit-scrollbar{display:none}.p360-xp__tabs:empty{display:none}.p360-xp__tab{white-space:nowrap;border:1px solid var(--xp-border);background:#f7fafc;color:var(--xp-muted);border-radius:999px;padding:8px 12px;font:800 12px inherit;cursor:pointer}.p360-xp__tab.is-active{background:var(--xp-brand);border-color:var(--xp-brand);color:#fff}.p360-xp__rail{display:flex;gap:9px;overflow:auto;padding:11px 1px 1px;scroll-snap-type:x proximity;scrollbar-width:none}.p360-xp__thumb{position:relative;flex:0 0 104px;height:68px;border:2px solid transparent;border-radius:11px;overflow:hidden;padding:0;background:#dfeaf2;cursor:pointer;scroll-snap-align:start}.p360-xp__thumb.is-active{border-color:var(--xp-brand)}.p360-xp__thumb img{width:100%;height:100%;object-fit:cover}.p360-xp__thumb span{position:absolute;left:5px;bottom:5px;padding:3px 6px;border-radius:999px;background:rgba(5,18,31,.78);color:#fff;font-size:9px;font-weight:800}.p360-xp__caption{position:absolute;left:12px;top:58px;max-width:56%;padding:6px 9px;border-radius:9px;background:rgba(5,18,31,.68);color:#fff;font-size:10px;font-weight:700}.p360-xp__play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border:0;border-radius:50%;background:#fff;color:#e11d48;box-shadow:0 12px 35px rgba(0,0,0,.35);font-size:27px;cursor:pointer}.p360-xp__youtube-poster{width:100%;height:100%;object-fit:cover;opacity:.82}.p360-xp__fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;color:#fff}.p360-xp__fallback b{font-size:16px}.p360-xp__fallback span{font-size:12px;opacity:.8;margin-top:5px}.p360-xp canvas{cursor:grab;touch-action:none}.p360-xp canvas:active{cursor:grabbing}
.p360-xp__download-sheet{position:fixed;inset:0;z-index:10004;display:none;align-items:flex-end;justify-content:center;background:rgba(3,10,18,.64);padding:18px}.p360-xp__download-sheet.is-open{display:flex}.p360-xp__download-card{width:min(440px,100%);padding:18px;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.34)}.p360-xp__download-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.p360-xp__download-head h3{margin:0;font-size:17px}.p360-xp__download-close{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:999px;font-size:20px;cursor:pointer}.p360-xp__download-options{display:grid;gap:9px;margin-top:14px}.p360-xp__download-option{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid #dbe6f0;border-radius:14px;text-decoration:none;color:#17304a;background:#fff}.p360-xp__download-option:hover{border-color:#9dcdec;background:#f7fcff}.p360-xp__download-option>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf6fd;color:#087ec1;font-size:20px}.p360-xp__download-option b,.p360-xp__download-option small{display:block}.p360-xp__download-option small{margin-top:2px;color:#7890a4;font-size:10px}.p360-xp__download-note{margin:12px 2px 0;color:#668095;font-size:10px;line-height:1.5}
body.p360-xp-lock{overflow:hidden!important}.p360-xp.is-immersive{position:fixed!important;z-index:10002!important;inset:0!important;margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;background:#050b12!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;max-width:none!important}.p360-xp.is-immersive .p360-xp__header{display:none}.p360-xp.is-immersive .p360-xp__stage{height:100%;min-height:0;aspect-ratio:auto;border-radius:12px}.p360-xp.is-immersive .p360-xp__meta{display:block}.p360-xp.is-immersive.is-info-hidden .p360-xp__meta{opacity:0;transform:translateY(12px);pointer-events:none}.p360-xp.is-immersive .p360-xp__info-toggle{display:inline-flex}.p360-xp.is-immersive .p360-xp__tabs{display:none}.p360-xp.is-immersive .p360-xp__rail{padding:9px 0 0;justify-content:center}.p360-xp.is-immersive .p360-xp__thumb{flex-basis:92px;height:58px}.p360-xp.is-immersive .p360-xp__action[data-xp-fullscreen]{background:rgba(183,38,38,.75)}
.p360-xp--compact .p360-xp__header{display:none}.p360-xp--compact{padding:10px}
@media(max-width:640px){.p360-xp{padding:11px;border-radius:16px}.p360-xp__stage{aspect-ratio:4/3;min-height:240px}.p360-xp__title{font-size:16px}.p360-xp__thumb{flex-basis:90px;height:60px}.p360-xp.is-immersive{padding:0!important;grid-template-rows:minmax(0,1fr) auto!important}.p360-xp.is-immersive .p360-xp__stage{border-radius:0}.p360-xp.is-immersive .p360-xp__rail{background:#07111d;padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:flex-start}.p360-xp.is-immersive .p360-xp__meta{left:12px;bottom:14px;width:min(320px,calc(100% - 24px));padding:12px}.p360-xp.is-immersive .p360-xp__meta-price{font-size:17px}.p360-xp.is-immersive .p360-xp__meta h3{font-size:13px}.p360-xp.is-immersive .p360-xp__meta-specs{grid-template-columns:repeat(2,minmax(0,1fr));max-height:145px;overflow:hidden}.p360-xp__topbar{left:10px;right:10px;top:10px}.p360-xp__top-actions{gap:5px}.p360-xp__iconbtn,.p360-xp__info-toggle{height:36px;min-width:36px;padding:0 9px}.p360-xp__info-toggle span{display:none}.p360-xp__nav{left:8px;right:8px}.p360-xp__nav button{width:38px;height:38px}.p360-xp__toolbar{right:10px;bottom:10px}.p360-xp.is-immersive:not(.is-info-hidden) .p360-xp__toolbar{bottom:auto;top:56px}.p360-xp__download-sheet{padding:0;align-items:flex-end}.p360-xp__download-card{border-radius:24px 24px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.p360-xp *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}