@font-face{font-family:Orbitron;src:url(/assets/orbitron-v35-latin-500-DQ2gt4P1.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/assets/orbitron-v35-latin-700-4jsRXGGJ.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-300-BVlfKGgI.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-regular-C38fXH4l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-500-Cerq10X2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-600-LgqL8muc.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root,[data-theme=dark]{--bg-grad: linear-gradient(135deg, #05050a, #0a0015);--card-bg: rgba(20, 20, 35, .62);--card-preview-bg: #0b0b1a;--card-preview-color: #555577;--card-border: rgba(0, 240, 255, .12);--card-border-hover: rgba(0, 240, 255, .35);--header-bg: rgba(10, 10, 20, .68);--header-border: rgba(0, 240, 255, .11);--modal-bg: rgba(0, 0, 0, .95);--modal-content-bg: rgba(15, 15, 40, .9);--modal-border: rgba(0, 240, 255, .25);--modal-header-border: rgba(255, 255, 255, .1);--modal-shadow: 0 0 100px rgba(0, 240, 255, .4);--search-bg: rgba(30, 30, 60, .78);--search-bg-focus: rgba(40, 40, 80, .9);--search-placeholder: #8090b0;--search-ring: rgba(0, 240, 255, .2);--search-ring-focus: rgba(0, 240, 255, .45);--accent: #00f0ff;--accent2: #ff00aa;--accent3: #c300ff;--text: #f0f4ff;--text-muted: #a0b0d0;--radius: 16px;--glow: rgba(0, 240, 255, .3);--glow2: rgba(255, 0, 170, .35);--load-border: rgba(0, 240, 255, .35);--load-color: #00f0ff;--count-color: rgba(0, 240, 255, .5);--footer-color: #7080a0;--footer-border: rgba(100, 100, 150, .18);--toggle-bg: rgba(0, 240, 255, .08);--toggle-border: rgba(0, 240, 255, .25);--toggle-color: #00f0ff;--zoom-bg: rgba(0, 0, 0, .45);--zoom-border: rgba(0, 240, 255, .35);--zoom-color: #00f0ff;--zoom-hover: rgba(0, 240, 255, .2)}[data-theme=light]{--bg-grad: linear-gradient(135deg, #eef2ff 0%, #f8f0ff 50%, #e8f8ff 100%);--card-bg: rgba(255, 255, 255, .82);--card-preview-bg: #e8eeff;--card-preview-color: #8899cc;--card-border: rgba(0, 180, 220, .18);--card-border-hover: rgba(0, 180, 220, .6);--header-bg: rgba(240, 246, 255, .82);--header-border: rgba(0, 180, 220, .2);--modal-bg: rgba(200, 210, 240, .6);--modal-content-bg: rgba(248, 250, 255, .97);--modal-border: rgba(0, 180, 220, .35);--modal-header-border: rgba(0, 180, 220, .15);--modal-shadow: 0 0 80px rgba(0, 153, 204, .25), 0 30px 80px rgba(0, 0, 0, .12);--search-bg: rgba(255, 255, 255, .72);--search-bg-focus: rgba(255, 255, 255, .95);--search-placeholder: #9aabcc;--search-ring: rgba(0, 180, 220, .25);--search-ring-focus: rgba(0, 180, 220, .55);--accent: #0099cc;--accent2: #cc0077;--accent3: #8800cc;--text: #0a1220;--text-muted: #5570a0;--radius: 16px;--glow: rgba(0, 153, 204, .28);--glow2: rgba(204, 0, 119, .3);--load-border: rgba(0, 153, 204, .4);--load-color: #0099cc;--count-color: rgba(0, 153, 204, .55);--footer-color: #7080a0;--footer-border: rgba(0, 150, 200, .15);--toggle-bg: rgba(0, 153, 204, .08);--toggle-border: rgba(0, 153, 204, .3);--toggle-color: #0099cc;--zoom-bg: rgba(255, 255, 255, .7);--zoom-border: rgba(0, 119, 182, .4);--zoom-color: #0077b6;--zoom-hover: rgba(0, 119, 182, .18)}*,*:before,*:after{transition:background-color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}.card,nav a,nav a:after,.auth-btns button,.download-btn,#searchInput,.theme-toggle,.load-more-btn,.zoom-btn{transition:background-color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.19,1,.22,1),width .4s ease,opacity .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-grad);color:var(--text);min-height:100vh;overflow-x:hidden}[data-theme=light] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:linear-gradient(rgba(0,153,204,1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,204,1) 1px,transparent 1px);background-size:48px 48px}header{position:fixed;inset:0 0 auto;z-index:1000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:1.2rem 5%;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 7s linear infinite;transition:none!important}@keyframes gradientFlow{0%{background-position:0%}to{background-position:200%}}nav a{color:var(--text-muted);text-decoration:none;margin-left:2.5rem;font-weight:500;position:relative}nav a:hover,nav a.active{color:var(--accent)}nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2.5px;background:var(--accent)}nav a:hover:after,nav a.active:after{width:100%}.theme-toggle{background:var(--toggle-bg);border:1.5px solid var(--toggle-border);color:var(--toggle-color);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;position:relative;overflow:hidden;flex-shrink:0}.theme-toggle:hover{box-shadow:0 0 18px var(--glow);transform:rotate(20deg) scale(1.08)}.theme-toggle .icon-moon,.theme-toggle .icon-sun{position:absolute;transition:opacity .35s ease,transform .45s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .icon-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=light] .icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=light] .icon-sun{opacity:1;transform:rotate(0) scale(1)}.auth-btns button{background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:.65rem 1.5rem;border-radius:999px;margin-left:1.2rem;font-weight:500;cursor:pointer}.auth-btns button:hover{background:var(--accent);color:#fff;box-shadow:0 0 25px var(--glow)}.auth-btns .signup{border-color:var(--accent2);color:var(--accent2)}.auth-btns .signup:hover{background:var(--accent2);color:#fff;box-shadow:0 0 25px var(--glow2)}footer{text-align:center;padding:4rem 1rem 3rem;color:var(--footer-color);border-top:1px solid var(--footer-border);position:relative;z-index:1}main{padding-top:120px;position:relative;z-index:1}.hero-search{text-align:center;padding:7vh 5% 10vh}.hero-search h1{font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,10vw,7rem);margin-bottom:.6rem;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3),var(--accent));background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 12s linear infinite;transition:none!important}[data-theme=light] .hero-search h1{filter:drop-shadow(0 2px 8px rgba(0,153,204,.18))}#searchInput{width:min(94%,680px);padding:1.3rem 2rem;font-size:1.2rem;border:none;border-radius:999px;background:var(--search-bg);backdrop-filter:blur(14px);color:var(--text);outline:none;box-shadow:0 0 0 2px var(--search-ring),inset 0 3px 15px #00000014;margin:2.5rem 0 1.5rem}#searchInput:focus{box-shadow:0 0 0 4px var(--search-ring-focus);background:var(--search-bg-focus)}#searchInput::placeholder{color:var(--search-placeholder)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;padding:0 5% 3rem;max-width:2000px;margin:0 auto}.card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-border);backdrop-filter:blur(12px);cursor:pointer;animation:cardIn .4s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover{transform:translateY(-16px) scale(1.05);border-color:var(--card-border-hover)}[data-theme=dark] .card:hover{box-shadow:0 30px 60px -15px #00f0ff40,0 0 40px #ff00aa29}[data-theme=light] .card:hover{box-shadow:0 24px 56px -12px #0099cc38,0 0 32px #cc00771a}.card-preview{height:200px;background:var(--card-preview-bg);display:flex;align-items:center;justify-content:center;color:var(--card-preview-color);font-size:1.2rem;border-bottom:1px solid var(--card-border);font-family:Orbitron,sans-serif;font-weight:500;letter-spacing:.04em;position:relative;overflow:hidden}[data-theme=light] .card-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,153,204,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,204,.07) 1px,transparent 1px);background-size:24px 24px}[data-theme=light] .card-preview .motion-label{position:relative;z-index:1;background:linear-gradient(90deg,#09c,#c07);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.card-info{padding:1.5rem 1.6rem}.card-title{font-size:1.32rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.card-subtitle{color:var(--text-muted);font-size:.96rem}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 5% 6rem}.load-more-count{font-size:.92rem;color:var(--count-color);font-family:Orbitron,sans-serif;letter-spacing:.08em;font-weight:500}.load-more-btn{background:transparent;border:1.5px solid var(--load-border);color:var(--load-color);padding:1rem 3.2rem;border-radius:999px;font-size:1.05rem;font-weight:600;font-family:Orbitron,sans-serif;letter-spacing:.06em;cursor:pointer;position:relative;overflow:hidden}.load-more-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,240,255,.08),transparent);transform:translate(-100%);transition:transform .55s ease}[data-theme=light] .load-more-btn:before{background:linear-gradient(90deg,transparent,rgba(0,153,204,.1),transparent)}.load-more-btn:hover:before{transform:translate(100%)}.load-more-btn:hover{box-shadow:0 0 30px var(--glow);border-color:var(--accent)}.load-more-btn:active{transform:scale(.97)}.hero-subtitle{margin:2rem auto 0;max-width:760px;font-size:1.18rem;line-height:1.65;font-weight:500;text-align:center;padding:0 1.2rem;position:relative}[data-theme=dark] .hero-subtitle{background:linear-gradient(90deg,#00f0ff,#f0a,#c300ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:neonPulse 3.5s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 10px rgba(0,240,255,.5),0 0 25px rgba(255,0,170,.3)}to{text-shadow:0 0 20px rgba(0,240,255,.9),0 0 45px rgba(255,0,170,.7),0 0 60px rgba(195,0,255,.4)}}[data-theme=light] .hero-subtitle{color:#457;text-shadow:0 2px 12px rgba(0,153,204,.25)}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.6rem}header{flex-direction:column;gap:1.4rem;padding:1.4rem 6%}nav a{margin:0 1.4rem}.header-right{gap:.5rem}}:root,[data-theme=dark]{--bg-start: #05050a;--bg-end: #0a0015;--header-bg: rgba(10, 10, 20, .68);--header-border: rgba(0, 240, 255, .11);--card-bg: rgba(20, 20, 35, .62);--card-border: rgba(0, 240, 255, .12);--accent: #00f0ff;--accent2: #ff00aa;--text: #f0f4ff;--text-muted: #a0b0d0;--footer-text: #7080a0;--footer-border: rgba(100, 100, 150, .18);--input-bg: rgba(30, 30, 60, .78);--create-box-bg: rgba(15, 15, 40, .7);--create-box-border: rgba(0, 240, 255, .2);--upload-bg: rgba(0, 240, 255, .04);--upload-hover-bg: rgba(255, 0, 170, .08);--upload-hover-shadow: rgba(255, 0, 170, .2);--radius: 16px}[data-theme=light]{--bg-start: #f0f6ff;--bg-end: #ffe8f8;--header-bg: rgba(255, 255, 255, .82);--header-border: rgba(0, 180, 200, .2);--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(0, 180, 200, .2);--accent: #0099bb;--accent2: #cc0088;--text: #0a0a1a;--text-muted: #445566;--footer-text: #778899;--footer-border: rgba(0, 0, 0, .1);--input-bg: rgba(255, 255, 255, .8);--create-box-bg: rgba(255, 255, 255, .72);--create-box-border: rgba(0, 180, 200, .3);--upload-bg: rgba(0, 180, 200, .05);--upload-hover-bg: rgba(200, 0, 130, .07);--upload-hover-shadow: rgba(200, 0, 130, .15);--toggle-track: rgba(0, 153, 187, .18);--toggle-thumb: var(--accent);--toggle-icon-color: #0a0a1a}main-page{padding-top:120px;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding-bottom:4rem}.create-container{text-align:center;max-width:700px;width:90%;padding:3rem 2rem;background:var(--create-box-bg);border-radius:24px;border:1px solid var(--create-box-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 60px #00f0ff1f;transition:background .4s,border-color .4s}.create-title{font-family:Orbitron,sans-serif;font-size:3.2rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.upload-area{margin:2.5rem 0;padding:4rem 2rem;border:3px dashed var(--accent);border-radius:20px;background:var(--upload-bg);transition:all .4s;cursor:pointer}.upload-area:hover,.upload-area.dragover{border-color:var(--accent2);background:var(--upload-hover-bg);box-shadow:0 0 30px var(--upload-hover-shadow)}.upload-text{font-size:1.4rem;margin-bottom:1rem;color:var(--text-muted)}.upload-hint{font-size:1.1rem;color:var(--accent)}.notices{margin-top:2rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.notice-item{margin:.8rem 0;padding-left:1.5rem;position:relative;color:var(--text-muted);font-size:.95rem}.notice-item:before{content:"•";position:absolute;left:0;color:var(--accent)}.progress-wrap{display:none;margin:2rem 0 .5rem;background:#00f0ff1a;border-radius:999px;height:8px;overflow:hidden;border:1px solid rgba(0,240,255,.2)}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:width .3s ease}.progress-label{display:none;font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.processing{display:none;flex-direction:column;align-items:center;margin:2.5rem 0}.spinner{width:60px;height:60px;border:6px solid rgba(0,240,255,.15);border-top:6px solid var(--accent);border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text{font-size:1.4rem;color:var(--accent);margin-bottom:.6rem}.processing-sub{color:var(--text-muted);font-size:.95rem}.result-area{display:none;flex-direction:column;align-items:center;gap:1.4rem;margin-top:1rem}.result-area p{color:var(--text-muted);font-size:1rem;max-width:460px;line-height:1.6}.result-area h2{font-family:Orbitron,sans-serif;font-size:1.8rem;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary{background:linear-gradient(90deg,var(--accent),#0099cc);color:#000;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #00f0ff59;transition:all .4s}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00f0ff80}.btn-secondary{background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:.9rem 2.2rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .35s}.btn-secondary:hover{background:#00f0ff14}.error-box{display:none;background:#ff3c3c1a;border:1.5px solid rgba(255,80,80,.4);border-radius:14px;padding:1.2rem 1.6rem;color:#f88;font-size:.95rem;text-align:left;width:100%;max-width:460px;line-height:1.6}.file-chip{display:none;align-items:center;gap:.7rem;background:#00f0ff12;border:1px solid rgba(0,240,255,.2);border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.file-chip .chip-name{color:var(--text);font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:.6rem}@media (max-width: 768px){header{flex-direction:column;gap:1.2rem;padding:1.4rem 6%}nav a{margin:0 1.2rem}.create-title{font-size:2.2rem}}.detail-main{padding-top:100px;min-height:100vh;position:relative;z-index:1}.detail-breadcrumb{padding:1.6rem 5% 0;display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-muted)}.detail-breadcrumb a{color:var(--accent);text-decoration:none;font-weight:500}.detail-breadcrumb a:hover{text-decoration:underline}.detail-breadcrumb .sep{opacity:.45}.detail-heading{padding:1.4rem 5% 2rem}.detail-heading h1{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,4vw,3rem);background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3),var(--accent));background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 10s linear infinite;transition:none!important;line-height:1.2}.detail-heading .cn-sub{margin-top:.5rem;color:var(--text-muted);font-size:1.05rem}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0 5% 5rem;max-width:1600px;margin:0 auto;align-items:start}.section-label{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.35}.demo-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(12px)}.demo-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center}.demo-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.demo-no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted);font-size:.95rem;width:100%;aspect-ratio:16/9;background:var(--card-preview-bg)}.demo-no-video .no-video-icon{font-size:3rem;opacity:.4}.demo-footer{padding:1.2rem 1.6rem;border-top:1px solid var(--card-border);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-badge{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent);background:#00f0ff0f}[data-theme=light] .demo-badge{background:#0099cc14}.player-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(12px);display:flex;flex-direction:column}.player-header{padding:1.2rem 1.6rem;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.player-title{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.player-canvas-wrap{position:relative;width:100%;aspect-ratio:4/3;background:var(--card-preview-bg);flex:1}#three-container{width:100%;height:100%;position:absolute;inset:0}#loadingOverlay{position:absolute;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--accent);font-size:1rem;font-family:Orbitron,sans-serif;letter-spacing:.08em;z-index:5}.loading-spinner{width:42px;height:42px;border:3px solid rgba(0,240,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-zoom-controls{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;z-index:10}.zoom-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--zoom-border);background:var(--zoom-bg);color:var(--zoom-color);font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none;position:relative;transition:background .25s,box-shadow .25s,transform .2s!important}.zoom-btn:hover{background:var(--zoom-hover);box-shadow:0 0 16px var(--glow);transform:scale(1.13)!important}.zoom-btn:active{transform:scale(.92)!important}.zoom-btn.zoom-reset{font-size:.78rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:0}.zoom-btn:after{content:attr(data-tip);position:absolute;right:50px;top:50%;transform:translateY(-50%);background:#000000d9;color:#fff;font-size:.74rem;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease!important;font-family:Inter,sans-serif;font-weight:500}.zoom-btn:hover:after{opacity:1}.player-footer{padding:1.2rem 1.6rem;border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.download-btn{background:linear-gradient(90deg,var(--accent),#0099dd);color:#000;border:none;padding:.85rem 2.2rem;border-radius:999px;font-size:1rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 28px var(--glow);display:flex;align-items:center;gap:.5rem;transition:transform .25s,box-shadow .25s!important}[data-theme=light] .download-btn{color:#fff}.download-btn:hover{transform:translateY(-3px)!important;box-shadow:0 16px 40px var(--glow)!important}.download-btn:active{transform:translateY(0) scale(.97)!important}.audio-indicator{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem}.audio-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);animation:audioPulse 1.4s ease-in-out infinite}@keyframes audioPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.detail-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center;padding:2rem 5%}.detail-not-found h2{font-family:Orbitron,sans-serif;font-size:2rem;color:var(--text-muted)}.back-btn{background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:.85rem 2.4rem;border-radius:999px;font-size:1rem;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;letter-spacing:.06em;transition:background .25s,box-shadow .25s!important}.back-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 28px var(--glow)}.demo-video-wrap.iphone-style{position:relative;width:100%;max-width:320px;margin:0 auto;aspect-ratio:9 / 16;background:#ffffff0d;border:8px solid #222;border-radius:36px;box-shadow:0 20px 50px #00000080,inset 0 0 10px #ffffff1a;overflow:hidden;display:flex;align-items:center;justify-content:center}.transparent-video{width:100%;height:100%;object-fit:cover;background:transparent}.demo-video-wrap.iphone-style:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:18px;background:#222;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.detail-navigation{margin-bottom:20px}.back-link{text-decoration:none;color:var(--text-muted);font-size:1.3rem;display:flex;align-items:center;gap:6px;transition:color .2s}.back-link:hover{color:#00ffea}.back-link .arrow{font-size:1.1rem}.detail-heading-compact{text-align:center;margin-bottom:40px}.detail-heading-compact h1{font-size:1.5rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0;color:var(--text-main)}.detail-heading-compact .cn-sub{font-size:.85rem;color:var(--text-muted);margin-top:4px}@media (max-width: 960px){.detail-body{grid-template-columns:1fr}.player-canvas-wrap{aspect-ratio:4/3}}@media (max-width: 600px){.detail-heading h1{font-size:1.5rem}.player-footer{flex-direction:column;align-items:flex-start}.zoom-btn{width:36px;height:36px;font-size:1.1rem}}