https://hou.la/chunk-G6HEBS7P.js

1import{G as $,b as Z,c as z}from"./chunk-COBNBFGF.js";import"./chunk-P52SAZ7N.js";import"./chunk-G3PWCLSY.js";import"./chunk-372BPJQ3.js";import"./chunk-AFVSMPBC.js";import"./chunk-JUAHV2TC.js";import{a as K}from"./chunk-RMFEZUNF.js";import"./chunk-BXOGPMZZ.js";import"./chunk-NRC4EHFH.js";import"./chunk-S2LG7ZZI.js";import"./chunk-FRZHUY6N.js";import"./chunk-32B64V2R.js";import"./chunk-3XLVKQRY.js";import"./chunk-DJ5AJG3T.js";import"./chunk-SLPC3Y4V.js";import"./chunk-XIRWNEM2.js";import"./chunk-AAORKXGN.js";import"./chunk-KDGXQRVY.js";import"./chunk-Q2KKZV5J.js";import"./chunk-JICM7NVH.js";import{a as j}from"./chunk-AB6CKZTE.js";import{d as H,e as k}from"./chunk-DIGPPQJE.js";import{o as T,r as O,x as V}from"./chunk-EU6HCBUP.js";import{h as L}from"./chunk-KAJMKXZ6.js";import{D as B,l as P,m as D}from"./chunk-ZAQTNZYS.js";import{c as x}from"./chunk-SRTXE2HR.js";import{Fa as v,Ib as S,Jb as f,Kb as C,Lb as w,Uc as m,Vc as g,Wb as a,Xb as r,Yb as U,Zb as M,_b as I,ac as y,da as l,db as o,gc as h,hc as s,la as _,ma as F,sb as A,uc as c,vc as E,wc as d,xc as b,yb as p}from"./chunk-NTTV6FWH.js";import"./chunk-W7GRJBO5.js";function J(n,e){n&1&&(a(0,"div",3),U(1,"i",4),r())}function Y(n,e){n&1&&U(0,"i",16)}function q(n,e){if(n&1&&(a(0,"span",17),U(1,"i",18),r()),n&2){let t=s(2);o(),w("pi-pause",t.playing)("pi-play",!t.playing)}}function G(n,e){if(n&1&&(a(0,"p",19),c(1),r()),n&2){let t=s(2);o(),d(" ",t.audio.artistName," ")}}function Q(n,e){if(n&1&&(a(0,"p",25),c(1),r()),n&2){let t=s().$implicit;o(),E(t.title)}}function W(n,e){if(n&1){let t=y();a(0,"button",20),h("click",function(){let u=_(t).$implicit,R=s(2);return F(R.openVideo(u))}),a(1,"span",21)(2,"span",22),U(3,"i",23),c(4),r()(),p(5,Q,2,1,"p",24),r()}if(n&2){let t=e.$implicit,i=s(2);o(),C("background-image",t.thumbnailUrl?"url("+t.thumbnailUrl+")":""),f("appPreview",t.previewUrl),o(3),d(" ",i.count(t.viewCount),""),o(),f("ngIf",t.title)}}function X(n,e){n&1&&(a(0,"p",26),c(1),m(2,"translate"),r()),n&2&&(o(),d(" ",g(2,1,"SEARCH.EMPTY")," "))}function tt(n,e){if(n&1){let t=y();M(0),a(1,"section",5)(2,"button",6),m(3,"translate"),h("click",function(){_(t);let u=s();return F(u.togglePlay())}),p(4,Y,1,0,"i",7)(5,q,2,4,"span",8),r(),a(6,"div",9)(7,"p",10),c(8),m(9,"translate"),r(),p(10,G,2,1,"p",11),a(11,"p",12),c(12),m(13,"translate"),r()()(),a(14,"div",13),p(15,W,6,5,"button",14),r(),p(16,X,3,3,"p",15),I()}if(n&2){let t=s();o(2),C("background-image",t.cover?"url("+t.cover+")":""),w("is-playing",t.playing)("no-cover",!t.cover),f("disabled",!t.canPlay),S("aria-label",g(3,16,"APP.PLAY")),o(2),f("ngIf",!t.cover),o(),f("ngIf",t.canPlay),o(3),d(" ",(t.audio==null?null:t.audio.title)||g(9,18,"AUDIO.ORIGINAL")," "),o(2),f("ngIf",t.audio==null?null:t.audio.artistName),o(2),b(" ",t.count(t.total)," ",g(13,20,"AUDIO.USES")," "),o(3),f("ngForOf",t.videos),o(),f("ngIf",!t.videos.length)}}var N=class n{route=l(T);router=l(O);http=l(L);platformId=l(v);seo=l(K);loading=!0;audio=null;videos=[];total=0;audioId="";playing=!1;audioEl;get canPlay(){return!!this.audio?.hasPreview}get streamUrl(){return`/api/audio/${this.audioId}/preview-stream`}ngOnInit(){let e=this.route.snapshot.paramMap.get("id");if(this.audioId=e||"",e&&(this.seo.setSeoFromSnapshop(this.route.snapshot),this.seo.updateOgUrl(`${j.app}/a/audio/${encodeURIComponent(e)}`)),!e||!x(this.platformId)){this.loading=!1;return}this.http.get(`/api/audio/${e}/contents?page=1&limit=40`).subscribe({next:t=>{this.audio=t.audio||null,this.total=t.pagination?.total??(t.contents?.length||0),this.videos=(t.contents||[]).map(i=>i.videoContent).filter(Boolean).map(i=>({id:i.id,title:i.title||i.description||"",thumbnailUrl:i.thumbnailUrl||void 0,previewUrl:Z(i),viewCount:i.viewCount??0})),this.loading=!1,this.audio?.title&&this.seo.updateTitle(`${this.audio.title} \xB7 Hou.la`)},error:()=>this.loading=!1})}get cover(){return this.audio?.coverUrl||this.audio?.artistPhotoUrl||null}ngOnDestroy(){this.audioEl&&(this.audioEl.pause(),this.audioEl.src="")}togglePlay(){!x(this.platformId)||!this.audioId||!this.canPlay||(this.audioEl||(this.audioEl=new Audio(this.streamUrl),this.audioEl.addEventListener("ended",()=>this.playing=!1),this.audioEl.addEventListener("pause",()=>this.playing=!1),this.audioEl.addEventListener("play",()=>this.playing=!0)),this.audioEl.paused?this.audioEl.play().catch(()=>{}):this.audioEl.pause())}openVideo(e){this.router.navigate(["/live","video",e.id],{queryParams:{audio:this.audioId}})}back(){this.router.navigate(["/a","for-you"])}count(e){let t=e||0;return t>=1e6?(t/1e6).toFixed(1).replace(".0","")+"M":t>=1e3?(t/1e3).toFixed(1).replace(".0","")+"K":String(t)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=A({type:n,selectors:[["app-audio-page"]],decls:4,vars:2,consts:[[1,"ap"],["class","ap__loading",4,"ngIf"],[4,"ngIf"],[1,"ap__loading"],[1,"pi","pi-spin","pi-spinner"],[1,"ap__hero"],["type","button",1,"ap__disc",3,"click","disabled"],["class","pi pi-music ap__disc-fallback",4,"ngIf"],["class","ap__play",4,"ngIf"],[1,"ap__meta"],[1,"ap__title"],["class","ap__artist",4,"ngIf"],[1,"ap__uses"],[1,"ap__grid"],["type","button","class","apv",3,"click",4,"ngFor","ngForOf"],["class","ap__empty",4,"ngIf"],[1,"pi","pi-music","ap__disc-fallback"],[1,"ap__play"],[1,"pi"],[1,"ap__artist"],["type","button",1,"apv",3,"click"],[1,"apv__thumb",3,"appPreview"],[1,"apv__views"],[1,"pi","pi-play"],["class","apv__title",4,"ngIf"],[1,"apv__title"],[1,"ap__empty"]],template:function(t,i){t&1&&(a(0,"app-shell")(1,"div",0),p(2,J,2,0,"div",1)(3,tt,17,22,"ng-container",2),r()()),t&2&&(o(2),f("ngIf",i.loading),o(),f("ngIf",!i.loading))},dependencies:[B,P,D,V,k,H,$,z],styles:['@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;

1src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;

1src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;

1src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[_nghost-%COMP%]{--paper: #0a0a14;--surface: #12121e;--surface-2: #1a1a2e;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .66);--ink-muted: rgba(255, 255, 255, .45);--accent: #2f8eef;--accent-bright: #54a6f6;--live: #ff3b30;--error: #ef4444;--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--topbar: 64px;--story-ring-a: #ffc83a;--story-ring-b: #ff7a1a;--story-ring-seen: rgba(255, 255, 255, .22);display:block;color:var(--ink);font-family:Inter,system-ui,sans-serif}*[_ngcontent-%COMP%]{box-sizing:border-box}button[_ngcontent-%COMP%]{font-family:inherit;cursor:pointer}.ap[_ngcontent-%COMP%]{max-width:980px;margin:0 auto;padding:0 20px 60px}.ap__top[_ngcontent-%COMP%]{display:flex;align-items:center;gap:16px;height:64px}.ap__back[_ngcontent-%COMP%]{width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--ink);display:flex;align-items:center;justify-content:center}.ap__logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:22px;display:block}.ap__loading[_ngcontent-%COMP%]{text-align:center;padding:80px;color:var(--ink-muted)}.ap__loading[_ngcontent-%COMP%]   .pi[_ngcontent-%COMP%]{font-size:30px}.ap__hero[_ngcontent-%COMP%]{display:flex;align-items:center;gap:20px;padding:20px 0 28px}.ap__disc[_ngcontent-%COMP%]{position:relative;width:110px;height:110px;flex-shrink:0;border:none;border-radius:50%;background:var(--surface-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);box-shadow:0 20px 50px #00000080;cursor:pointer}.ap__disc.no-cover[_ngcontent-%COMP%]{background:linear-gradient(135deg,var(--accent),#1f6fd0);color:#fff}.ap__disc[disabled][_ngcontent-%COMP%]{cursor:default}.ap__disc[_ngcontent-%COMP%]:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid rgba(255,255,255,.2);z-index:2}.ap__disc.is-playing[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_apspin 4s linear infinite}.ap__disc-fallback[_ngcontent-%COMP%]{font-size:40px}.ap__play[_ngcontent-%COMP%]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3}.ap__play[_ngcontent-%COMP%]   .pi[_ngcontent-%COMP%]{font-size:26px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}@keyframes _ngcontent-%COMP%_apspin{to{transform:rotate(360deg)}}.ap__title[_ngcontent-%COMP%]{margin:0;font-size:26px;font-weight:800}.ap__artist[_ngcontent-%COMP%]{margin:4px 0 0;color:var(--ink-muted)}.ap__uses[_ngcontent-%COMP%]{margin:10px 0 0;font-size:13px;color:var(--accent);font-weight:600}.ap__grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.apv[_ngcontent-%COMP%]{background:none;border:none;text-align:left;color:var(--ink);padding:0}.apv__thumb[_ngcontent-%COMP%]{display:block;width:100%;aspect-ratio:9/14;border-radius:12px;background:var(--surface-2) center/cover no-repeat;position:relative}.apv__views[_ngcontent-%COMP%]{position:absolute;

1left:8px;bottom:8px;font-size:11px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);display:flex;align-items:center;gap:4px}.apv__views[_ngcontent-%COMP%]   .pi[_ngcontent-%COMP%]{font-size:10px}.apv__title[_ngcontent-%COMP%]{margin:6px 0 0;font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap__empty[_ngcontent-%COMP%]{color:var(--ink-muted);text-align:center;padding:40px}@media (max-width: 860px){.ap__grid[_ngcontent-%COMP%]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 520px){.ap__grid[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}.ap__disc[_ngcontent-%COMP%]{width:80px;height:80px}.ap__title[_ngcontent-%COMP%]{font-size:20px}}']})};export{N as AudioPageComponent};