:root{--bg-0: #07080c;--bg-1: #0a0c12;--bg-2: #0f121a;--bg-3: #151926;--bg-hover: #1a1f2e;--text-1: #f3f5fb;--text-2: #aab2c5;--text-3: #6b7283;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--accent-teal: #2fe6c8;--accent-indigo: #6f8bff;--accent-violet: #9a6bff;--accent-pink: #ff6bb3;--accent: var(--accent-indigo);--grad-spectral: linear-gradient( 100deg, var(--accent-teal) 0%, var(--accent-indigo) 38%, var(--accent-violet) 68%, var(--accent-pink) 100% );--grad-soft: linear-gradient(160deg, rgba(111, 139, 255, .18), rgba(154, 107, 255, .06));--glow-accent: 0 0 0 1px rgba(111, 139, 255, .35), 0 8px 40px -8px rgba(111, 139, 255, .45);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--fs-display: clamp(2.6rem, 6.2vw, 5.4rem);--fs-h1: clamp(2rem, 4vw, 3.2rem);--fs-h2: clamp(1.5rem, 2.6vw, 2.2rem);--fs-h3: clamp(1.15rem, 1.6vw, 1.4rem);--fs-body: clamp(.98rem, 1.1vw, 1.06rem);--fs-sm: .86rem;--fs-xs: .74rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--container: 1200px;--container-wide: 1400px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .6s;--header-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;color:var(--text-1);background:var(--bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}ul{list-style:none}::selection{background:#6f8bff59;color:#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1100px 600px at 78% -8%,rgba(111,139,255,.14),transparent 60%),radial-gradient(900px 700px at 8% 6%,rgba(47,230,200,.08),transparent 55%),radial-gradient(1200px 800px at 50% 120%,rgba(154,107,255,.12),transparent 60%);pointer-events:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}.container--wide{max-width:var(--container-wide)}.section{padding-block:clamp(var(--sp-8),9vw,var(--sp-10))}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);font-weight:600}.eyebrow:before{content:"";width:22px;height:1px;background:var(--grad-spectral)}.section-head{max-width:640px;margin-bottom:var(--sp-7)}.section-head h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.02em;margin-top:var(--sp-3)}.section-head p{color:var(--text-2);margin-top:var(--sp-3)}.text-grad{background:var(--grad-spectral);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:46px;padding-inline:var(--sp-5);border-radius:var(--r-full);font-weight:600;font-size:var(--fs-sm);letter-spacing:.01em;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{color:#0a0c12;background:var(--grad-spectral);box-shadow:0 8px 30px -8px #6f8bff99}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px #9a6bffb3}.btn--ghost{color:var(--text-1);border:1px solid var(--line-strong);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--accent);background:#6f8bff1a}.btn--sm{height:38px;padding-inline:var(--sp-4);font-size:var(--fs-xs)}.btn .ico{width:18px;height:18px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);border-bottom:1px solid transparent}.site-header.is-scrolled{background:#08090eb8;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom-color:var(--line)}.site-header .container{display:flex;align-items:center;gap:var(--sp-5)}.brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:800;font-size:1.18rem;letter-spacing:.04em}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--grad-spectral);position:relative;box-shadow:var(--glow-accent);flex-shrink:0}.brand-mark:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:5px;background:var(--bg-0)}.brand-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:var(--grad-spectral);z-index:1;-webkit-mask:radial-gradient(circle at 50% 50%,#000 28%,transparent 30%);mask:radial-gradient(circle at 50% 50%,#000 28%,transparent 30%)}.brand-name{background:linear-gradient(180deg,#fff,#c7cede);-webkit-background-clip:text;background-clip:text;color:transparent}.site-nav{display:flex;align-items:center;gap:var(--sp-2);margin-left:var(--sp-5)}.site-nav a{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);font-size:var(--fs-sm);color:var(--text-2);transition:color var(--dur-fast),background var(--dur-fast)}.site-nav a:hover{color:var(--text-1);background:#ffffff0d}.site-nav a.is-active{color:var(--text-1)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}.lang-switch{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-full);border:1px solid var(--line)}.lang-switch:hover{color:var(--text-1);border-color:var(--line-strong)}.icon-link{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-full);color:var(--text-2);border:1px solid var(--line)}.icon-link:hover{color:var(--text-1);border-color:var(--line-strong)}.menu-toggle{display:none;width:40px;height:40px;border-radius:var(--r-sm);margin-left:auto}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{content:"";display:block;width:20px;height:2px;background:var(--text-1);border-radius:2px;transition:transform var(--dur) var(--ease),opacity var(--dur-fast)}.menu-toggle span{position:relative;margin:0 auto}.menu-toggle span:before{position:absolute;top:-6px}.menu-toggle span:after{position:absolute;top:6px}body.nav-open .menu-toggle span{background:transparent}body.nav-open .menu-toggle span:before{transform:translateY(6px) rotate(45deg)}body.nav-open .menu-toggle span:after{transform:translateY(-6px) rotate(-45deg)}.mobile-drawer{position:fixed;inset:var(--header-h) 0 0 0;z-index:90;background:#07080cf5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}body.nav-open .mobile-drawer{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-drawer a{font-size:1.3rem;font-weight:600;padding:var(--sp-4) var(--sp-2);border-bottom:1px solid var(--line);color:var(--text-1)}.mobile-drawer .btn{margin-top:var(--sp-5);height:52px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:var(--header-h)}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to bottom,transparent,var(--bg-1));z-index:1;pointer-events:none}.hero .container{position:relative;z-index:2}.hero-inner{max-width:820px}.hero h1{font-size:var(--fs-display);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin-top:var(--sp-5)}.hero p.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--text-2);max-width:600px;margin-top:var(--sp-5)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-7)}.hero-scroll{position:absolute;bottom:var(--sp-6);left:50%;transform:translate(-50%);z-index:2;color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.hero-scroll .dot{width:22px;height:34px;border:1px solid var(--line-strong);border-radius:var(--r-full);position:relative}.hero-scroll .dot:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:6px;border-radius:2px;background:var(--accent);transform:translate(-50%);animation:scrollDot 1.8s var(--ease) infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,12px)}to{opacity:0}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.stat .num{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em}.stat .label{color:var(--text-3);font-size:var(--fs-sm);margin-top:var(--sp-1)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.feature{position:relative;padding:var(--sp-6);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-2);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-soft);opacity:0;transition:opacity var(--dur) var(--ease)}.feature:hover{transform:translateY(-4px);border-color:var(--line-strong)}.feature:hover:before{opacity:1}.feature>*{position:relative}.feature-ico{width:48px;height:48px;border-radius:var(--r-md);display:grid;place-items:center;background:#6f8bff1f;color:var(--accent-teal);margin-bottom:var(--sp-5)}.feature-ico svg{width:24px;height:24px}.feature h3{font-size:var(--fs-h3);letter-spacing:-.01em}.feature p{color:var(--text-2);margin-top:var(--sp-3);font-size:var(--fs-sm)}.gallery-toolbar{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.filter-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--text-2);transition:all var(--dur-fast) var(--ease)}.chip:hover{color:var(--text-1);border-color:var(--line-strong)}.chip.is-active{color:#0a0c12;background:var(--grad-spectral);border-color:transparent;font-weight:600}.search-box{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg-2);min-width:220px}.search-box input{background:none;border:none;color:var(--text-1);outline:none;width:100%;font-size:var(--fs-sm)}.search-box input::placeholder{color:var(--text-3)}.search-box svg{width:16px;height:16px;color:var(--text-3);flex-shrink:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-5)}.card{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--bg-2);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 20px 50px -20px #000c}.card-thumb{position:relative;aspect-ratio:4 / 3;overflow:hidden}.card-thumb .ph{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--dur-slow) var(--ease)}.card:hover .card-thumb .ph{transform:scale(1.06)}.card-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 30%,transparent 50%,rgba(0,0,0,.55));mix-blend-mode:multiply}.card-badge{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;background:#07080ca8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-strong)}.card-badge .dot3d{width:6px;height:6px;border-radius:50%;background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal)}.card-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;opacity:0;transition:opacity var(--dur) var(--ease)}.card:hover .card-play{opacity:1}.card-play span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#07080c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-strong);color:#fff}.card-play svg{width:22px;height:22px;margin-left:3px}.card-body{padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.card-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--grad-spectral)}.card-meta{min-width:0}.card-meta h4{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta p{font-size:var(--fs-xs);color:var(--text-3)}.card-stats{margin-left:auto;display:flex;gap:var(--sp-3);color:var(--text-3);font-size:var(--fs-xs);flex-shrink:0}.card-stats span{display:inline-flex;align-items:center;gap:4px}.card-stats svg{width:13px;height:13px}.page-hero{padding-top:calc(var(--header-h) + var(--sp-9));padding-bottom:var(--sp-7);position:relative}.page-hero h1{font-size:var(--fs-h1);letter-spacing:-.03em;margin-top:var(--sp-3)}.page-hero p{color:var(--text-2);max-width:560px;margin-top:var(--sp-3)}.cta-band{position:relative;border-radius:var(--r-xl);padding:clamp(var(--sp-7),6vw,var(--sp-9));text-align:center;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 140% at 50% 0%,rgba(111,139,255,.16),transparent 60%),var(--bg-2)}.cta-band h2{font-size:var(--fs-h2);letter-spacing:-.02em;max-width:600px;margin-inline:auto}.cta-band p{color:var(--text-2);max-width:520px;margin:var(--sp-4) auto 0}.cta-band .hero-cta{justify-content:center}.site-footer{border-top:1px solid var(--line);padding-block:var(--sp-8) var(--sp-6);margin-top:var(--sp-9)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-7)}.footer-brand p{color:var(--text-3);font-size:var(--fs-sm);margin-top:var(--sp-4);max-width:280px}.footer-col h5{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:var(--sp-4)}.footer-col a{display:block;color:var(--text-2);font-size:var(--fs-sm);padding:var(--sp-2) 0;transition:color var(--dur-fast)}.footer-col a:hover{color:var(--text-1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-6);border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal].is-in{opacity:1;transform:none}@media(max-width:960px){.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-6) var(--sp-5)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--header-h: 58px}.site-nav,.header-actions .lang-switch,.header-actions .btn{display:none}.menu-toggle{display:grid;place-items:center}.header-actions{gap:var(--sp-2)}.hero{align-items:flex-end;padding-bottom:var(--sp-9)}.hero-inner{max-width:100%}.hero-scroll{display:none}.search-box{margin-left:0;width:100%}.gallery-toolbar{gap:var(--sp-3)}}@media(max-width:520px){.container{padding-inline:var(--sp-4)}.stats{grid-template-columns:1fr 1fr;gap:var(--sp-4);padding:var(--sp-5)}.footer-grid,.gallery-grid{grid-template-columns:1fr}.hero-cta .btn{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}.viewer-page{min-height:100svh;padding:calc(var(--header-h) + var(--sp-5)) clamp(16px,2vw,32px) var(--sp-6)}.viewer-shell{width:100%;max-width:min(1720px,calc(100vw - 48px));margin-inline:auto}.viewer-copy{max-width:980px;margin-bottom:var(--sp-4)}.viewer-copy h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.03em;margin-top:var(--sp-3)}.viewer-copy p{color:var(--text-2);margin-top:var(--sp-3)}.viewer-frame{position:relative;width:100%;height:clamp(660px,78svh,940px);min-height:660px;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);box-shadow:0 24px 80px -40px #000000e6}body.viewer-fullscreen-open{overflow:hidden}.public-viewer{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:var(--bg-0)}.public-viewer.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100dvw;height:100dvh;min-height:100dvh;border-radius:0;background:#07080c}.public-viewer__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.public-viewer__canvas canvas{display:block;width:100%;height:100%}.public-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;color:var(--text-1);background:#07080cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-viewer__loading span{padding:var(--sp-3) var(--sp-5);border:1px solid var(--line-strong);border-radius:var(--r-full);background:#0f121adb}.public-viewer__hud{position:absolute;top:var(--sp-4);left:var(--sp-4);z-index:3;display:flex;gap:var(--sp-2);flex-wrap:wrap}.public-viewer__hud span,.public-viewer__help span{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-full);color:var(--text-2);font-size:var(--fs-xs);background:#07080cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-viewer__fullscreen{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:4;display:inline-flex;align-items:center;gap:8px;min-width:112px;height:40px;padding:0 var(--sp-4);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-full);color:#081018;font:inherit;font-size:var(--fs-sm);background:linear-gradient(100deg,#50ead8,#7895ff 48%,#ff6bbd);box-shadow:0 18px 48px -24px #5692ffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.public-viewer__fullscreen:hover{border-color:#ffffff5c;box-shadow:0 20px 56px -22px #5692fff2;transform:translateY(-1px)}.public-viewer__fullscreen span{font-size:1rem;line-height:1}.public-viewer__fullscreen b{font-weight:700}.public-viewer__fps{position:absolute;top:var(--sp-4);right:calc(var(--sp-4) + 124px);z-index:4;min-width:58px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-full);color:#ffffffdb;font-size:.69rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:center;background:#0000007a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.public-viewer.is-fullscreen .public-viewer__fullscreen{min-width:76px;height:36px;padding-inline:var(--sp-3);color:var(--text-1);font-size:var(--fs-xs);background:#07080cb8;box-shadow:0 14px 42px -28px #000000e6}.public-viewer.is-fullscreen .public-viewer__fullscreen:hover{background:#121620d1}.public-viewer__immersive-hint{position:absolute;top:calc(var(--sp-4) + 52px);right:var(--sp-4);z-index:4;width:min(300px,calc(100% - var(--sp-8)));padding:var(--sp-3);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-md);color:var(--text-1);background:#0a0c12d1;box-shadow:0 20px 60px -32px #000000eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-viewer__immersive-hint p{margin:0;color:var(--text-2);font-size:var(--fs-xs);line-height:1.45}.public-viewer__immersive-hint div{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.public-viewer__immersive-hint button{display:inline-flex;align-items:center;justify-content:center;height:30px;border:1px solid var(--line-strong);border-radius:var(--r-full);color:var(--text-1);font:inherit;font-size:var(--fs-xs);background:#ffffff14;transition:background .2s ease,border-color .2s ease}.public-viewer__immersive-hint button:first-child{flex:1;color:#081018;font-weight:700;background:linear-gradient(100deg,#50ead8,#7895ff 56%,#ff6bbd)}.public-viewer__immersive-hint button:last-child{width:30px;flex:0 0 auto;font-size:1.05rem;line-height:1}.public-viewer__immersive-hint button:hover{border-color:#ffffff57;background:#ffffff24}.public-viewer__panel{position:absolute;top:calc(var(--sp-4) + 48px);right:var(--sp-4);z-index:3;width:min(280px,calc(100% - var(--sp-8)));padding:var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:#0a0c12c2;box-shadow:0 18px 54px -28px #000000e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-viewer__panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.public-viewer__panel h2{margin:0;font-size:var(--fs-sm);letter-spacing:.08em;color:var(--text-1)}.public-viewer__panel-head button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;color:var(--text-1);font:inherit;font-size:1.1rem;line-height:1;background:#ffffff0f;cursor:pointer;transition:background .2s ease,border-color .2s ease}.public-viewer__panel-head button:hover{border-color:#ffffff57;background:#ffffff1f}.public-viewer__panel dl{display:grid;gap:var(--sp-2)}.public-viewer__panel dl>div{display:flex;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line)}.public-viewer__panel dl>div:last-child{padding-bottom:0;border-bottom:0}.public-viewer__panel dt{color:var(--text-3);font-size:var(--fs-xs)}.public-viewer__panel dd{max-width:150px;overflow:hidden;color:var(--text-1);font-size:var(--fs-xs);text-align:right;text-overflow:ellipsis;white-space:nowrap}.public-viewer__help{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:3;display:flex;gap:var(--sp-2);flex-wrap:wrap}.public-viewer__help--mobile{display:none}.public-viewer__joystick{position:fixed;z-index:20;width:84px;height:84px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#07080c52;pointer-events:none;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-viewer__joystick span{position:absolute;top:50%;left:50%;width:34px;height:34px;border-radius:50%;background:#ffffff47;box-shadow:0 8px 24px #00000047}.public-viewer.is-mobile-runtime .public-viewer__help--desktop{display:none}.public-viewer.is-mobile-runtime .public-viewer__help--mobile{display:flex}.empty-state{margin-top:var(--sp-6);color:var(--text-3);text-align:center}@media(max-width:768px){.viewer-page{padding:calc(var(--header-h) + var(--sp-4)) var(--sp-4) var(--sp-5)}.viewer-shell{max-width:100%}.viewer-frame{height:74svh;min-height:520px;border-radius:var(--r-md)}.public-viewer__hud{top:var(--sp-3);left:var(--sp-3);right:142px}.public-viewer__hud span,.public-viewer__help span{min-height:28px;padding:0 10px;font-size:.68rem}.public-viewer__fullscreen{top:var(--sp-3);right:var(--sp-3);min-width:122px;height:36px;padding-inline:12px;font-size:.76rem}.public-viewer__fps{top:var(--sp-3);right:calc(var(--sp-3) + 132px);padding:7px 9px;font-size:.68rem}.public-viewer.is-fullscreen .public-viewer__fullscreen{min-width:70px;height:32px;padding-inline:10px}.public-viewer.is-fullscreen .public-viewer__fps{right:calc(var(--sp-3) + 80px)}.public-viewer__immersive-hint{top:calc(var(--sp-3) + 44px);right:var(--sp-3);width:min(280px,calc(100% - var(--sp-6)));padding:10px}.public-viewer__panel{top:auto;right:var(--sp-3);bottom:calc(var(--sp-4) + 52px + env(safe-area-inset-bottom));left:var(--sp-3);width:auto;max-height:min(42svh,330px);padding:var(--sp-3);overflow:auto;border-radius:18px}.public-viewer__help{right:var(--sp-3);left:var(--sp-3);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}}@media(max-width:768px)and (orientation:landscape){.viewer-page{padding-top:calc(var(--header-h) + var(--sp-2))}.viewer-copy{display:none}.viewer-frame{height:calc(100svh - var(--header-h) - var(--sp-3));min-height:320px}.public-viewer__panel{top:56px;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(280px,34vw);max-height:calc(100dvh - 118px)}.public-viewer__fullscreen{min-width:112px}.public-viewer__fps{right:calc(var(--sp-3) + 122px)}.public-viewer__immersive-hint{top:52px;width:min(270px,36vw)}.public-viewer__help{right:34vw}}@media(orientation:landscape)and (max-height:520px){.viewer-copy{display:none}.viewer-page{padding:calc(var(--header-h) + var(--sp-2)) var(--sp-3) var(--sp-3)}.viewer-shell{max-width:100%}.viewer-frame{height:calc(100svh - var(--header-h) - var(--sp-3));min-height:300px;border-radius:var(--r-md)}.public-viewer__panel{top:56px;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,36vw);max-height:calc(100dvh - 118px)}.public-viewer__fullscreen{min-width:112px}.public-viewer__fps{right:calc(var(--sp-3) + 122px)}.public-viewer__immersive-hint{top:52px;width:min(270px,36vw)}.public-viewer__help{right:calc(36vw + var(--sp-3))}}@media(max-width:768px){.public-viewer.is-fullscreen .public-viewer__hud{top:calc(var(--sp-3) + env(safe-area-inset-top));left:calc(var(--sp-3) + env(safe-area-inset-left));right:calc(86px + env(safe-area-inset-right))}.public-viewer.is-fullscreen .public-viewer__fullscreen{top:calc(var(--sp-3) + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right))}.public-viewer.is-fullscreen .public-viewer__fps{top:calc(var(--sp-3) + env(safe-area-inset-top));right:calc(82px + env(safe-area-inset-right))}}@media(max-width:768px)and (orientation:landscape){.public-viewer.is-fullscreen .public-viewer__panel{top:calc(56px + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,36vw);max-height:calc(100dvh - 118px - env(safe-area-inset-top))}.public-viewer.is-fullscreen .public-viewer__help{right:calc(36vw + var(--sp-3))}}@media(orientation:landscape)and (max-height:520px){.public-viewer.is-fullscreen .public-viewer__panel{top:calc(56px + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,36vw);max-height:calc(100dvh - 118px - env(safe-area-inset-top))}.public-viewer.is-fullscreen .public-viewer__help{right:calc(36vw + var(--sp-3))}}