.homepage-title-switch[data-v-03814d0f]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:12px;margin:0;font-weight:800;display:flex;background:0 0!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important}.title-tab-btn[data-v-03814d0f]{letter-spacing:-.02em;color:var(--muted);font-size:clamp(1.4rem,5.5vw,2.2rem);line-height:1.1;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block;position:relative}.title-tab-btn.active[data-v-03814d0f]{-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #ff5c7a26);background:linear-gradient(90deg,#ff7142 0%,#ff3b68 50%,#9e36f3 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,6vw,2.6rem)}.title-tab-btn[data-v-03814d0f]:not(.active):hover{color:var(--text-strong);transform:scale(1.05)}.title-tab-divider[data-v-03814d0f]{color:#1e182b26;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:400}[data-v-03814d0f] .shortfilm-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}[data-v-03814d0f] .shortfilm-item{min-width:0}.home-list-section[data-v-03814d0f]{width:100%}@media (width<=640px){[data-v-03814d0f] .shortfilm-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}:root{--bg:#fcfbfe;--bg-gradient:linear-gradient(135deg, #f6f3fa 0%, #fcfbfe 100%);--surface:#ffffffbf;--surface-strong:#fff;--surface-soft:#f5f2f9;--text:#5e566d;--text-strong:#1d182b;--muted:#978fa3;--border:#1e182b0f;--border-hover:#1e182b1f;--shadow-lg:0 20px 48px #1e182b0d;--shadow-md:0 10px 24px #1e182b0a;--shadow-sm:0 6px 12px #1e182b08;--accent:linear-gradient(135deg, #ff8161 0%, #ff5c7a 50%, #b34eff 100%);--accent-solid:#ff5c7a;--accent-glow:#ff5c7a2e;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font:16px/1.6 var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--bg-gradient) no-repeat fixed;min-height:100vh}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text-strong);font-family:var(--font-display);font-weight:700}h1{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff7142 0%,#ff3b68 50%,#9e36f3 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,7vw,3.2rem);font-weight:800;line-height:1.1}#app{flex-direction:column;width:min(100%,680px);min-height:100vh;margin:0 auto;display:flex}.container{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(20px);width:100%;min-height:calc(100vh - 24px);box-shadow:var(--shadow-lg);margin:12px auto;padding:24px 20px;overflow:hidden}.detail-container,.detail-container .shortfilm-header,.detail-container .shortfilm-header .shortfilm-image,.detail-container .shortfilm-description,.detail-container .recommended-section,.detail-container .description-content,.detail-container .recommended-item img,.detail-container .error-message{box-shadow:none}.header-center{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.header-center:after{content:"";background:var(--accent);opacity:.8;width:60px;height:3px;box-shadow:0 0 10px var(--accent-glow);border-radius:999px}.header-center h1{position:relative}.header-center h1:before,.header-center h1:after{content:"✨";-webkit-text-fill-color:initial;filter:drop-shadow(0 0 4px var(--accent-glow));margin:0 8px;font-size:1.2rem;display:inline-block}.filters-and-search{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;width:100%;margin-bottom:24px;display:grid}.filter-box,.search-box,.search-input-wrapper{min-width:0}.filter-box select,.search-input-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);width:100%;height:52px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.25,.8,.25,1)}.filter-box select{color:var(--text-strong);font:600 15px/1 var(--font-body);text-align:left;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(30,24,43,0.7)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding:0 38px 0 16px}.filter-box select:hover,.search-input-wrapper:hover{border-color:var(--border-hover);background:#fbf9fd}.search-input-wrapper{display:flex;overflow:hidden}.search-input-wrapper:focus-within{box-shadow:0 0 14px var(--accent-glow);background:#fff;border-color:#ff5c7a73}#search-input{min-width:0;color:var(--text-strong);font:500 15px/1 var(--font-body);background:0 0;border:0;outline:none;flex:auto;padding:0 16px}#search-input::placeholder{color:var(--muted)}#search-button{width:52px;color:var(--text);cursor:pointer;background:0 0;border:0;flex:0 0 52px;justify-content:center;align-items:center;transition:all .2s;display:flex}#search-button:hover{color:var(--text-strong);background:#1e182b0a}#search-button svg{width:20px;height:20px;display:block}.carousel-container{perspective:1000px;width:100%;height:260px;margin:0 0 10px;position:relative}.carousel{width:100%;height:100%;position:relative}.carousel-item{border-radius:var(--radius-lg);opacity:0;pointer-events:none;cursor:pointer;border:1px solid #fff9;width:172px;height:236px;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%)scale(.7)translateZ(-100px);box-shadow:0 15px 35px #1e182b1f}.carousel-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.carousel-caption{opacity:0;text-align:left;background:linear-gradient(#0000 0%,#ffffffd9 40%,#fffffffa 100%);flex-direction:column;gap:4px;padding:32px 12px 12px;transition:all .35s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.carousel-caption h4{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.carousel-caption-tag{color:#ff5c7a;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.carousel-item.active{z-index:5;opacity:1;pointer-events:auto;border-color:#ffffffe6;transform:translate(-50%)scale(1)translateZ(0);box-shadow:0 20px 40px #1e182b29,0 0 30px #ff5c7a1f}.carousel-item.active .carousel-caption{opacity:1;transform:translateY(0)}.carousel-item.active:hover img{transform:scale(1.05)}.carousel-item.prev,.carousel-item.next{opacity:.85;z-index:3;pointer-events:auto}.carousel-item.prev{transform:translate(-125%)scale(.8)rotateY(15deg)}.carousel-item.next{transform:translate(25%)scale(.8)rotateY(-15deg)}.carousel-item.far-prev,.carousel-item.far-next{opacity:.4;z-index:2}.carousel-item.far-prev{transform:translate(-165%)scale(.66)rotateY(25deg)}.carousel-item.far-next{transform:translate(65%)scale(.66)rotateY(-25deg)}.carousel-button{z-index:10;-webkit-backdrop-filter:blur(10px);width:40px;height:40px;color:var(--text);font:400 24px/1 var(--font-body);cursor:pointer;background:#fffc;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:45%;transform:translateY(-50%);box-shadow:0 8px 24px #1e182b0f}.carousel-button:hover{box-shadow:0 10px 28px #1e182b1a, 0 0 15px var(--accent-glow);color:var(--text-strong);background:#fff;border-color:#ff5c7a4d;transform:translateY(-50%)scale(1.05)}.carousel-button:active{transform:translateY(-50%)scale(.92)}.carousel-button.prev{left:4px}.carousel-button.next{right:4px}.shortfilm-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.shortfilm-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden}.shortfilm-item:hover{box-shadow:var(--shadow-md), 0 0 20px #ff5c7a0f;border-color:#ff5c7a33;transform:translateY(-4px)}.shortfilm-item .shortfilm-image{aspect-ratio:2/3;background:#f3f0f7;width:100%;position:relative;overflow:hidden}.shortfilm-item .shortfilm-image.new-tag:before{content:"NEW";z-index:2;color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ff4b6b 0%,#ff8b63 100%);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 4px 10px #ff4b6b4d}.shortfilm-item .shortfilm-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.25,1,.5,1)}.shortfilm-item:hover .shortfilm-image img{transform:scale(1.05)}.shortfilm-item .shortfilm-info{text-align:left;background:linear-gradient(#fff3 0%,#fffffff2 100%);flex-direction:column;flex-grow:1;gap:6px;padding:12px;display:flex}.shortfilm-item .shortfilm-info h3{color:var(--text-strong);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.shortfilm-item:hover .shortfilm-info h3{color:#ff5c7a}.shortfilm-item .shortfilm-meta{border-top:1px solid #1e182b0a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.shortfilm-item .shortfilm-meta span{font-size:11px;font-weight:500}.shortfilm-item .shortfilm-meta span:first-child{color:#ff5c7a;background:#ff5c7a0f;border-radius:4px;padding:1px 6px}.shortfilm-item .shortfilm-meta span:last-child{color:var(--muted)}.shortfilm-detail{text-align:left;flex-direction:column;gap:20px;width:100%;display:flex;overflow:hidden}#home-button,.container button:not(#search-button):not(.carousel-button):not(#promote-button){-webkit-backdrop-filter:blur(10px);min-height:38px;color:var(--text-strong);font:600 14px/1 var(--font-body);box-shadow:var(--shadow-sm);cursor:pointer;background:#fffc;border:1px solid #1e182b14;border-radius:999px;align-items:center;gap:6px;padding:0 16px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}#home-button:hover,.container button:not(#search-button):not(.carousel-button):not(#promote-button):hover{color:#ff5c7a;background:#fff;border-color:#ff5c7a4d;transform:translate(-2px);box-shadow:0 4px 12px #ff5c7a1a}#home-button{align-self:flex-start;box-shadow:none!important}.shortfilm-header{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-strong);width:100%;min-width:0;box-shadow:var(--shadow-md);align-items:flex-start;gap:20px;padding:20px;display:flex;position:relative;overflow:hidden}.shortfilm-header:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.shortfilm-header .shortfilm-image{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px solid #fffc;flex:0 0 220px;width:220px;overflow:hidden;box-shadow:0 12px 28px #1e182b14}.shortfilm-header .shortfilm-image img{object-fit:cover;width:100%;height:100%}.shortfilm-header .shortfilm-info{flex-direction:column;flex:auto;align-self:stretch;min-width:0;display:flex}.shortfilm-top{flex-direction:column;gap:10px;min-width:0;margin-bottom:auto;display:flex}#shortfilm-title{color:var(--text-strong);overflow-wrap:anywhere;font-size:clamp(1.25rem,4.5vw,1.75rem);font-weight:800;line-height:1.25}#shortfilm-language,#view-count{align-items:center;font-size:12px;font-weight:600;display:inline-flex}#shortfilm-language{color:#9e36f3;background:#9e36f312;border:1px solid #9e36f326;border-radius:6px;align-self:flex-start;padding:3px 10px}#view-count{color:var(--text);background:#1e182b08;border:1px solid #1e182b0d;border-radius:6px;align-self:flex-start;padding:3px 10px}#promote-button{border-radius:var(--radius-md);background:var(--accent);color:#fff;width:100%;min-height:46px;font:700 15px/1 var(--font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:0 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:2.5s infinite pulse-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #ff5c7a4d}#promote-button:before{content:"▶";margin-right:2px;font-size:11px}#promote-button:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%);width:30%;height:200%;animation:4s ease-in-out infinite shimmer-swipe;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}#promote-button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 25px #ff5c7a73,0 0 20px #9e36f333}#promote-button:active{transform:translateY(0)}.shortfilm-description,.recommended-section{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-strong);width:100%;min-width:0;box-shadow:var(--shadow-md);margin-top:0;padding:20px;overflow:hidden}.description-title{color:var(--text-strong);font:700 16px/1.2 var(--font-display);letter-spacing:-.01em;align-items:center;gap:6px;margin-bottom:14px;display:flex}.description-title:before{content:"";background:var(--accent);border-radius:99px;width:4px;height:15px;display:inline-block}.description-content{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text);padding:14px 16px;font-size:16px;line-height:1.7;overflow:hidden}.description-content p{overflow-wrap:anywhere}.recommended-container{width:100%;min-width:0;padding-bottom:4px;overflow:hidden}.recommended-wrapper{gap:12px;width:max-content;display:flex}.recommended-item{cursor:pointer;flex-direction:column;flex:0 0 128px;gap:6px;width:128px;transition:transform .25s;display:flex}.recommended-item:hover{transform:translateY(-3px)}.recommended-item img{border-radius:var(--radius-md);object-fit:cover;width:100%;height:171px;box-shadow:var(--shadow-sm);border:1px solid #1e182b0a;transition:border-color .2s}.recommended-item:hover img{border-color:#ff5c7a33}.recommended-item .title{color:var(--text-strong);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.loading-indicator,.error-message{text-align:center;flex-direction:column;justify-content:center;justify-self:stretch;align-items:center;gap:14px;min-height:180px;padding:24px 0;display:flex}.loading-indicator{color:var(--text);font-weight:600}.loading-spinner{border:4px solid #ff7b6414;border-top-color:var(--accent-solid);border-radius:50%;width:44px;height:44px;animation:.8s cubic-bezier(.5,.1,.5,.9) infinite spin;box-shadow:0 0 10px #ff7b6414}.error-message{border-radius:var(--radius-md);color:#ff4b6b;background:#ff4b6b0d;border:1px solid #ff4b6b26;padding:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer-swipe{0%{left:-70%}30%,to{left:150%}}@keyframes pulse-glow{0%{box-shadow:0 6px 16px #ff5c7a4d}50%{box-shadow:0 6px 24px #ff5c7a8c,0 0 15px #9e36f32e}to{box-shadow:0 6px 16px #ff5c7a4d}}@media (width<=640px){#app{width:100%}.container{-webkit-backdrop-filter:none;min-height:100vh;box-shadow:none;background:0 0;border-top:0;border-left:0;border-right:0;border-radius:0;margin:0;padding:20px 14px}.header-center{gap:8px;margin-bottom:20px}.filters-and-search{grid-template-columns:1fr 1.15fr;gap:8px}.filter-box select,.search-input-wrapper{border-radius:var(--radius-md);height:48px}.filter-box select,#search-input{font-size:13px}.filter-box select{background-position:right 10px center;background-size:14px;padding-right:32px}#search-button{flex-basis:48px;width:48px}.carousel-container{height:216px;margin-bottom:8px}.carousel-item{width:144px;height:198px;top:8px}.carousel-item.prev{transform:translate(-112%)scale(.78)rotateY(10deg)}.carousel-item.next{transform:translate(12%)scale(.78)rotateY(-10deg)}.carousel-item.far-prev{transform:translate(-145%)scale(.64)rotateY(18deg)}.carousel-item.far-next{transform:translate(45%)scale(.64)rotateY(-18deg)}.carousel-button{width:34px;height:34px;font-size:18px}.shortfilm-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shortfilm-item .shortfilm-info{padding:10px}.shortfilm-item .shortfilm-info h3{font-size:13px}.shortfilm-header{gap:14px;padding:14px}.shortfilm-header .shortfilm-image{aspect-ratio:3/4;flex-basis:156px;width:156px}#shortfilm-title{font-size:1.25rem}#shortfilm-language,#view-count{padding:2px 8px;font-size:11px}.description-content{padding:12px;font-size:15px}.recommended-item{flex-basis:112px;width:112px}.recommended-item img{height:149px}.recommended-item .title{font-size:13px}}.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}@media (width<=640px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.skeleton-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);flex-direction:column;height:240px;display:flex;position:relative;overflow:hidden}.skeleton-thumb{background:#eae7ef;width:100%;height:160px;position:relative;overflow:hidden}.skeleton-meta-box{flex-direction:column;flex-grow:1;gap:6px;padding:10px;display:flex}.skeleton-line{background:#eae7ef;border-radius:4px;height:10px;position:relative;overflow:hidden}.skeleton-line.title-line{width:85%;height:12px}.skeleton-line.sub-line{width:45%}.skeleton-shimmer:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff80 20%,#fffc 60%,#fff0 100%);animation:1.3s infinite skeleton-shimmer-pulse;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer-pulse{to{transform:translate(100%)}}.skeleton-detail-header{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-strong);gap:20px;width:100%;padding:20px;display:flex}.skeleton-detail-thumb{aspect-ratio:3/4;border-radius:var(--radius-md);background:#eae7ef;flex-shrink:0;width:220px;height:auto;position:relative;overflow:hidden}.skeleton-detail-info{flex-direction:column;flex-grow:1;gap:12px;display:flex}.skeleton-detail-info .title-line:last-child{border-radius:14px!important;width:100%!important;height:80px!important}@media (width<=640px){.skeleton-detail-header{gap:14px;padding:14px}.skeleton-detail-thumb{width:156px}.skeleton-detail-info .title-line:last-child{height:80px!important}}.loading-more-container{width:100%;height:52px;color:var(--muted);clear:both;justify-content:center;align-items:center;gap:8px;padding:12px 0 20px;font-size:13px;font-weight:500;display:flex}.loading-more-spinner{border:2px solid #ff5c7a26;border-top-color:var(--accent-solid);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.empty-state{text-align:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;margin:12px 0;padding:60px 24px;animation:.45s cubic-bezier(.25,.8,.25,1) forwards fade-in-up-empty;display:flex}.empty-icon{width:64px;height:64px;color:var(--accent-solid);background:#ff5c7a0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #ff5c7a0a}.empty-icon svg{width:32px;height:32px;stroke:var(--accent-solid)}.empty-title{color:var(--text-strong);font-size:15px;font-weight:700;margin:0 0 6px!important}.empty-desc{color:var(--muted);font-size:13px;margin:0!important}@keyframes fade-in-up-empty{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}