/* Six native product compositions. All visual UI is illustrative. */
.pv-scene { --pv-tone:#b5c9c0; position:relative; isolation:isolate; width:100%; height:570px; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:26px; background:#0c1013; color:#f1f2ed; container-type:inline-size; }
.pv-scene * { box-sizing:border-box; }
.pv-scene figure,.pv-scene p { margin:0; }
.pv-scene img { display:block; }
.pv-scene svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.pv-scene .pv-demo { position:absolute; left:24px; top:21px; z-index:8; font-size:10px; line-height:1.5; color:rgba(232,239,235,.43); letter-spacing:1px; }
.pv-scene .pv-aura { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.pv-scene .pv-parallax { transform:translate3d(calc(var(--px,0) * 7px),calc(var(--py,0) * 5px),0) rotate(var(--pv-tilt,0deg)); transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.pv-scene .pv-float { animation:pvFloat 6s ease-in-out infinite; }
@keyframes pvFloat { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }
@keyframes pvOrbit { to { rotate:360deg; } }
@keyframes pvFlow { to { stroke-dashoffset:-96; } }
@keyframes pvWave { 0%,100% { scale:1 .55; } 50% { scale:1 1; } }

/* WindVision: a compact material studio, anchored by the supplied site visual. */
.pv-windvision { background:#0b1210; }
.pv-windvision .pv-aura { background:radial-gradient(ellipse at 70% 15%,rgba(87,156,130,.18),transparent 60%),radial-gradient(ellipse at 8% 90%,rgba(194,142,84,.1),transparent 65%); }
.pv-wv-window { --pv-tilt:-3deg; position:absolute; left:4.5%; top:74px; width:87%; border:1px solid rgba(177,210,190,.21); border-radius:13px; overflow:hidden; background:#111a16; box-shadow:0 30px 80px rgba(0,0,0,.42); }
.pv-window-bar { height:33px; display:flex; align-items:center; gap:15px; padding:0 14px; color:#b8c9bc; font-size:8px; letter-spacing:1.2px; border-bottom:1px solid rgba(211,230,208,.08); background:#151d18; }
.pv-window-bar>span:last-child { margin-left:auto; opacity:.55; font-size:7px; }
.pv-window-dots { display:flex; gap:4px; }
.pv-window-dots i { width:4px; height:4px; border-radius:50%; background:#6b7d6e; }
.pv-wv-brand { aspect-ratio:4.5; overflow:hidden; background:#0c120f; border-bottom:1px solid rgba(211,230,208,.08); }
.pv-wv-brand img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.pv-wv-work { display:flex; min-height:214px; }
.pv-wv-side { display:flex; flex-direction:column; align-items:center; gap:22px; padding:22px 12px; border-right:1px solid rgba(211,230,208,.07); color:#7b9884; }
.pv-wv-side svg { width:17px; height:17px; }
.pv-wv-side>span:first-child { color:#c2dbc7; }
.pv-wv-materials { flex:1; min-width:0; padding:18px 19px 20px; }
.pv-wv-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:14px; }
.pv-wv-title strong { color:#dce8dc; font-size:14px; font-weight:500; }
.pv-wv-title>span { color:#6e8777; font-size:9px; }
.pv-wv-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.pv-wv-tiles figure { min-width:0; border-radius:6px; background:#15221c; overflow:hidden; }
.pv-wv-tiles img { width:100%; height:92px; object-fit:cover; }
.pv-wv-tiles figure:first-child img { object-position:50% 52%; }
.pv-wv-tiles figure:last-child img { object-position:10% 50%; }
.pv-wv-tiles figcaption { padding:8px 6px; color:#b7cbbd; font-size:9px; text-align:center; }
.pv-wv-flow { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-top:17px; font-size:9px; color:#7d9787; white-space:nowrap; }
.pv-wv-flow i { flex:1; height:1px; max-width:25px; background:#334d3d; }
.pv-wv-floating { position:absolute; right:4%; bottom:63px; display:flex; align-items:center; gap:15px; padding:18px 23px; border:1px solid rgba(188,224,193,.24); border-radius:11px; background:rgba(28,47,36,.93); box-shadow:0 18px 40px rgba(0,0,0,.36); backdrop-filter:blur(15px); }
.pv-mini-icon { width:39px; height:39px; display:grid; place-items:center; color:#b7d7b3; border:1px solid #526f4f; border-radius:9px; background:#2b412b; }
.pv-wv-floating small { display:block; color:#8da78e; font-size:8px; letter-spacing:1px; margin-bottom:7px; }
.pv-wv-floating strong { display:block; color:#dfebd8; font-size:15px; font-weight:500; }
.pv-wv-caption { position:absolute; left:7%; bottom:31px; display:flex; gap:26px; color:#708b79; font-size:8px; letter-spacing:2px; }

/* App: physical phone proportions, real brand material, clearly labelled UI. */
.pv-app { background:#111019; }
.pv-app .pv-aura { background:radial-gradient(ellipse at 53% 43%,rgba(137,110,207,.24),transparent 61%),linear-gradient(160deg,rgba(90,96,140,.07),transparent); }
.pv-app-orbit { position:absolute; width:410px; height:410px; left:50%; top:50%; margin:-205px; border:1px solid rgba(173,158,217,.13); border-radius:50%; transform:rotateX(55deg) rotate(-20deg); box-shadow:0 0 0 35px rgba(169,149,206,.025),0 0 0 75px rgba(169,149,206,.015); }
.pv-app-phone { --pv-tilt:8deg; position:absolute; top:33px; left:32%; width:38%; height:477px; padding:7px; border:2px solid #67666e; border-radius:37px; background:linear-gradient(135deg,#959198,#242329 20%,#0b0b10 72%,#716b80); box-shadow:12px 25px 50px rgba(0,0,0,.48),inset 0 0 0 2px #16141c; }
.pv-phone-island { position:absolute; z-index:3; top:15px; left:50%; transform:translateX(-50%); width:66px; height:18px; border-radius:20px; background:#07060a; }
.pv-app-screen { position:relative; height:100%; overflow:hidden; padding:40px 16px 20px; border-radius:29px; background:linear-gradient(180deg,#15131e,#101018); }
.pv-app-brand { display:flex; align-items:center; gap:9px; margin-bottom:20px; color:#edeaf3; font-size:13px; font-weight:500; }
.pv-app-brand img { width:25px; height:25px; border-radius:7px; }
.pv-app-campaign { overflow:hidden; width:100%; aspect-ratio:1.72; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:#060609; }
.pv-app-campaign img { width:100%; height:100%; object-fit:contain; }
.pv-app-welcome { margin-top:24px; }
.pv-app-welcome>span { display:block; color:#978cae; font-size:9px; letter-spacing:1px; margin-bottom:8px; }
.pv-app-welcome>strong { color:#e5ddf0; font-size:clamp(13px,2.5cqw,17px); font-weight:500; white-space:nowrap; }
.pv-app-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:19px; }
.pv-app-shortcuts>div { display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 3px; border:1px solid rgba(176,155,214,.14); border-radius:9px; background:rgba(154,126,201,.05); color:#b7a6d2; }
.pv-app-shortcuts svg { width:18px; height:18px; }
.pv-app-shortcuts span { color:#b7aaca; font-size:9px; }
.pv-app-prompt { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:22px; padding:11px 10px; border:1px solid rgba(173,150,211,.14); border-radius:20px; color:#83798e; font-size:8px; white-space:nowrap; }
.pv-app-prompt svg { width:13px; height:13px; color:#c1ade0; flex:none; }
.pv-app-home { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); width:65px; height:3px; border-radius:3px; background:#b2aeb8; }
.pv-app-note { position:absolute; left:5%; top:295px; display:flex; align-items:center; gap:14px; padding:19px 22px; border:1px solid rgba(201,180,240,.25); border-radius:13px; background:rgba(38,31,51,.9); backdrop-filter:blur(12px); box-shadow:0 18px 35px rgba(0,0,0,.36); }
.pv-app-note>span { color:#c1b0db; }
.pv-app-note small { display:block; color:#998aad; font-size:9px; margin-bottom:7px; }
.pv-app-note strong { color:#e4dbee; font-size:14px; font-weight:500; }
.pv-app-release { position:absolute; bottom:22px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; color:#897c9a; font-size:10px; letter-spacing:1px; white-space:nowrap; }
.pv-app-release i { width:4px; height:4px; border-radius:50%; background:#b19ad0; }

/* inswind: an uncluttered hardware light stage, using a clean supplied render. */
.pv-inswind { background:#080d13; }
.pv-inswind .pv-aura { background:radial-gradient(ellipse at 50% 42%,rgba(65,114,158,.13),transparent 67%); }
.pv-inswind-word { position:absolute; left:7%; top:55px; color:#8b9aab; font-size:clamp(40px,9cqw,65px); font-weight:300; letter-spacing:-3px; opacity:.38; }
.pv-glasses-stage { position:absolute; left:0; right:0; top:125px; height:325px; }
.pv-glasses-product { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; mix-blend-mode:screen; mask-image:radial-gradient(ellipse 57% 62% at 50% 50%,#000 48%,transparent 98%); }
.pv-glasses-light { position:absolute; left:15%; right:15%; top:46%; height:1px; background:#8aa8c0; box-shadow:0 0 30px 15px rgba(94,133,173,.06); transform:rotate(-18deg); opacity:.4; }
.pv-glasses-plinth { position:absolute; left:20%; right:15%; bottom:3px; height:21px; border-radius:50%; border:1px solid rgba(123,163,190,.13); box-shadow:0 6px 0 -4px rgba(163,194,207,.1),0 14px 28px rgba(66,102,131,.08); }
.pv-glasses-pin { position:absolute; display:flex; align-items:center; gap:9px; color:#a1b7c8; font-size:10px; letter-spacing:1px; }
.pv-glasses-pin i { width:5px; height:5px; border-radius:50%; border:1px solid #bad1df; box-shadow:0 0 12px rgba(145,190,214,.3); }
.pv-glasses-pin::after { content:""; position:absolute; width:1px; height:45px; top:17px; left:2px; background:linear-gradient(#718b9d,transparent); }
.pv-pin-vision { left:20%; top:175px; }
.pv-pin-voice { right:14%; top:218px; }
.pv-glasses-capabilities { position:absolute; bottom:53px; left:20%; right:20%; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#a2b9c8; }
.pv-glasses-capabilities>span { display:flex; align-items:center; gap:9px; }
.pv-glasses-capabilities svg { width:19px; height:19px; }
.pv-glasses-capabilities small { font-size:11px; white-space:nowrap; }
.pv-glasses-capabilities>i { width:1px; height:14px; background:#253443; }
.pv-glasses-caption { position:absolute; left:50%; bottom:22px; transform:translateX(-50%); color:#6f8193; font-size:10px; letter-spacing:2px; white-space:nowrap; }

/* Dramawind: a three-panel portrait cinema, with no fabricated catalogue stats. */
.pv-dramawind { background:#110d17; }
.pv-dramawind .pv-aura { background:radial-gradient(ellipse at 55% 65%,rgba(162,72,155,.21),transparent 68%),radial-gradient(ellipse at 12% 28%,rgba(77,83,160,.14),transparent 60%); }
.pv-cinema-grid { position:absolute; left:-20%; right:-20%; bottom:-55%; height:100%; background-image:linear-gradient(rgba(179,105,185,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(179,105,185,.1) 1px,transparent 1px); background-size:45px 45px; transform:perspective(400px) rotateX(66deg); mask-image:linear-gradient(transparent,#000); }
.pv-drama-cards { position:absolute; inset:0; }
.pv-drama-card { position:absolute; overflow:hidden; background:#110d17; border:1px solid rgba(193,148,220,.3); box-shadow:0 25px 60px rgba(0,0,0,.45); }
.pv-drama-card>img { width:100%; height:100%; object-fit:cover; }
.pv-drama-left { left:5%; top:114px; width:27%; height:335px; border-radius:15px; transform:rotate(-9deg); }
.pv-drama-left>img { object-position:11% center; }
.pv-drama-right { right:5%; top:104px; width:27%; height:335px; border-radius:15px; transform:rotate(9deg); }
.pv-drama-right>img { object-position:92% center; }
.pv-drama-left>span,.pv-drama-right>span { position:absolute; left:0; right:0; bottom:0; padding:28px 10px 18px; background:linear-gradient(transparent,rgba(12,7,18,.9)); color:#c4a8cd; font-size:10px; letter-spacing:1px; text-align:center; }
.pv-drama-center { z-index:2; top:43px; left:32%; width:36%; height:444px; border:2px solid #796783; border-radius:31px; box-shadow:0 0 0 4px #221a2c,0 30px 70px rgba(0,0,0,.65); }
.pv-drama-center>img { object-position:50% center; }
.pv-drama-center::after { content:""; position:absolute; inset:30% 0 0; background:linear-gradient(transparent,rgba(15,8,23,.94)); }
.pv-drama-island { position:absolute; z-index:4; width:66px; height:17px; left:50%; top:8px; transform:translateX(-50%); border-radius:16px; background:#0b080e; }
.pv-drama-title { position:absolute; z-index:3; left:23px; right:20px; bottom:39px; }
.pv-drama-title small { display:block; color:#d0afdf; font-size:8px; letter-spacing:2px; margin-bottom:14px; }
.pv-drama-title strong { display:block; color:#f1e8f5; font-size:clamp(23px,4.5cqw,31px); font-weight:500; line-height:1.35; }
.pv-drama-title>span { display:grid; place-items:center; width:33px; height:33px; margin-top:16px; color:#e1c5ee; border:1px solid rgba(212,174,238,.4); border-radius:50%; }
.pv-drama-title svg { width:15px; height:15px; }
.pv-drama-progress { position:absolute; z-index:4; bottom:16px; left:20px; right:20px; height:2px; background:rgba(255,255,255,.17); }
.pv-drama-progress i { display:block; width:30%; height:100%; background:#d3addf; }
.pv-drama-bottom { position:absolute; left:50%; bottom:28px; transform:translateX(-50%); display:flex; align-items:center; gap:24px; white-space:nowrap; }
.pv-drama-bottom>span { font-size:10px; color:#977aa2; letter-spacing:1px; }
.pv-drama-bottom>div { display:flex; gap:5px; }
.pv-drama-bottom i { width:3px; height:3px; background:#684977; border-radius:50%; }
.pv-drama-bottom i:nth-child(2) { width:15px; background:#bd8bcd; }

/* GEO: search semantics as a small network, not fabricated search rankings. */
.pv-geo { background:#081119; }
.pv-geo-world { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.17; filter:saturate(.55); }
.pv-geo .pv-aura { background:radial-gradient(ellipse at 50% 52%,rgba(86,181,205,.13),transparent 68%); }
.pv-geo .pv-geo-lines { position:absolute; inset:0; width:100%; height:100%; color:rgba(119,199,214,.28); stroke-width:1; }
.pv-geo-lines .pv-flow-line { stroke:#84d0db; stroke-dasharray:3 21; opacity:.6; animation:pvFlow 7s linear infinite; }
.pv-search-card { --pv-tilt:-2deg; position:absolute; top:68px; left:13%; width:74%; padding:21px 25px; border:1px solid rgba(131,191,208,.26); border-radius:13px; background:rgba(20,38,50,.95); box-shadow:0 22px 50px rgba(0,0,0,.36); }
.pv-search-label { display:flex; align-items:center; justify-content:space-between; color:#709cab; font-size:8px; letter-spacing:1.7px; margin-bottom:17px; }
.pv-search-label svg { width:16px; height:16px; color:#9cced5; }
.pv-search-query { display:flex; align-items:center; gap:13px; color:#c8dfe3; font-size:clamp(12px,2.3cqw,15px); white-space:nowrap; }
.pv-search-query svg { width:18px; height:18px; flex:none; color:#80b5c3; }
.pv-search-answer { margin:19px 0 0 31px; display:flex; flex-direction:column; gap:7px; }
.pv-search-answer i { height:3px; width:86%; border-radius:2px; background:#36525f; }
.pv-search-answer i:nth-child(2) { width:100%; opacity:.65; }
.pv-search-answer i:last-child { width:62%; opacity:.4; }
.pv-geo-core { position:absolute; left:50%; top:46%; width:94px; height:94px; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:1px solid rgba(131,211,220,.45); border-radius:23px; background:linear-gradient(145deg,#244450,#132936); box-shadow:0 0 0 9px rgba(101,187,204,.035),0 0 55px rgba(101,187,204,.13); }
.pv-geo-core>span { color:#80b5c1; font-size:10px; letter-spacing:3px; }
.pv-geo-core>strong { color:#d4eef0; font-size:26px; font-weight:500; letter-spacing:1px; }
.pv-geo-core>i { position:absolute; inset:-22px; border:1px dashed rgba(113,184,201,.22); border-radius:50%; animation:pvOrbit 40s linear infinite; }
.pv-geo-steps { position:absolute; bottom:44px; left:5%; right:5%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.pv-geo-steps>div { display:flex; flex-direction:column; align-items:center; padding:17px 10px; border:1px solid rgba(122,190,207,.19); border-radius:10px; background:rgba(16,33,45,.94); }
.pv-geo-steps>div>span { color:#86bfcd; margin-bottom:10px; }
.pv-geo-steps svg { width:20px; height:20px; }
.pv-geo-steps small { color:#648e9c; font-size:8px; letter-spacing:1px; margin-bottom:7px; }
.pv-geo-steps strong { color:#c6dfe3; font-size:clamp(12px,2.1cqw,14px); font-weight:500; white-space:nowrap; }

/* Mingyi: a warm paper-and-sage operations assistant, without fake business data. */
.pv-mingyi { background:#101913; }
.pv-mingyi .pv-aura { background:radial-gradient(ellipse at 70% 10%,rgba(170,191,126,.14),transparent 68%),radial-gradient(ellipse at 10% 100%,rgba(103,153,111,.12),transparent 58%); }
.pv-mingyi-disc { position:absolute; width:400px; height:400px; left:50%; top:54%; transform:translate(-50%,-50%); border:1px solid rgba(175,190,140,.09); border-radius:50%; box-shadow:0 0 0 32px rgba(175,190,140,.025),0 0 0 70px rgba(175,190,140,.015); }
.pv-mingyi-board { --pv-tilt:-3deg; position:absolute; top:80px; left:12%; width:70%; padding:25px; border:1px solid #c5ccb9; border-radius:16px; background:linear-gradient(145deg,#ecefdf,#dfe6d5); color:#374235; box-shadow:0 30px 65px rgba(0,0,0,.4); }
.pv-mingyi-top { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid #cbd5c0; }
.pv-mingyi-mark { display:grid; place-items:center; width:39px; height:39px; background:#50664d; border-radius:10px; color:#e9efd9; font-size:23px; font-weight:500; }
.pv-mingyi-top strong { display:block; color:#3b4c36; font-size:18px; font-weight:500; margin-bottom:3px; }
.pv-mingyi-top small { color:#8a967e; font-size:9px; }
.pv-mingyi-store { margin-left:auto; color:#8a9c7d; }
.pv-mingyi-store svg { width:26px; height:26px; }
.pv-mingyi-question { width:max-content; max-width:100%; margin:18px 0 19px auto; padding:11px 14px; border-radius:12px 12px 3px 12px; background:#d0dcc5; color:#5f7155; font-size:11px; }
.pv-mingyi-answer { display:flex; align-items:flex-start; gap:13px; color:#788b68; }
.pv-mingyi-answer>span { margin-top:5px; }
.pv-mingyi-answer p { color:#718264; font-size:18px; line-height:1.55; }
.pv-mingyi-answer strong { color:#3e5838; font-weight:500; }
.pv-mingyi-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:23px; }
.pv-mingyi-modules>div { display:flex; flex-direction:column; align-items:center; gap:9px; padding:14px 5px; border:1px solid #c3d0b8; border-radius:8px; color:#718561; background:rgba(249,252,241,.25); }
.pv-mingyi-modules svg { width:20px; height:20px; }
.pv-mingyi-modules span { color:#6d7c61; font-size:10px; white-space:nowrap; }
.pv-mingyi-compose { display:flex; align-items:center; justify-content:space-between; margin-top:21px; padding:12px 15px; background:#eff2e6; border:1px solid #c8d3bd; border-radius:20px; color:#9aa590; font-size:10px; }
.pv-mingyi-compose svg { width:17px; height:17px; color:#6b865d; }
.pv-mingyi-voice { position:absolute; left:3%; bottom:79px; display:flex; align-items:center; gap:14px; padding:17px 21px; border:1px solid #67805d; border-radius:12px; background:#374e34; color:#c3d9b3; box-shadow:0 16px 35px rgba(0,0,0,.3); }
.pv-mingyi-voice>span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; border:1px solid #75946a; }
.pv-mingyi-voice>span svg { width:18px; height:18px; }
.pv-mingyi-voice small { display:block; color:#bdcca9; font-size:10px; margin-bottom:7px; }
.pv-wave { display:flex; align-items:center; gap:4px; height:16px; }
.pv-wave i { width:3px; height:9px; border-radius:2px; background:#b6cc9f; animation:pvWave 1.8s ease-in-out infinite; }
.pv-wave i:nth-child(2n) { height:15px; animation-delay:.3s; }
.pv-wave i:nth-child(3n) { height:12px; animation-delay:.65s; }
.pv-mingyi-poster { position:absolute; right:2.5%; bottom:40px; width:25%; padding:20px 16px; transform:rotate(8deg); border:1px solid #a8b599; border-radius:5px; background:linear-gradient(155deg,#bccaa5,#d7dfbf); box-shadow:0 18px 38px rgba(0,0,0,.32); }
.pv-mingyi-poster small { display:block; margin-bottom:20px; color:#74815d; font-size:8px; }
.pv-mingyi-poster>span { color:#61764d; font-size:18px; line-height:1.55; }
.pv-mingyi-poster strong { color:#3e5834; font-size:26px; font-weight:500; }
.pv-mingyi-poster>i { display:block; color:#7b925e; margin-top:17px; }
.pv-mingyi-poster svg { width:21px; height:21px; }

@media(max-width:700px) {
  .pv-scene { height:420px; border-radius:18px; }
  .pv-scene .pv-demo { left:17px; top:16px; font-size:9px; }
  .pv-wv-window { top:65px; left:3%; width:92%; }
  .pv-window-bar { height:27px; gap:10px; padding:0 10px; font-size:7px; }
  .pv-window-bar>span:last-child { font-size:6px; letter-spacing:.5px; }
  .pv-wv-brand { aspect-ratio:4.5; }
  .pv-wv-work { min-height:174px; }
  .pv-wv-side { padding:18px 8px; gap:18px; }
  .pv-wv-side svg { width:14px; height:14px; }
  .pv-wv-materials { padding:14px 12px 17px; }
  .pv-wv-title { margin-bottom:10px; }
  .pv-wv-title strong { font-size:11px; }
  .pv-wv-title>span { font-size:8px; }
  .pv-wv-tiles { gap:7px; }
  .pv-wv-tiles img { height:65px; }
  .pv-wv-tiles figcaption { font-size:8px; padding:7px 3px; }
  .pv-wv-flow { margin-top:14px; gap:4px; font-size:8px; }
  .pv-wv-floating { right:4%; bottom:42px; padding:12px 16px; gap:10px; }
  .pv-mini-icon { width:31px; height:31px; border-radius:7px; }
  .pv-mini-icon svg { width:17px; height:17px; }
  .pv-wv-floating strong { font-size:12px; }
  .pv-wv-floating small { font-size:7px; margin-bottom:5px; }
  .pv-wv-caption { bottom:20px; font-size:7px; gap:17px; }
  .pv-app-phone { top:29px; left:29%; width:47%; height:345px; padding:5px; border-radius:28px; }
  .pv-phone-island { width:51px; height:13px; top:11px; }
  .pv-app-screen { border-radius:21px; padding:29px 12px 17px; }
  .pv-app-brand { font-size:11px; gap:7px; margin-bottom:13px; }
  .pv-app-brand img { width:20px; height:20px; border-radius:5px; }
  .pv-app-welcome { margin-top:15px; }
  .pv-app-welcome>span { font-size:8px; margin-bottom:6px; }
  .pv-app-welcome>strong { font-size:12px; }
  .pv-app-shortcuts { margin-top:13px; gap:5px; }
  .pv-app-shortcuts>div { padding:8px 2px; gap:6px; border-radius:7px; }
  .pv-app-shortcuts svg { width:15px; height:15px; }
  .pv-app-shortcuts span { font-size:8px; }
  .pv-app-prompt { margin-top:13px; padding:8px; font-size:6px; gap:4px; }
  .pv-app-prompt svg { width:10px; height:10px; }
  .pv-app-note { left:3%; top:250px; gap:10px; padding:13px 14px; border-radius:10px; }
  .pv-app-note small { font-size:8px; margin-bottom:5px; }
  .pv-app-note strong { font-size:11px; }
  .pv-app-note>span svg { width:17px; height:17px; }
  .pv-app-release { bottom:18px; font-size:9px; }
  .pv-inswind-word { top:59px; font-size:47px; }
  .pv-glasses-stage { top:110px; height:228px; }
  .pv-pin-vision { top:139px; left:17%; }
  .pv-pin-voice { top:171px; right:10%; }
  .pv-glasses-pin { font-size:8px; gap:6px; }
  .pv-glasses-pin::after { height:31px; }
  .pv-glasses-capabilities { left:14%; right:14%; bottom:55px; gap:14px; }
  .pv-glasses-capabilities>span { gap:6px; }
  .pv-glasses-capabilities svg { width:16px; height:16px; }
  .pv-glasses-capabilities small { font-size:10px; }
  .pv-glasses-caption { bottom:25px; font-size:9px; }
  .pv-drama-center { top:35px; left:28%; width:44%; height:328px; border-radius:25px; }
  .pv-drama-left { top:91px; left:3%; width:29%; height:243px; border-radius:11px; }
  .pv-drama-right { top:86px; right:3%; width:29%; height:243px; border-radius:11px; }
  .pv-drama-left>span,.pv-drama-right>span { font-size:8px; padding:22px 5px 13px; letter-spacing:0; }
  .pv-drama-island { width:49px; height:13px; top:7px; }
  .pv-drama-title { left:17px; right:13px; bottom:30px; }
  .pv-drama-title small { font-size:7px; letter-spacing:1.5px; margin-bottom:10px; }
  .pv-drama-title strong { font-size:24px; }
  .pv-drama-title>span { width:26px; height:26px; margin-top:12px; }
  .pv-drama-title svg { width:12px; height:12px; }
  .pv-drama-progress { bottom:14px; left:17px; right:17px; }
  .pv-drama-bottom { bottom:21px; gap:15px; }
  .pv-drama-bottom>span { font-size:9px; }
  .pv-search-card { top:56px; left:8%; width:84%; padding:17px 18px; }
  .pv-search-label { margin-bottom:13px; font-size:7px; }
  .pv-search-query { font-size:11px; gap:9px; }
  .pv-search-query svg { width:15px; height:15px; }
  .pv-search-answer { margin:15px 0 0 24px; gap:6px; }
  .pv-search-answer i { height:2px; }
  .pv-geo-core { top:46%; width:75px; height:75px; border-radius:18px; }
  .pv-geo-core>span { font-size:8px; }
  .pv-geo-core>strong { font-size:22px; }
  .pv-geo-core>i { inset:-16px; }
  .pv-geo-steps { left:4%; right:4%; bottom:29px; gap:8px; }
  .pv-geo-steps>div { padding:13px 5px; border-radius:8px; }
  .pv-geo-steps>div>span { margin-bottom:8px; }
  .pv-geo-steps svg { width:17px; height:17px; }
  .pv-geo-steps small { font-size:6px; letter-spacing:.8px; }
  .pv-geo-steps strong { font-size:11px; }
  .pv-mingyi-board { top:58px; left:8%; width:78%; padding:18px; border-radius:12px; }
  .pv-mingyi-top { gap:9px; padding-bottom:13px; }
  .pv-mingyi-mark { width:31px; height:31px; font-size:19px; border-radius:8px; }
  .pv-mingyi-top strong { font-size:15px; }
  .pv-mingyi-top small { font-size:8px; }
  .pv-mingyi-store svg { width:21px; height:21px; }
  .pv-mingyi-question { margin:13px 0; padding:9px 10px; font-size:9px; }
  .pv-mingyi-answer { gap:10px; }
  .pv-mingyi-answer>span svg { width:18px; height:18px; }
  .pv-mingyi-answer p { font-size:16px; }
  .pv-mingyi-modules { margin-top:17px; gap:6px; }
  .pv-mingyi-modules>div { padding:10px 3px; gap:7px; }
  .pv-mingyi-modules svg { width:17px; height:17px; }
  .pv-mingyi-modules span { font-size:8px; }
  .pv-mingyi-compose { margin-top:15px; padding:9px 11px; font-size:8px; }
  .pv-mingyi-voice { left:2%; bottom:51px; padding:12px 14px; gap:10px; }
  .pv-mingyi-voice>span { width:28px; height:28px; }
  .pv-mingyi-voice small { font-size:8px; }
  .pv-mingyi-voice>span svg { width:15px; height:15px; }
  .pv-mingyi-poster { bottom:28px; right:2%; width:28%; padding:16px 12px; }
  .pv-mingyi-poster small { font-size:6px; margin-bottom:13px; }
  .pv-mingyi-poster>span { font-size:14px; }
  .pv-mingyi-poster strong { font-size:21px; }
  .pv-mingyi-poster>i { margin-top:12px; }
}
body[data-paused] .pv-scene *,body[data-paused] .pv-scene *::before,body[data-paused] .pv-scene *::after { animation-play-state:paused!important; }
body[data-paused] .pv-scene .pv-parallax { transition:none; }
@media(prefers-reduced-motion:reduce) {
  .pv-scene *, .pv-scene *::before, .pv-scene *::after { animation:none!important; transition:none!important; }
  .pv-scene .pv-parallax { transform:rotate(var(--pv-tilt,0deg)); }
}