:root{--bg:#faf5ff;--surface:#ffffff;--surface2:#f3f4f6;--ink:#111827;--muted:#4b5563;--line:#e5e7eb;--accent:#9333ea;--accent2:#db2777;--on:#ffffff;--soft:#f3e8ff;--r:12px;--maxw:1280px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
img,video{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p,dl,dd,figure{margin:0}
h1,h2,h3,h4{line-height:1.3;letter-spacing:normal;font-weight:800}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mirror-raw{display:contents}
.app-shell{display:flex;flex-direction:column;min-height:100vh}
.app-shell main{flex:1 0 auto;width:100%}
.is-filter-hide{display:none!important}
.site-header{position:sticky;top:0;z-index:60}
.main-nav{display:flex;align-items:center;gap:4px;min-width:0}
.main-nav a{white-space:nowrap}
.hd-tools{display:flex;align-items:center;flex:none;margin-left:auto}
.hd-search{position:relative;flex:0 0 256px;width:256px;height:38px;margin:0}
.hd-search input{width:100%;height:38px;padding:0 40px 0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--ink);font-size:14px;outline:none;-webkit-appearance:none;appearance:none}
.hd-search input:focus{border-color:var(--accent)}
.hd-search button{position:absolute;top:4px;right:4px;width:30px;height:30px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:16px}
.hd-auth{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}
.hd-search+.hd-auth{margin-left:20px}
.hd-auth+.hd-auth{margin-left:12px}
.hd-reg{background:var(--accent);border-color:var(--accent);color:var(--on)}
.hd-menu{display:none;flex:none;width:42px;height:40px;margin-left:auto;padding:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;font-size:20px;line-height:1}
.mobile-panel{display:none}
@media (max-width:1023px){.main-nav,.hd-tools{display:none!important}
.hd-menu{display:grid;place-items:center}
.mobile-panel.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 58px);overflow-y:auto;padding:12px 16px 16px;border-top:1px solid var(--line);background:var(--surface);color:var(--ink)}}
.mobile-panel a{display:block;padding:10px 12px;border-radius:10px;background:var(--surface2);font-size:14px;text-align:center}
.m-search{display:flex;grid-column:1/-1;gap:8px;margin:0 0 4px}
.m-search input{flex:1 1 auto;min-width:0;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--ink);font-size:16px;-webkit-appearance:none;appearance:none}
.m-search button{flex:none;height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--accent);color:var(--on);font-weight:700}
.movie-grid{display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}
.movie-card{position:relative;min-width:0}
.f-input{min-width:0;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:15px;outline:none;-webkit-appearance:none;appearance:none}
.f-select{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background-color:var(--surface);color:var(--ink);font-size:14px}
.f-input:focus,.f-select:focus{border-color:var(--accent)}
.player-stage{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.player-stage video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#000}
.player-overlay{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:72px;height:72px;margin:-36px 0 0 -36px;padding:0;border:0;border-radius:999px;background:var(--accent);color:var(--on);font-size:26px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.play-error{position:absolute;right:0;bottom:0;left:0;z-index:3;margin:0;padding:10px;background:rgba(0,0,0,.72);color:#fff;font-size:14px;text-align:center}
[data-v2-dots]{display:flex;gap:8px}
[data-v2-dots] button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45)}
[data-v2-dots] button.is-active{width:26px;background:#fff}
.page-shell{width:100%;max-width:var(--maxw);margin:0 auto;padding:20px 24px 0}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.breadcrumb a{color:var(--accent)}
.page-shell>.page-hero{margin:14px 0 18px}
.page-shell>.page-hero h1{font-size:clamp(24px,3vw,34px)}
.page-shell>.page-hero p{margin-top:6px;color:var(--muted)}
.search-panel{display:flex;gap:10px;margin-bottom:22px}
.search-input{flex:1 1 auto;min-width:0;height:48px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.search-input:focus{border-color:var(--accent)}
.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:999px;font-weight:800;white-space:nowrap}
.primary-btn{border:0;background:var(--accent);color:var(--on)}
.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--ink)}
.section-block{margin-bottom:24px}
.section-block>p{color:var(--muted)}
.section-block>p a{color:var(--accent);font-weight:700}
.content-card{padding:clamp(18px,3vw,32px);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.about-copy h2{margin:26px 0 8px;font-size:20px}
.about-copy h2:first-child{margin-top:0}
.about-copy p{color:var(--muted);line-height:1.85}
.stack-actions-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:8px}
.detail-info-grid>div{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:var(--surface2)}
.detail-info-grid>div>span{flex:none;color:var(--muted)}
.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.filter-row a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface2)}
.auth-page{display:grid;place-items:center;min-height:calc(100vh - 300px);padding:48px 16px}
.auth-form{display:grid;gap:14px;width:100%;max-width:400px;padding:30px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.auth-form h1{font-size:26px;text-align:center}
.auth-form__lead{color:var(--muted);font-size:14px;text-align:center}
.auth-form__field{display:grid;gap:6px;color:var(--muted);font-size:14px}
.auth-form__field input{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.auth-form__field input:focus{border-color:var(--accent)}
.auth-form button{height:46px;border:0;border-radius:10px;background:var(--accent);color:var(--on);font-size:16px;font-weight:800}
.auth-form__foot{color:var(--muted);font-size:14px;text-align:center}
.auth-form__foot a{color:var(--accent);font-weight:700}
.back-top{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:999px;background:var(--accent);color:var(--on);box-shadow:0 8px 20px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .2s}
.back-top.show{opacity:1;visibility:visible}
.site-footer{margin-top:56px}
@supports not (aspect-ratio:1/1){.player-stage{height:0;padding-top:56.25%}}
@media (max-width:639px){.page-shell{padding-left:14px;padding-right:14px}
.movie-grid{gap:10px}
.search-panel .primary-btn{padding:0 18px}
.auth-form{padding:24px 18px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
body{background:#faf5ff;color:#111827;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.hh-wrap{width:100%;max-width:80rem;margin:0 auto;padding:0 2rem}
.hh-page{position:relative;background:linear-gradient(135deg,#faf5ff,#fff 45%,#fdf2f8)}
.hh-bubbles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hh-bubbles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,rgba(216,180,254,.35),rgba(249,168,212,.12) 60%,transparent 70%);animation:hhpulse 4s ease-in-out var(--d) infinite}
@keyframes hhpulse{0%,100%{opacity:.5}50%{opacity:1}}
.hh-main{position:relative;z-index:1}
.hh-head{background:rgba(255,255,255,.97);box-shadow:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06)}
.hh-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:4rem}
.hh-logo{display:flex;align-items:center;gap:.5rem;flex:none}
.hh-mark{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff}
.hh-logo-t{display:grid;line-height:1.15}
.hh-logo-t b,.hh-logo-t strong{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.hh-logo-t small{font-size:.75rem;color:#6b7280}
.hh-nav{display:flex;gap:1.2rem}
.hh-nav a{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;transition:color .2s,background .2s}
.hh-nav a:hover{color:#9333ea;background:#faf5ff}
.hh-nav a[aria-current=page]{background:#f3e8ff;color:#7e22ce}
.hd-tools{gap:0;margin-left:0}
.hh-search svg{position:absolute;left:12px;top:10px;color:#9ca3af;pointer-events:none}
.hh-search input{padding-left:38px;border-radius:.5rem;border-color:#d1d5db;background:#fff;color:#111827}
.hh-search input:focus{border-color:transparent;box-shadow:0 0 0 2px #a855f7}
.hd-auth{gap:.25rem;border:0;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563}
.hd-login:hover{color:#9333ea;background:#faf5ff}
.hd-reg{background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}
.hd-menu{border:0;color:#4b5563}
.mobile-panel a[aria-current=page],.mobile-panel .m-reg{background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}
.m-search button{background:linear-gradient(90deg,#9333ea,#db2777)}
.hh-hero{position:relative;height:70vh;min-height:460px;overflow:hidden;background:#111}
.hh-hero-track{position:absolute;inset:0}
.hh-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}
.hh-slide.is-active{opacity:1;pointer-events:auto}
.hh-slide>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hh-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.5),transparent)}
.hh-hero-in{position:relative;z-index:2;display:flex;align-items:center;height:100%}
.hh-hero-copy{max-width:42rem}
.hh-hero-tag{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.hh-hero-tag span{padding:.25rem .75rem;border-radius:999px;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;font-size:.875rem}
.hh-hero-tag em{color:rgba(255,255,255,.8);font-size:.875rem;font-style:normal}
.hh-hero-t{margin:0 0 1rem;color:#fff;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.25}
.hh-hero-copy p{margin:0 0 2rem;color:rgba(255,255,255,.9);font-size:1.125rem;line-height:1.65}
.hh-hero-act{display:flex;flex-wrap:wrap;gap:1rem}
.hh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:.5rem;background:linear-gradient(90deg,#9333ea,#db2777);color:#fff;font-weight:600;transition:filter .3s}
.hh-btn:hover{filter:brightness(1.08)}
.hh-btn-ghost{display:inline-flex;align-items:center;padding:.75rem 2rem;border-radius:.5rem;background:rgba(255,255,255,.2);color:#fff;font-weight:600}
.hh-btn-ghost:hover{background:rgba(255,255,255,.3)}
.hh-dots{position:absolute;left:50%;bottom:1.5rem;z-index:3;display:flex;gap:.5rem;transform:translateX(-50%)}
.hh-dots button{width:.6rem;height:.6rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .25s}
.hh-dots button.is-active{width:1.8rem;background:#fff}
.hh-chips-sec{padding:2rem 0;background:rgba(255,255,255,.8)}
.hh-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.hh-chips a{padding:.5rem 1.5rem;border-radius:999px;background:linear-gradient(90deg,#f3e8ff,#fce7f3);color:#7e22ce;font-weight:500;transition:background .3s}
.hh-chips a:hover{background:linear-gradient(90deg,#e9d5ff,#fbcfe8)}
.hh-body{padding-top:3rem;padding-bottom:3rem}
.hh-sec{margin-bottom:4rem}
.hh-sec-hd{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.hh-sec-t{display:flex;align-items:center;gap:.75rem;min-width:0}
.hh-bar{flex:none;width:.25rem;height:2rem;border-radius:999px;background:linear-gradient(180deg,#a855f7,#ec4899)}
.hh-bar-hot{background:linear-gradient(180deg,#f97316,#ef4444)}
.hh-bar-blue{background:linear-gradient(180deg,#3b82f6,#06b6d4)}
.hh-sec-t h1,.hh-sec-t h2{display:flex;align-items:center;gap:.4rem;margin:0;font-size:1.5rem;font-weight:700;color:#111827}
.hh-more{display:inline-flex;align-items:center;gap:.25rem;flex:none;color:#9333ea;font-weight:500}
.hh-more:hover{color:#7e22ce}
.hh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.hh-card{min-width:0}
.hh-ca{display:block;height:100%;overflow:hidden;border-radius:.75rem;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transition:box-shadow .3s}
.hh-ca:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.hh-pic{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e5e7eb}
.hh-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}
.hh-ca:hover .hh-pic img{transform:scale(1.05)}
.hh-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);color:#9333ea;opacity:0;transition:opacity .3s}
.hh-play svg{width:3.4rem;height:3.4rem;padding:1rem;border-radius:999px;background:rgba(255,255,255,.9)}
.hh-ca:hover .hh-play{opacity:1}
.hh-dur{position:absolute;right:.5rem;bottom:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem}
.hh-dur svg{width:12px;height:12px}
.hh-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:999px;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;font-size:.75rem}
.hh-cb{display:block;padding:1rem}
.hh-ct{display:-webkit-box;margin-bottom:.5rem;overflow:hidden;color:#111827;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .2s}
.hh-ca:hover .hh-ct{color:#9333ea}
.hh-cd{display:-webkit-box;margin-bottom:.75rem;overflow:hidden;color:#4b5563;font-size:.875rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hh-cm{display:flex;gap:1rem;color:#6b7280;font-size:.75rem}
.hh-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem}
.hh-tags i{padding:.25rem .5rem;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:.75rem;font-style:normal}
.hh-about{padding:4rem 0;background:#f9fafb}
.hh-about-hd{margin-bottom:3rem;text-align:center}
.hh-about-hd h2{margin:0 0 1rem;font-size:1.875rem;font-weight:700;color:#111827}
.hh-about-hd p{max-width:48rem;margin:0 auto;color:#4b5563;font-size:1.125rem;line-height:1.65}
.hh-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;text-align:center}
.hh-ico{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1rem;border-radius:999px;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff}
.hh-ico-blue{background:linear-gradient(90deg,#3b82f6,#06b6d4)}
.hh-ico-green{background:linear-gradient(90deg,#22c55e,#10b981)}
.hh-feats h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}
.hh-feats p{margin:0;color:#4b5563;line-height:1.6}
.hh-foot{margin-top:0;background:#111827;color:#fff}
.hh-foot-in{padding-top:3rem;padding-bottom:2rem}
.hh-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
.hh-foot .hh-logo-t strong{background:linear-gradient(90deg,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text}
.hh-foot .hh-logo-t small{color:#9ca3af}
.hh-foot-brand p{margin:1rem 0 0;color:#d1d5db;line-height:1.65}
.hh-foot h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#c084fc}
.hh-foot ul{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.hh-foot ul a{color:#d1d5db;font-size:.875rem}
.hh-foot ul a:hover,.hh-foot-bar a:hover{color:#c084fc}
.hh-foot-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #1f2937;color:#9ca3af;font-size:.875rem}
.hh-foot-bar svg{vertical-align:-2px;color:#f472b6}
.hh-foot-kw{padding:1rem 0;background:#030712;color:#6b7280;font-size:.75rem;text-align:center}
.hh-foot-kw p{margin:0 0 .4rem}
.hh-phd{padding:3rem 0 2rem;background:linear-gradient(90deg,#f3e8ff,#fce7f3)}
.hh-crumb{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;color:#6b7280;font-size:.875rem}
.hh-crumb a{color:#9333ea}
.hh-phd h1{margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:#111827}
.hh-phd p{max-width:48rem;margin:0;color:#4b5563;line-height:1.7}
.hh-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.cs-stat{display:inline-flex;align-items:baseline;gap:.3rem;padding:.35rem .9rem;border-radius:999px;background:#fff;color:#6b7280;font-size:.85rem;box-shadow:0 2px 6px rgba(147,51,234,.12)}
.cs-stat b{color:#9333ea;font-size:1.1rem}
.hh-filter{margin-bottom:2rem;padding:1.25rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.08)}
.hh-fchips{display:flex;flex-wrap:wrap;gap:.5rem}
.cs-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem 1rem;border:0;border-radius:999px;background:linear-gradient(90deg,#f3e8ff,#fce7f3);color:#7e22ce;font-size:.875rem;font-weight:500;cursor:pointer}
.cs-chip em{font-style:normal;opacity:.7;font-size:.75rem}
.cs-chip.on{background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}
.hh-fbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}
.hh-fbar .f-input{flex:1 1 260px;border-radius:.5rem;border-color:#d1d5db}
.hh-fbar .f-select{border-radius:.5rem;border-color:#d1d5db}
.hh-cnt{margin-left:auto;color:#6b7280;font-size:.875rem}
.hh-cnt b{color:#9333ea;font-size:1.2rem}
.hh-crumb-dark{margin-bottom:1.5rem}
.hh-playbox{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start;margin-bottom:3rem}
.hh-player{min-width:0;max-width:100%;overflow:hidden;border-radius:.75rem;background:#000;box-shadow:0 20px 25px -5px rgba(0,0,0,.15)}
.hh-player .player-overlay{background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}
.hh-info{padding:1.5rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.hh-badge-static{position:static;display:inline-block}
.hh-info h1{margin:.75rem 0;font-size:1.9rem;font-weight:700;color:#111827}
.hh-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.hh-meta span{padding:.25rem .6rem;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:.8rem}
.hh-info>p{margin:0 0 1rem;color:#4b5563;line-height:1.75}
.hh-crew{color:#6b7280!important;font-size:.875rem}
.hh-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.hh-cc{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);transition:box-shadow .3s}
.hh-cc:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}
.hh-cc-pic{flex:none;width:6rem;aspect-ratio:16/10;overflow:hidden;border-radius:.5rem;background:#e5e7eb}
.hh-cc-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hh-cc-b{display:grid;min-width:0}
.hh-cc-b b{color:#111827;font-size:1.05rem}
.hh-cc-b small{overflow:hidden;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}
.hh-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hh-rr{display:grid;grid-template-columns:2.2rem 5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.08)}
.hh-rr:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.12)}
.hh-rn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#f3f4f6;color:#6b7280;font-weight:700}
.hh-rn.top{background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff}
.hh-rpic{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:.4rem;background:#e5e7eb}
.hh-rpic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hh-rt{display:grid;min-width:0}
.hh-rt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh-rt small{overflow:hidden;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}
.hh-rs{color:#db2777;font-size:.8rem;font-weight:600;white-space:nowrap}
.page-shell{max-width:80rem}
.breadcrumb>span{display:inline-flex;align-items:center;gap:.4rem}
.hh-sec-t h1,.hh-sec-t h2{text-wrap:balance}
.page-shell>.page-hero{padding:1.75rem;border-radius:.75rem;background:linear-gradient(90deg,#f3e8ff,#fce7f3)}
.page-shell .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.search-panel .search-input{border-radius:.5rem;border-color:#d1d5db}
.search-panel .primary-btn{border-radius:.5rem;background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}
.content-card{border:0;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08)}
.auth-form{border:0;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}
.auth-form h1{background:linear-gradient(90deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-form__field input{border-color:#d1d5db;border-radius:.5rem;background:#fff}
.auth-form button{border-radius:.5rem;background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}
.auth-form__foot a{color:#9333ea}
.hh-badge,.hh-hero-tag span,.hh-rn.top{background:linear-gradient(90deg,#7e22ce,#be185d)}
.hh-crumb,.hh-rn{color:#4b5563}
.hh-crumb a{padding:.6rem .15rem;margin:-.6rem -.15rem}
.hh-foot-kw{color:#9ca3af}
.hh-more{min-height:44px}
.hh-dots button{position:relative}
.hh-dots button::after{content:"";position:absolute;top:-14px;right:-4px;bottom:-14px;left:-4px}
.hh-ca:focus-visible,.hh-cc:focus-visible,.hh-rr:focus-visible,.hh-chips a:focus-visible,.hh-btn:focus-visible,.hh-btn-ghost:focus-visible{outline:2px solid #9333ea;outline-offset:3px}
.hh-search input:focus-visible,.search-input:focus-visible,.f-input:focus-visible,.f-select:focus-visible{outline:2px solid #9333ea;outline-offset:2px}
@supports (height:1svh){.hh-hero{height:70svh}}
@supports not (aspect-ratio:1/1){.hh-pic{height:0;padding-top:56.25%}
.hh-cc-pic,.hh-rpic{position:relative;height:0;padding-top:62.5%}
.hh-pic img,.hh-cc-pic img,.hh-rpic img{position:absolute;top:0;left:0}}
@supports not (inset:0){.hh-bubbles,.hh-hero-track,.hh-slide,.hh-slide>img,.hh-shade,.hh-play{top:0;right:0;bottom:0;left:0}}
@media (max-width:1279px){.hh-wrap{padding-left:1.5rem;padding-right:1.5rem}}
@media (max-width:1023px){.hh-grid,.page-shell .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hh-playbox{grid-template-columns:minmax(0,1fr)}
.hh-foot-grid{grid-template-columns:1fr 1fr}
.hh-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
.hh-rank{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.hh-wrap{padding-left:1rem;padding-right:1rem}
.hh-body{padding-top:2rem;padding-bottom:2.5rem}
.hh-sec{margin-bottom:3rem}
.hh-sec-hd{margin-bottom:1.25rem}
.hh-sec-t h1,.hh-sec-t h2{font-size:1.25rem}
.hh-phd{padding:2rem 0 1.5rem}
.hh-info h1{font-size:1.6rem}
.hh-grid,.page-shell .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.hh-cb{padding:.75rem}
.hh-cd,.hh-tags{display:none}
.hh-hero{height:60vh;height:60svh;min-height:400px}
.hh-feats{grid-template-columns:1fr}
.hh-foot-grid{grid-template-columns:1fr}
.hh-cats{grid-template-columns:1fr}
.hh-rr{grid-template-columns:2rem 4rem minmax(0,1fr)}
.hh-rs{display:none}
.hh-cnt{width:100%;margin-left:0}
.hh-chips a{padding:.4rem 1rem}}
@media (prefers-reduced-motion:reduce){.hh-bubbles i{animation:none}}
/* c9-compat */
a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
select.f-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
img{-webkit-user-drag:none}
.site-header{position:-webkit-sticky;position:sticky}
[data-chips]{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
a,button{touch-action:manipulation}
@media print{.site-header,.site-footer,.mobile-panel,video{display:none!important}body{background:#fff!important}}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid #faf5ff;border-radius:10px;background:#c084fc}::-webkit-scrollbar-track{background:#faf5ff}html{scrollbar-color:#c084fc #faf5ff}
/* c9-compat-end */