/* The interactive screening room. These rules keep one compact phone proportion
   across breakpoints, instead of accumulating content-driven phone heights. */
.title-line{display:block;animation:title-arrive 1s cubic-bezier(.15,.7,.2,1) both}.title-line:nth-child(2){animation-delay:.13s}.hero-aside{animation:soft-arrive 1s .25s both}.hero-topline{animation:soft-arrive .9s both}.preview-heading{animation:soft-arrive 1s .4s both}.title-spark{animation:spark-turn 18s linear infinite;transform-origin:center}
.experience-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 14px;font-size:10px;color:var(--muted)}.experience-toolbar>span{display:flex;align-items:center;gap:10px}.live-orbit{width:11px;height:11px;border:1px solid #9aaa7a;border-radius:50%;position:relative}.live-orbit::after{content:'';width:3px;height:3px;position:absolute;left:3px;top:-2px;border-radius:50%;background:#84995f;transform-origin:1.5px 6.5px;animation:orbit 4s linear infinite}.atmosphere-toggle{display:flex;align-items:center;gap:8px;font-size:10px;min-height:34px;padding:0}.switch-caption{font-size:7px;letter-spacing:1px;min-width:17px;color:var(--muted)}.switch-track{width:29px;height:17px;border-radius:20px;background:var(--line);padding:3px;transition:background .4s}.switch-track i{display:block;width:11px;height:11px;border-radius:50%;background:var(--paper);box-shadow:0 1px 3px #0002;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.atmosphere-toggle[aria-pressed=true] .switch-track{background:#8a9e67}.atmosphere-toggle[aria-pressed=true] .switch-track i{transform:translateX(12px)}
#product-stage{perspective:1400px;animation:preview-arrive 1.1s .35s both}#product-stage::after{display:none}#product-stage::before{display:none}.ambient-field{position:absolute;inset:0;overflow:hidden;border-radius:12px;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s}.ambient-field>img{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(32px) saturate(.75);transform:scale(1.1);opacity:.55;animation:ambient-wander 13s ease-in-out infinite alternate}.ambient-field>span{position:absolute;inset:0;background:linear-gradient(0deg,#101c22c7,#1f302650)}.atmosphere-on .ambient-field{opacity:1}#product-stage[data-device=desktop] .ambient-field{inset:0 -20px 4px -20px;filter:blur(22px);opacity:.32}#product-stage[data-device=desktop]:not(.atmosphere-on) .ambient-field{opacity:0}#product-stage[data-device=mobile]{height:560px;background:var(--panel);transition:background 1s,transform .6s}#product-stage[data-device=mobile]::before{content:'TAKE A LITTLE\A CINEMA WITH YOU.';white-space:pre;display:block;border:0;position:absolute;top:90px;left:6%;font:400 10px/2 Frame,sans-serif;letter-spacing:4px;opacity:.6;transform:none;transition:color 1s}#product-stage[data-device=mobile]::after{content:'F / 001 — YOUR POCKET CINEMA';display:block;left:6%;bottom:45px;font-size:7px;letter-spacing:2px}#product-stage[data-device=mobile].atmosphere-on::before,#product-stage[data-device=mobile].atmosphere-on::after{color:#d3e1ca}#product-stage[data-device=mobile].atmosphere-on{background:#24382f}#product-stage[data-device=mobile] .phone-app{left:50%;right:auto;bottom:47px;transform:translateX(-50%) rotate(-4deg)}#product-stage[data-device=mobile] .phone-app:hover{transform:translateX(-50%) rotate(-1deg) translateY(-5px)}#product-stage[data-device=mobile].handoff-active .phone-app{transform:translateX(-50%) rotate(0deg) translateY(-6px)}#product-stage[data-device=mobile] .handoff-note{top:auto;bottom:120px;right:7%}
/* Override previous display-only model dimensions with a stable little device. */
#product-stage .phone-app,#product-stage[data-device=mobile] .phone-app{width:214px;height:449px;max-height:none;border:4px solid #252b25;border-radius:29px;padding:10px 12px 17px;display:flex;flex-direction:column;overflow:visible;isolation:isolate;background:#f7f8f2;box-shadow:0 25px 40px -15px #07150e8c,0 0 0 1px #ffffff40}
#product-stage .phone-app::before{inset:13px -9px -10px;border-radius:31px;z-index:-2;opacity:.6;pointer-events:none}#product-stage .phone-app::after{font-size:6px;right:-22px;color:#b7c7a1;pointer-events:none}#product-stage .phone-speaker{width:54px;height:12px;top:4px}#product-stage .phone-status{font-size:7px;line-height:10px;margin:0 1px 14px;flex-shrink:0}#product-stage .phone-status>span:last-child{font-size:6px}#product-stage .phone-header{height:27px;flex-shrink:0}#product-stage .phone-header .app-logo{font-size:18px;line-height:1.2}#product-stage .phone-header .brand-en{font-size:5px;letter-spacing:1px}#product-stage .phone-header .user-avatar{width:22px;height:22px;font-size:15px}.phone-content{position:relative;flex:1;min-height:0;margin-top:0}.phone-screen{position:absolute;inset:0;overflow:hidden}.phone-screen[hidden]{display:none}#product-stage .phone-welcome{font-size:17px;line-height:1.4;letter-spacing:.4px;margin:14px 0 13px}#product-stage .phone-welcome>span{font-size:4px;letter-spacing:.9px;line-height:1.4;margin-top:6px}#product-stage .phone-feature{height:150px;border-radius:8px;touch-action:pan-y}#product-stage .phone-feature>img{inset:0;animation:scene-kenburns 12s ease-in-out infinite alternate;transform-origin:60% 50%}#product-stage .phone-film-meta{font-size:5px;top:11px;left:11px}#product-stage .phone-film-title{font-size:14px;left:11px;bottom:20px;right:30px;line-height:1.3}#product-stage .phone-film-title small{font-size:11px;line-height:1.3;margin-top:5px}#product-stage .round-arrow{width:22px;height:22px;right:8px;bottom:14px}#product-stage .round-arrow svg{width:12px;height:12px}#product-stage .phone-shelf-title{font-size:8px;line-height:1.3;margin:13px 0 9px}#product-stage .phone-shelf-title svg{width:11px;height:11px}#product-stage .phone-continue{gap:7px}#product-stage .phone-continue>img{width:27px;height:36px;border-radius:3px}#product-stage .phone-continue>span{font-size:8px;line-height:1.1}#product-stage .phone-continue small{font-size:5px;line-height:1.2;margin:4px 0 5px}#product-stage .phone-continue>svg{width:12px;height:12px}#product-stage .phone-bottom-nav{margin-top:0;padding-top:5px;height:39px;flex-shrink:0;align-items:stretch;justify-content:space-around;gap:0;border-top:1px solid #dfe3d7}.phone-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:47px;border-radius:5px;padding:2px 0;color:#929b86;font-size:6px;line-height:1.2;position:relative;transition:color .25s,background .25s}.phone-bottom-nav button.active{background:#e8eddd;color:#425338}#product-stage .phone-bottom-nav svg{width:14px;height:14px}#product-stage .phone-home-indicator{bottom:5px;width:53px;height:3px}.phone-bottom-nav button::after{content:'';position:absolute;bottom:-5px;width:3px;height:3px;border-radius:50%;background:#7b9251;opacity:0;transition:opacity .3s}.phone-bottom-nav button.active::after{opacity:1}
.phone-section-eyebrow{font-size:5px;letter-spacing:1.2px;color:#89977b;display:block;margin-top:15px}.phone-screen-library h3{font-size:18px;line-height:1.3;font-weight:500;margin:6px 0 11px}.phone-screen-library h3>span{font-size:6px;color:#8f9b80;font-weight:400;margin-left:8px}.phone-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}.phone-poster-grid>button{padding:0;text-align:left;min-width:0}.phone-poster-grid img{width:100%;height:93px;object-fit:cover;border-radius:4px;transition:transform .35s}.phone-poster-grid button:hover img{transform:translateY(-3px)}.phone-poster-grid span{display:block;font-size:7px;line-height:1.4;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.phone-search-link{font-size:7px;display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #dfe3d7;padding:11px 0 0;margin-top:11px;gap:6px}.phone-search-link svg{width:10px;height:10px}.phone-search-link svg:last-child{margin-left:auto}.phone-profile{display:flex;flex-direction:column;align-items:center;margin-top:17px}.phone-profile .user-avatar{width:38px;height:38px;font-size:28px}.phone-profile h3{font-size:12px;font-weight:500;margin-top:9px}.phone-profile p{font-size:6px;color:#8b977e;margin-top:5px}.phone-stats{display:flex;align-items:center;justify-content:center;gap:31px;padding:17px 0 14px}.phone-stats>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8b977e;font-size:6px}.phone-stats strong{font:italic 27px/1 var(--serif);color:#475637}.phone-memory{border-top:1px solid #dfe3d7;padding-top:10px}.phone-memory>span{font-size:6px;color:#8b977e}.phone-memory>button{padding:0;display:block;width:100%;text-align:left;margin-top:7px}.phone-memory img{width:100%;height:75px;object-fit:cover;object-position:50% 60%;border-radius:4px}.phone-memory strong{display:block;font-size:8px;font-weight:500;margin-top:6px}.phone-memory small{display:block;font-size:5px;color:#8b977e;margin-top:3px}
.scene-image:not(.picture-ghost){animation:scene-kenburns 13s ease-in-out infinite alternate}.cinema-scene .picture-ghost{z-index:0}.scene-shade{z-index:1}.scene-copy,.scene-top,.scene-number{z-index:2}.cinema-scene::after{z-index:1}.picture-ghost{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;pointer-events:none;z-index:0;animation:none!important}.phone-feature-shade{z-index:1}.phone-film-title,.phone-film-meta,.round-arrow{z-index:2}.phone-feature::after{z-index:2;pointer-events:none}.ambient-field .picture-ghost{filter:blur(32px) saturate(.75)}
.reel-controls{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding-top:13px;margin-top:11px}.reel-prompt{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-right:auto}.reel-prompt>svg{width:14px;height:14px}.reel-pagination{display:flex;align-items:center;gap:15px}.reel-pagination button{display:flex;align-items:center;gap:8px;padding:7px 0;color:var(--muted)}.reel-pagination span{font:italic 16px/1 var(--serif)}.reel-pagination i{position:relative;display:block;width:28px;height:1px;background:var(--line);overflow:hidden;transition:width .5s}.reel-pagination i::after{content:'';position:absolute;inset:0;background:#879f5f;transform:translateX(-100%)}.reel-pagination small{font-size:6px;letter-spacing:1px;display:none}.reel-pagination .selected{color:var(--ink)}.reel-pagination .selected i{width:62px}.reel-pagination .selected small{display:block}.reel-pagination .selected i::after{transform:translateX(0)}.reel-controls.is-running .selected i::after{animation:reel-progress 6.5s linear both}.reel-pause{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:9px;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .3s}.reel-pause:hover{background:var(--panel)}
.film-ribbon{margin:70px 0 85px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;transform:rotate(-1.5deg);background:var(--panel)}.ribbon-track{display:flex;gap:35px;align-items:center;width:max-content;animation:ribbon-roll 35s linear infinite}.ribbon-track span{font-size:26px;letter-spacing:1px;font-weight:400}.ribbon-track em{font:italic 36px/1 var(--serif);color:var(--muted)}.ribbon-track i{font-style:normal;font-size:29px;line-height:1;color:#8e9f71}.film-ribbon:hover .ribbon-track{animation-play-state:paused}.movie-ticket.redraw{animation:ticket-spit .55s cubic-bezier(.15,.7,.2,1) both}.movie-ticket{transform-origin:top center}
@keyframes title-arrive{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes soft-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes preview-arrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes spark-turn{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes ambient-wander{from{transform:scale(1.1) translate(-3%,0)}to{transform:scale(1.22) translate(3%,2%)}}@keyframes scene-kenburns{from{scale:1}to{scale:1.1}}@keyframes reel-progress{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes ribbon-roll{to{transform:translateX(-50%)}}@keyframes ticket-spit{0%{transform:rotate(-3deg) translateY(0);opacity:1}32%{transform:rotate(2deg) translateY(22px) scale(.97);opacity:.25}100%{transform:rotate(-3deg) translateY(0);opacity:1}}
@media(max-width:800px){#product-stage .phone-app,#product-stage[data-device=mobile] .phone-app{width:202px;height:429px;padding-inline:11px}#product-stage .phone-feature{height:138px}#product-stage .phone-welcome{margin-top:13px;font-size:16px;margin-bottom:11px}#product-stage .phone-shelf-title{margin-top:11px}#product-stage .phone-status{margin-bottom:12px}.phone-poster-grid img{height:86px}.phone-screen-library h3{font-size:17px}.phone-section-eyebrow{margin-top:13px}.phone-profile{margin-top:13px}.phone-memory img{height:65px}#product-stage[data-device=mobile]{height:535px}#product-stage[data-device=mobile] .phone-app{bottom:47px}#product-stage[data-device=mobile] .handoff-note{bottom:104px;right:4%}#product-stage[data-device=mobile]::before{font-size:8px;letter-spacing:2px;left:5%;top:85px}#product-stage[data-device=mobile]::after{left:5%;bottom:30px;font-size:6px;letter-spacing:1px}.reel-controls{gap:15px}.reel-prompt{font-size:8px}.reel-pagination{gap:12px}.reel-pagination .selected i{width:38px}.reel-pagination small{font-size:5px}}
@media(max-width:600px){#product-stage[data-device=desktop] .phone-app{display:none}.experience-toolbar{font-size:8px;padding:5px 0 11px}.experience-toolbar>span{gap:7px}.atmosphere-toggle{font-size:9px;gap:6px}.switch-caption{font-size:6px}.switch-track{width:27px;height:16px;padding:3px}.switch-track i{width:10px;height:10px}.atmosphere-toggle[aria-pressed=true] .switch-track i{transform:translateX(11px)}.live-orbit{width:9px;height:9px}.live-orbit::after{left:2px;top:-2px;transform-origin:1.5px 5.5px}#product-stage[data-device=mobile]{height:486px}#product-stage[data-device=mobile] .phone-app{bottom:26px;left:50%;transform:translateX(-50%) rotate(-4deg)}#product-stage[data-device=mobile] .phone-app:hover{transform:translateX(-50%) rotate(-4deg)}#product-stage[data-device=mobile] .handoff-note{right:3px;bottom:66px;font-size:7px;line-height:1.6;padding:7px 8px;gap:6px}#product-stage[data-device=mobile]::before{content:'POCKET CINEMA / 01';top:17px;left:18px;font-size:6px;line-height:1;letter-spacing:2px;opacity:.6}#product-stage[data-device=mobile]::after{content:'小小一块屏幕，装下一座影院。';writing-mode:vertical-rl;bottom:auto;top:65px;left:auto;right:17px;font-size:7px;letter-spacing:2px;opacity:.5}#product-stage[data-device=mobile].atmosphere-on::before,#product-stage[data-device=mobile].atmosphere-on::after{color:#d3e1ca}#product-stage .phone-app::after{display:none}#product-stage[data-device=mobile] .ambient-field{border-radius:7px}#product-stage[data-device=desktop] .ambient-field{inset:0;filter:none;opacity:.4}.reel-controls{padding-top:10px;margin-top:13px;gap:12px;justify-content:center}.reel-prompt{display:none}.reel-pagination{gap:13px}.reel-pagination button{padding:10px 0;gap:6px}.reel-pagination span{font-size:15px}.reel-pagination i{width:26px}.reel-pagination .selected i{width:44px}.reel-pagination small{font-size:5px;letter-spacing:.8px}.reel-pause{width:26px;height:26px;font-size:8px}.reel-controls + .preview-footnote{margin-top:9px}.film-ribbon{margin:45px 0 52px;padding:14px 0}.ribbon-track{gap:23px;animation-duration:28s}.ribbon-track span{font-size:19px}.ribbon-track em{font-size:27px}.ribbon-track i{font-size:21px}.hero .title-line{letter-spacing:-2.4px}}
@media(prefers-reduced-motion:reduce){.title-line,.hero-aside,.hero-topline,.preview-heading,.title-spark,#product-stage,.ambient-field>img,.scene-image,.phone-feature>img,.ribbon-track,.live-orbit::after,.reel-controls.is-running .selected i::after,.movie-ticket.redraw{animation:none!important}#product-stage{translate:none}.picture-ghost{display:none}.ribbon-track{transform:translateX(0)}.title-line{opacity:1;transform:none;filter:none}.js .reveal{opacity:1;transform:none}}

body,.site-header,.cross-device-feature,.map-center,.device-node,.faq-list,.site-footer{transition:background-color .6s,color .6s,border-color .6s}.device-node{border-radius:7px;border:1px solid transparent}.device-node.selected{border-color:var(--line);box-shadow:0 5px 18px #2930260c}.device-node.selected svg{color:#879e5c}.device-live-status{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:10px;margin-bottom:13px;color:var(--muted);font-size:9px;line-height:1.8;min-height:35px}.device-live-status .status-dot{width:4px;height:4px}.handoff-active .handoff-symbol{animation:handoff-ring .7s ease-out 3}.handoff-active .phone-app{box-shadow:0 0 0 5px #dcf98140,0 25px 50px -15px #102013a5!important}.map-dot{animation:none;offset-rotate:0deg;offset-path:ellipse(43% 35% at 50% 50%);left:0;top:0;offset-distance:0;animation:packet-orbit 15s linear infinite}.map-dot.dot-two{animation-delay:-7s;animation-duration:19s}.map-dot.dot-one{width:5px;height:5px}.cross-device-feature:hover .device-orbit{border-color:#9cab79}.device-orbit{transition:border-color .5s}.atmosphere-on.reel-running .phone-speaker::after{content:'';position:absolute;right:7px;top:4px;width:3px;height:3px;background:#a3b989;border-radius:50%;box-shadow:0 0 6px #a3b989}
@keyframes packet-orbit{to{offset-distance:100%}}@keyframes handoff-ring{0%{box-shadow:0 0 0 0 #a6bf6b80}100%{box-shadow:0 0 0 18px #a6bf6b00}}
@media(max-width:800px){.device-live-status{font-size:8px;line-height:1.8;padding-top:11px;margin-block:7px 11px;gap:6px}}
@media(max-width:600px){.device-live-status{font-size:9px;margin-block:10px 15px;padding-top:13px}}
@media(prefers-reduced-motion:reduce){.map-dot,.handoff-active .handoff-symbol{animation:none!important}.map-dot.dot-two{offset-distance:50%}}

/* Long pages can keep several decorative loops off-screen. Pause them until
   the section is visible so scrolling stays cheap on phones and laptops. */
.motion-offscreen,.motion-offscreen *,.motion-offscreen::before,.motion-offscreen::after,.motion-offscreen *::before,.motion-offscreen *::after,.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}
/* The glow is generated at build time; avoid large, nested GPU blur surfaces. */
#product-stage .ambient-field,#product-stage .ambient-field>img{filter:none!important}