@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--fs-body: 1rem;--leading-normal: 1.6}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;overscroll-behavior-y:none;min-height:-webkit-fill-available;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body,#root{margin:0;min-height:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}body{font-size:var(--fs-body);line-height:var(--leading-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a,summary{font:inherit;touch-action:manipulation}input,select,textarea{font:inherit;font-size:max(16px,1rem);max-width:100%}.video-el{width:100%;max-width:100%;background:#000;-o-object-fit:contain;object-fit:contain;touch-action:manipulation;-webkit-touch-callout:none}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent, #1fb8a6);outline-offset:2px}.header-search input:focus-visible,.wide-search input:focus-visible,.header-search button:focus-visible,.wide-search button:focus-visible,.nav-rail-search input:focus-visible,.nav-rail-search button:focus-visible{outline:2px solid var(--ink, #12263a);outline-offset:2px}:root{--ink: #111827;--ink-soft: #374151;--muted: #6b7280;--dim: #9ca3af;--bg: #f0f9ff;--bg-mid: #ffffff;--bg-end: #fdf4ff;--surface: #ffffff;--line: #f3f4f6;--line-strong: #e5e7eb;--primary: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--secondary: #d946ef;--secondary-600: #c026d3;--secondary-700: #a21caf;--accent: var(--primary-600);--accent-deep: var(--primary-700);--warn: #f59e0b;--page-max: 80rem;--page-pad: clamp(1rem, 2.5vw, 2rem);--touch: 44px;--radius: .75rem;--radius-sm: .5rem;--radius-pill: 9999px;--font: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-display: var(--font);--header-h: 4rem;--sticky-offset: calc(var(--header-h) + env(safe-area-inset-top, 0px));--shadow: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .08);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .18)}body.body-tpl-haokan{font-family:var(--font);color:var(--ink);background:linear-gradient(to bottom right,var(--bg),var(--bg-mid),var(--bg-end));background-attachment:scroll;min-height:100vh;min-height:100dvh;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}img,video{-webkit-user-drag:none}.catalog-count.is-solo{margin:0 0 1rem;margin-left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:12px;z-index:100;padding:10px 16px;background:var(--ink);color:#fff;font-weight:700;border-radius:var(--radius-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell,.app-fore{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;display:flex;flex-direction:column}.app-shell{overflow-x:hidden;overflow-x:clip;position:relative;isolation:isolate}.app-fore{position:relative;z-index:1}.bg-breath{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;opacity:.55;filter:blur(2px);animation:hk-float 6s ease-in-out infinite}.bg-orb-a{top:5rem;left:2.5rem;width:5rem;height:5rem;background:#bae6fd}.bg-orb-b{top:10rem;right:4rem;width:4rem;height:4rem;background:#f5d0fe;animation-delay:-2s}.bg-orb-c{bottom:20%;left:40%;width:3.5rem;height:3.5rem;background:#fed7aa;animation-delay:-4s;opacity:.35}@keyframes hk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@media (prefers-reduced-motion: reduce){.bg-orb{animation:none}}@media (max-width: 767px),(prefers-reduced-motion: reduce){.bg-breath{display:none}}.header-bar,.footer-inner,.footer-bottom,.section-inner,.catalog-page,.page-shell,.hk-hero-inner,.hk-cta-inner,.play-layout{width:100%;max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:max(var(--page-pad),env(safe-area-inset-left,0px));padding-right:max(var(--page-pad),env(safe-area-inset-right,0px));box-sizing:border-box}.stage{flex:1;width:100%;padding-top:var(--sticky-offset)}.stage-inner{width:100%;max-width:none;margin:0;padding:0}body.body-tpl-haokan .cover-wrap img,body.body-tpl-haokan .side-thumb img,body.body-tpl-haokan .player-poster img,body.body-tpl-haokan .rel-thumb img{max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.text-gradient{background-image:linear-gradient(to right,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:var(--radius-sm);padding:.5rem 1.5rem;font-weight:500;color:#fff;background-image:linear-gradient(to right,#0ea5e9,#0284c7);box-shadow:var(--shadow);cursor:pointer;transition:transform .3s,box-shadow .3s,background-image .3s;text-decoration:none}.btn-primary:hover,.primary-btn:hover{transform:translateY(-.125rem);background-image:linear-gradient(to right,#0284c7,#0369a1);box-shadow:var(--shadow-lg)}.btn-secondary,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:var(--radius-sm);padding:.5rem 1.5rem;font-weight:500;color:#fff;background-image:linear-gradient(to right,#d946ef,#c026d3);box-shadow:var(--shadow);cursor:pointer;transition:transform .3s,box-shadow .3s;text-decoration:none}.btn-secondary:hover,.ghost-btn:hover{transform:translateY(-.125rem);background-image:linear-gradient(to right,#c026d3,#a21caf);box-shadow:var(--shadow-lg)}.btn-lg{padding:.75rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1.5rem;font-size:.875rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:#fff;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000f;border-bottom:1px solid #f3f4f6}.header-main{width:100%}.header-bar{display:flex;align-items:center;gap:.75rem;height:var(--header-h);min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;max-width:min(11.5rem,38vw);text-decoration:none;color:inherit;min-width:0}.brand-seal{width:2.25rem;height:2.25rem;border-radius:.5rem;display:grid;place-items:center;color:#fff;background-image:linear-gradient(to right,#0ea5e9,#d946ef);transition:transform .2s;flex-shrink:0}.brand:hover .brand-seal{transform:scale(1.05)}.brand-text{display:none;flex-direction:column;line-height:1.15;min-width:0}.brand-text strong{font-size:.95rem;font-weight:700;background-image:linear-gradient(to right,#0284c7,#c026d3);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text small{font-size:.68rem;color:var(--muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 640px){.brand{max-width:13.5rem}.brand-text{display:flex}.brand-text strong{font-size:1.05rem}}@media (min-width: 1280px){.brand{max-width:16rem}.brand-text strong{font-size:1.15rem}}.header-nav-row{display:none}.header-inline-nav{display:none;align-items:center;gap:1rem;flex:1 1 auto;min-width:0;justify-content:flex-start}.header-inline-nav a{color:#374151;font-weight:500;font-size:.9rem;white-space:nowrap;transition:color .2s;padding:.25rem 0}.header-inline-nav a:hover,.header-inline-nav a.is-active{color:var(--primary-600)}@media (min-width: 1100px){.header-inline-nav{display:flex;gap:1.15rem}}@media (min-width: 1280px){.header-inline-nav{gap:1.5rem}.header-inline-nav a{font-size:.95rem}}.header-search{display:none;position:relative;flex:1 1 12rem;max-width:22rem;min-width:9rem;margin-left:auto}@media (min-width: 768px){.header-search{display:block}}@media (min-width: 1100px){.header-search{flex:0 1 18rem;max-width:20rem}}.header-search input{width:100%;box-sizing:border-box;height:2.35rem;padding:0 2.75rem 0 1rem;border:1px solid #d1d5db;border-radius:var(--radius-pill);background:#ffffffe6;color:var(--ink);outline:none;transition:box-shadow .2s,border-color .2s}.header-search input:focus{border-color:transparent;box-shadow:0 0 0 2px var(--primary)}.header-search button{position:absolute;right:.15rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--dim);width:2.25rem;height:2.25rem;padding:0;cursor:pointer;display:grid;place-items:center;font-size:0;line-height:0}.header-search button:before{content:"";width:.95rem;height:.95rem;border:2px solid currentColor;border-radius:50%;box-sizing:border-box;display:block;margin:-2px 2px 0 0}.header-search button:after{content:"";position:absolute;width:.4rem;height:2px;background:currentColor;right:.55rem;bottom:.62rem;transform:rotate(45deg);border-radius:1px}.header-search button:hover{color:var(--primary-600)}.header-tools{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}.header-login{color:#374151;font-weight:500;font-size:.9rem;display:none;white-space:nowrap}.header-login:hover{color:var(--primary-600)}.header-register{display:none;white-space:nowrap}@media (min-width: 640px){.header-login,.header-register{display:inline-flex}}.menu-btn{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;background:transparent;color:#374151;cursor:pointer;font-size:1.2rem;flex-shrink:0}@media (min-width: 1100px){.menu-btn{display:none}}.nav-rail{display:none;border-top:1px solid var(--line);background:#fff;padding:1rem var(--page-pad) 1.25rem}.nav-rail.is-open{display:block}.nav-rail .nav-links{display:flex;flex-direction:column;gap:.75rem}.nav-rail .nav-links a{color:#374151;font-weight:500;padding:.5rem 0}.nav-rail .nav-links a.is-active,.nav-rail .nav-links a:hover{color:var(--primary-600)}.nav-rail-search{position:relative;margin-bottom:.5rem}.nav-rail-search input{width:100%;box-sizing:border-box;padding:.65rem 3rem .65rem 1rem;border:1px solid #d1d5db;border-radius:var(--radius-pill)}.nav-rail-search button{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);border:0;background:var(--primary-600);color:#fff;border-radius:var(--radius-pill);padding:.4rem .9rem;font-size:.875rem;cursor:pointer}.nav-rail-login{margin-top:.5rem;color:var(--primary-600)!important}.hk-hero{position:relative;padding:clamp(3rem,6vw,5rem) 0 clamp(2.5rem,5vw,4rem);overflow:hidden;text-align:center}.hk-hero-inner{position:relative;z-index:1}.hk-hero h1{margin:0 auto 1.25rem;max-width:18em;font-size:clamp(1.85rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;background-image:linear-gradient(to right,#0284c7,#c026d3);-webkit-background-clip:text;background-clip:text;color:transparent}.hk-hero-lead{margin:0 auto 1rem;max-width:40rem;font-size:clamp(1rem,2.2vw,1.35rem);color:#4b5563;line-height:1.6}.hk-hero-seo{margin:0 auto 1.75rem;max-width:36rem;font-size:.95rem;color:var(--muted);line-height:1.55}.hk-hero-seo strong{color:var(--primary-700);font-weight:700}.hk-hero-actions{display:flex;flex-direction:column;gap:.85rem;justify-content:center;align-items:center}@media (min-width: 640px){.hk-hero-actions{flex-direction:row}}.hk-cats{padding:1.5rem 0 .5rem}.hk-cats-head{text-align:center;margin-bottom:2rem}.hk-cats-head h2{margin:0 0 .65rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--ink)}.hk-cats-head p{margin:0;color:var(--muted);font-size:1rem}.hk-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}@media (min-width: 768px){.hk-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}}@media (min-width: 1100px){.hk-cat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.hk-cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:1.35rem .85rem;background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit;box-sizing:border-box}.hk-cat-card:hover{transform:translateY(-.2rem);box-shadow:var(--shadow-xl)}.hk-cat-ico{width:3.25rem;height:3.25rem;margin:0 auto .85rem;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.25rem;background-image:linear-gradient(135deg,#0ea5e9,#d946ef);flex-shrink:0}.hk-cat-card h3{margin:0 0 .35rem;font-size:.98rem;font-weight:700;color:var(--ink)}.hk-cat-card p{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section{padding:2rem 0}.section.is-soft{background:transparent}.section-inner{min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head-left{display:flex;align-items:center;gap:.5rem}.section-head-ico{font-size:1.25rem;line-height:1}.section-head-ico.is-star{color:#eab308}.section-head-ico.is-flame{color:#f97316}.section-head h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;color:var(--ink)}.section-head a,.more-link{color:var(--primary-600);font-weight:500;white-space:nowrap}.section-head a:hover,.more-link:hover{color:var(--primary-700)}.movie-grid,.movie-rail{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;align-items:stretch}@media (min-width: 640px){.movie-grid,.movie-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.movie-grid,.movie-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1100px){.movie-grid,.movie-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}}.movie-grid.is-dense{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.movie-grid.is-dense{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.movie-grid.is-dense{grid-template-columns:repeat(3,minmax(0,1fr))}}.movie-card{height:100%;background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,box-shadow .25s}.movie-card:hover{transform:translateY(-.2rem);box-shadow:var(--shadow-xl)}@media (hover: none){.movie-card:hover,.hk-cat-card:hover,.btn-primary:hover,.btn-secondary:hover,.primary-btn:hover,.ghost-btn:hover{transform:none}}.movie-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.cover-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#e5e7eb;flex:0 0 auto}.cover-wrap img{transition:transform .3s}.movie-card:hover .cover-wrap img{transform:scale(1.05)}.cover-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000047;opacity:.55;transition:opacity .3s;pointer-events:none}@media (hover: hover) and (pointer: fine){.cover-play{opacity:0;background:#0006}.movie-card:hover .cover-play{opacity:1}}.movie-card:focus-within .cover-play{opacity:1}.cover-play span{width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffffeb;color:var(--primary-600);display:grid;place-items:center;font-size:1.1rem;padding-left:.15rem}.cover-hd{position:absolute;top:.5rem;left:.5rem;max-width:calc(100% - 5.5rem);background-image:linear-gradient(to right,#0ea5e9,#0284c7);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.cover-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:#fff;font-size:.7rem;padding:.15rem .45rem;border-radius:.25rem;white-space:nowrap;line-height:1.35}.card-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:.9rem .95rem 1rem;box-sizing:border-box}.card-body h3{margin:0 0 .4rem;font-size:.95rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;transition:color .2s}.movie-card:hover .card-body h3{color:var(--primary-600)}.card-desc{margin:0 0 .65rem;font-size:.8rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;min-height:2.4em}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.72rem;color:var(--muted);margin:0 0 .55rem;flex-wrap:nowrap;white-space:nowrap}.card-meta-stats{display:flex;align-items:center;gap:.75rem;min-width:0}.card-meta-stats span{display:inline-flex;align-items:center;gap:.15rem}.card-meta-year{color:var(--muted);flex-shrink:0}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;min-height:1.4rem}.card-tags span,.card-tag{font-size:.68rem;padding:.12rem .45rem;border-radius:var(--radius-pill);background:#f3f4f6;color:#6b7280;line-height:1.35}.hk-cta{padding:2.5rem 0 3.5rem}.hk-cta-inner{text-align:center;padding:clamp(2rem,4vw,3rem) 1.5rem;border-radius:1rem;background-image:linear-gradient(135deg,#0ea5e9,#d946ef);color:#fff;box-shadow:var(--shadow-lg);box-sizing:border-box}.hk-cta-inner h2{margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.hk-cta-inner p{margin:0 0 1.5rem;opacity:.95;font-size:1.05rem}.hk-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.hk-cta-actions .btn-primary{background:#fff;color:var(--primary-600);background-image:none}.hk-cta-actions .btn-primary:hover{background:#f0f9ff;color:var(--primary-700)}.hk-cta-actions a.hk-cta-link{color:#fff;font-weight:500;text-decoration:underline;text-underline-offset:3px}.catalog-page{padding-top:1.75rem;padding-bottom:3rem}.catalog-hero{margin-bottom:1.25rem}.catalog-hero h1{margin:.35rem 0 .45rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;color:var(--ink);line-height:1.25}.catalog-hero p{margin:0;color:var(--muted);font-size:1rem;line-height:1.55;max-width:48rem}.catalog-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem}.catalog-count{color:var(--muted);font-size:.875rem;margin-left:auto;white-space:nowrap}.catalog-toolbar{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.35rem;padding:1rem 1.15rem;background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box}.catalog-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.catalog-aside-label{margin:0;font-size:.85rem;color:var(--muted);font-weight:500;flex:0 0 auto}.catalog-filters,.catalog-sort{display:flex;flex-wrap:wrap;gap:.4rem;flex:1 1 auto;min-width:0}.catalog-filters button,.catalog-sort button{border:0;border-radius:var(--radius-pill);padding:.35rem .9rem;background:#f3f4f6;color:#4b5563;font-weight:500;font-size:.875rem;cursor:pointer;transition:background .2s,color .2s;min-height:2.1rem}.catalog-filters button.is-active,.catalog-sort button.is-active{background:var(--primary);color:#fff}.catalog-filters button:hover:not(.is-active),.catalog-sort button:hover:not(.is-active){background:#e5e7eb}.catalog-main{width:100%;min-width:0}.breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:.75rem}.breadcrumb a{color:var(--primary-600)}.breadcrumb a:hover{text-decoration:underline}.page-shell{padding-top:2rem;padding-bottom:3rem}.page-shell-head h1{margin:.5rem 0;font-size:1.75rem;font-weight:800}.page-shell-head p{color:var(--muted)}.content-card{background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;line-height:1.7}.content-card p+p{margin-top:1rem}.page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.wide-search{position:relative;max-width:36rem;margin:1rem 0 0}.wide-search input{width:100%;box-sizing:border-box;padding:.75rem 5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:var(--radius-pill)}.wide-search button{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);border:0;border-radius:var(--radius-pill);padding:.5rem 1.1rem;background-image:linear-gradient(to right,#0ea5e9,#0284c7);color:#fff;font-weight:500;cursor:pointer}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.pagination a,.pagination span{padding:.5rem 1rem;border-radius:var(--radius-sm);background:#fff;border:1px solid #e5e7eb;color:#374151;font-weight:500}.pagination a:hover{color:var(--primary-600);border-color:var(--primary)}.pagination .is-disabled{opacity:.45}.play-section{padding:1.25rem 0 3rem}.play-layout{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}@media (min-width: 1100px){.play-layout{grid-template-columns:minmax(0,1fr) 19.5rem;gap:1.5rem}}.play-main{min-width:0}.player-box{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.player-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#111}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;border-radius:50%;background:#ffffffeb;color:var(--primary-600);display:grid;place-items:center;font-size:1.5rem;padding-left:.25rem;box-shadow:var(--shadow)}.video-el{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.play-info-card{margin-top:1.25rem;background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.play-info-card .play-title{margin:0 0 .75rem;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:800;color:var(--ink);line-height:1.35}.play-stats{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--muted)}.play-meta-lines{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem;font-size:.95rem;color:#4b5563}.play-meta-lines a{color:var(--primary-600);font-weight:500}.play-info-card h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.play-info-card .play-desc{margin:0 0 1rem;color:#4b5563;line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag-row span{font-size:.8rem;padding:.25rem .75rem;border-radius:var(--radius-pill);background:#e0f2fe;color:var(--primary-700)}.play-aside{background:#fff;border:1px solid #f3f4f6;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem;box-sizing:border-box;min-width:0}@media (min-width: 1100px){.play-aside{position:-webkit-sticky;position:sticky;top:calc(var(--sticky-offset) + .75rem)}}.play-aside h2,.play-aside h3{margin:0 0 1rem;font-size:1.1rem;font-weight:800}.rel-list{display:flex;flex-direction:column;gap:.85rem}.rel-item{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem;text-decoration:none;color:inherit}.rel-thumb{display:block;aspect-ratio:16 / 10;border-radius:.4rem;overflow:hidden;background:#e5e7eb}.rel-meta strong{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;font-weight:600;line-height:1.35;color:#111827}.rel-item:hover .rel-meta strong{color:var(--primary-600)}.rel-meta em{display:block;margin-top:.35rem;font-style:normal;font-size:.75rem;color:var(--muted)}.player-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:1.5rem;background:#000;color:#fff;text-align:center;border:0;border-radius:0}.player-error p{margin:0;font-size:1.05rem}.player-error p+p{margin-top:.5rem;opacity:.8;font-size:.9rem}.site-footer{margin-top:auto;background:#0f172a;color:#cbd5e1;padding:3rem 0 0}.footer-inner{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2.5rem}@media (min-width: 768px){.footer-inner{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.footer-brand .brand-seal{width:2.25rem;height:2.25rem}.footer-brand-name{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.footer-tag{color:#94a3b8;font-size:.75rem}.footer-lead>p{margin:0;font-size:.9rem;line-height:1.65;color:#94a3b8}.footer-inner nav h3,.footer-inner nav h4{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#fff}.footer-inner nav{display:flex;flex-direction:column;gap:.55rem}.footer-inner nav a{color:#94a3b8;font-size:.9rem}.footer-inner nav a:hover{color:#fff}.footer-hours{color:#94a3b8;font-size:.9rem;line-height:1.5}.footer-bottom{border-top:1px solid #1e293b;padding-top:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));text-align:center}.footer-bottom p{margin:.25rem 0;font-size:.8rem;color:#64748b}.header-search input[type=search]::-webkit-search-decoration,.header-search input[type=search]::-webkit-search-cancel-button,.nav-rail-search input[type=search]::-webkit-search-decoration,.wide-search input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}