.pr-xhs-showcase{position:relative;isolation:isolate;overflow:hidden;margin:clamp(54px,8vw,104px) auto;padding:clamp(54px,7vw,90px) clamp(20px,5vw,72px);border:1px solid rgba(84,75,161,.12);border-radius:42px;background:radial-gradient(circle at 16% 20%,rgba(206,220,255,.8),transparent 32%),radial-gradient(circle at 82% 38%,rgba(229,210,255,.76),transparent 34%),linear-gradient(145deg,#fbfcff 0%,#f3f2ff 52%,#f7fbff 100%);box-shadow:0 32px 90px rgba(38,41,92,.1)}
.pr-xhs-orb{position:absolute;z-index:-1;width:340px;height:340px;border-radius:50%;filter:blur(26px);opacity:.34;pointer-events:none;animation:pr-orb-drift 9s ease-in-out infinite}.pr-xhs-orb-a{left:-180px;top:18%;background:#a9c8ff}.pr-xhs-orb-b{right:-190px;bottom:7%;background:#d8b4fe;animation-delay:-4.5s}
.pr-xhs-heading{max-width:760px;margin:0 auto 42px;text-align:center}.pr-xhs-kicker{margin:0 0 12px;color:#7665b6;font-size:.72rem;font-weight:900;letter-spacing:.18em}.pr-xhs-heading h2{margin:0;color:#122844;font-family:Georgia,'Noto Serif SC',serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.04em}.pr-xhs-heading>p:not(.pr-xhs-kicker){max-width:660px;margin:18px auto;color:#5a6682;font-size:clamp(.94rem,1.4vw,1.08rem);line-height:1.8}.pr-xhs-heading>a{display:inline-flex;align-items:center;gap:9px;margin-top:4px;padding:12px 18px;border:1px solid rgba(78,64,157,.18);border-radius:999px;color:#453a87;background:rgba(255,255,255,.76);font-size:.78rem;font-weight:850;text-decoration:none;box-shadow:0 12px 30px rgba(76,66,147,.09);transition:transform .25s ease,box-shadow .25s ease}.pr-xhs-heading>a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(76,66,147,.15)}
.pr-xhs-stage{position:relative;min-height:720px;max-width:1120px;margin:0 auto}.pr-phone{position:absolute;z-index:5;left:50%;top:14px;width:294px;padding:10px 10px 18px;border:1px solid rgba(255,255,255,.85);border-radius:42px;background:linear-gradient(160deg,#17243a,#080c16);box-shadow:0 48px 95px rgba(25,30,65,.3),inset 0 0 0 1px rgba(255,255,255,.12);transform:translateX(-50%);animation:pr-phone-float 5.8s ease-in-out infinite}.pr-phone::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.16);border-radius:38px;pointer-events:none}.pr-phone-speaker{width:72px;height:5px;margin:2px auto 9px;border-radius:99px;background:#222f43}.pr-phone-profile{display:flex;align-items:center;gap:9px;padding:8px 7px 10px;color:#eef5ff}.pr-phone-profile>i{margin-left:auto;color:#9eadc2;font-style:normal}.pr-phone-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#6754b4,#48a6c8);font-size:.68rem;font-weight:900}.pr-phone-profile strong,.pr-phone-profile small{display:block}.pr-phone-profile strong{font-size:.72rem}.pr-phone-profile small{margin-top:2px;color:#8495aa;font-size:.5rem}.pr-phone-media{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:22px;background:#dfe6ef}.pr-phone-media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .3s ease}.pr-phone-media img.is-changing{opacity:.18;transform:scale(.98)}.pr-phone-play{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:rgba(12,19,32,.42);backdrop-filter:blur(8px);font-size:.8rem}.pr-phone-actions{display:flex;gap:18px;padding:12px 7px 7px;color:#edf3fb;font-size:1.25rem}.pr-phone-share{margin-left:auto}.pr-phone-caption{display:grid;gap:5px;padding:0 8px;color:#cfd8e5;font-size:.62rem;line-height:1.45}.pr-phone-caption b{color:#fff;font-size:.68rem}
.pr-note-cloud{position:absolute;inset:0}.pr-note-card{position:absolute;z-index:2;display:block;width:168px;overflow:hidden;aspect-ratio:3/4;border:8px solid rgba(255,255,255,.92);border-radius:22px;background:#fff;box-shadow:0 22px 60px rgba(38,43,91,.18);transform:rotate(var(--turn,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,opacity .35s ease;animation:pr-card-float 6.5s ease-in-out infinite}.pr-note-card img{width:100%;height:100%;object-fit:cover}.pr-note-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,17,34,.64));opacity:.72}.pr-note-hover{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.66rem;font-weight:850;opacity:.1;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.pr-note-hover i{font-style:normal}.pr-note-card:hover,.pr-note-card:focus-visible,.pr-note-card.is-active{z-index:7;transform:translateY(-11px) rotate(0) scale(1.075);box-shadow:0 32px 76px rgba(50,42,111,.27);outline:none}.pr-note-card:hover .pr-note-hover,.pr-note-card:focus-visible .pr-note-hover,.pr-note-card.is-active .pr-note-hover{opacity:1;transform:none}.pr-note-card.is-active{border-color:#fff;box-shadow:0 0 0 3px rgba(111,86,190,.3),0 32px 76px rgba(50,42,111,.25)}
.pr-note-card-1{--turn:-5deg;left:3%;top:44px}.pr-note-card-2{--turn:4deg;right:3%;top:52px;animation-delay:-1.4s}.pr-note-card-3{--turn:3deg;left:9%;bottom:50px;animation-delay:-2.7s}.pr-note-card-4{--turn:-4deg;right:9%;bottom:44px;animation-delay:-4.2s}.pr-note-card-5{--turn:-1deg;left:50%;bottom:-20px;width:146px;transform:translateX(-50%) rotate(var(--turn));animation-delay:-5.1s}.pr-note-card-5:hover,.pr-note-card-5:focus-visible,.pr-note-card-5.is-active{transform:translateX(-50%) translateY(-11px) rotate(0) scale(1.075)}
.pr-xhs-progress{display:flex;justify-content:center;gap:7px;margin:4px 0 40px}.pr-xhs-progress span{width:7px;height:7px;border-radius:99px;background:rgba(69,58,135,.2);transition:width .3s ease,background .3s ease}.pr-xhs-progress .is-active{width:26px;background:#7665b6}
.pr-prep-bridge{max-width:1060px;margin:0 auto;padding-top:35px;border-top:1px solid rgba(48,55,98,.1)}.pr-prep-bridge h3{max-width:660px;margin:0 auto 28px;color:#172c48;text-align:center;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.35}.pr-prep-bridge>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pr-prep-bridge article{position:relative;padding:24px;border:1px solid rgba(75,68,139,.1);border-radius:22px;background:rgba(255,255,255,.68);box-shadow:0 13px 34px rgba(48,49,103,.06)}.pr-prep-bridge article>span{display:block;margin-bottom:16px;color:#8b7bc8;font:700 1.3rem/1 Georgia,serif}.pr-prep-bridge strong{display:block;color:#182e49;font-size:.92rem}.pr-prep-bridge p{margin:9px 0 0;color:#65718a;font-size:.73rem;line-height:1.65}
@keyframes pr-phone-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes pr-card-float{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes pr-orb-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(28px,-18px,0) scale(1.08)}}
@media(max-width:920px){.pr-xhs-stage{min-height:660px}.pr-note-card{width:140px}.pr-note-card-1,.pr-note-card-3{left:0}.pr-note-card-2,.pr-note-card-4{right:0}.pr-phone{width:270px}}
@media(max-width:720px){.pr-xhs-showcase{margin:48px 14px;padding:45px 15px 36px;border-radius:30px}.pr-xhs-heading{margin-bottom:30px}.pr-xhs-heading h2{font-size:2rem}.pr-xhs-stage{display:flex;flex-direction:column;align-items:center;min-height:0}.pr-phone{position:relative;left:auto;top:auto;width:min(276px,82vw);transform:none;animation:pr-phone-mobile 5.8s ease-in-out infinite}.pr-note-cloud{position:relative;display:grid;grid-template-columns:repeat(5,132px);gap:12px;width:100%;margin-top:30px;padding:10px 4px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.pr-note-card,.pr-note-card-1,.pr-note-card-2,.pr-note-card-3,.pr-note-card-4,.pr-note-card-5{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:132px;aspect-ratio:3/4;scroll-snap-align:center;transform:none;animation:none}.pr-note-card:hover,.pr-note-card:focus-visible,.pr-note-card.is-active,.pr-note-card-5:hover,.pr-note-card-5:focus-visible,.pr-note-card-5.is-active{transform:translateY(-5px) scale(1.02)}.pr-xhs-progress{margin:4px 0 30px}.pr-prep-bridge>div{grid-template-columns:1fr}.pr-prep-bridge article{padding:21px}.pr-xhs-orb{width:220px;height:220px}@keyframes pr-phone-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}}
@media(prefers-reduced-motion:reduce){.pr-xhs-orb,.pr-phone,.pr-note-card{animation:none!important}.pr-phone-media img,.pr-note-card,.pr-xhs-heading>a,.pr-xhs-progress span{transition:none!important}}

/* V7.2 — explicit media action, rotation control and nearby case context. */
.pr-phone-media{display:block;color:#fff;text-decoration:none}
.pr-phone-media:focus-visible{outline:3px solid #aee8ff;outline-offset:3px}
.pr-phone-open{position:absolute;left:50%;bottom:14px;padding:8px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:rgba(12,19,32,.58);font-size:.62rem;font-weight:850;backdrop-filter:blur(10px);transform:translateX(-50%);white-space:nowrap}
.pr-xhs-progress{align-items:center;margin-bottom:16px}
.pr-xhs-toggle{margin-left:12px;padding:6px 10px;border:1px solid rgba(69,58,135,.16);border-radius:999px;color:#4c4384;background:rgba(255,255,255,.7);font-size:.62rem;font-weight:800;cursor:pointer}
.pr-xhs-toggle:focus-visible{outline:2px solid #6253a5;outline-offset:2px}
.pr-case-note{max-width:720px;margin:0 auto 38px;color:#5d6479;text-align:center;font-size:.68rem;line-height:1.65}