:root{--emerald:#059669;--emerald-dark:#047857;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--shadow:0 18px 50px rgba(15,23,42,.12)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--gray-900);background:linear-gradient(180deg,#f9fafb 0%,#fff 40%,#f9fafb 100%)}
a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.container{max-width:80rem;margin:0 auto;padding:0 1rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-200);box-shadow:0 1px 8px rgba(0,0,0,.05)}.site-nav{max-width:80rem;margin:0 auto;padding:0 1rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.brand,.footer-logo{display:flex;align-items:center;gap:.65rem}.brand-mark{width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,#059669,#065f46);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 12px 24px rgba(5,150,105,.25)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong,.footer-logo strong{font-size:1.25rem;font-weight:800}.brand-text small,.footer-logo small{font-size:.75rem;color:#6b7280;margin-top:.1rem}.nav-links{display:flex;align-items:center;gap:1.35rem;font-weight:600;color:#374151}.nav-links a:hover,.nav-links a.active{color:var(--emerald)}.menu-button{display:none;padding:.55rem;border-radius:.65rem;color:#374151}.menu-button:hover{background:#f3f4f6}.mobile-menu{display:none;border-top:1px solid #e5e7eb;padding:.75rem 1rem;flex-direction:column;gap:.35rem}.mobile-menu.open{display:flex}.mobile-menu a{padding:.75rem;border-radius:.65rem;color:#374151}.mobile-menu a:hover{background:#f3f4f6;color:#059669}.page{min-height:60vh}.main-stack{padding-top:2rem;padding-bottom:4rem;display:flex;flex-direction:column;gap:4rem}.hero{height:70vh;min-height:520px;position:relative;overflow:hidden;background:#000}.hero-slide{position:absolute;inset:0;display:none}.hero-slide.active{display:block}.hero-slide img{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.45),rgba(0,0,0,.08))}.hero-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80rem,100%);padding:0 1rem;color:#fff}.hero-content>*{max-width:44rem}.hero-kicker{display:inline-flex;width:auto;align-items:center;padding:.3rem .8rem;border-radius:999px;background:#059669;font-size:.9rem;font-weight:700;margin-bottom:1rem}.hero h1,.hero h2{font-size:clamp(2.6rem,7vw,5.5rem);line-height:1.05;font-weight:900;letter-spacing:-.06em;margin-bottom:1rem}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.8;color:#d1d5db;margin-bottom:1.25rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.hero-meta span{padding:.35rem .7rem;border-radius:.45rem;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-weight:600}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.85rem 1.35rem;font-weight:800}.primary-btn{background:#059669;color:#fff;box-shadow:0 12px 28px rgba(5,150,105,.28)}.primary-btn:hover{background:#047857;transform:translateY(-1px)}.ghost-btn{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(8px)}.ghost-btn:hover{background:rgba(255,255,255,.24)}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.hero-arrow:hover{background:rgba(255,255,255,.3)}.hero-arrow.prev{left:1rem}.hero-arrow.next{right:1rem}.hero-dots{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);display:flex;gap:.45rem}.hero-dot{width:.55rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.55)}.hero-dot.active{width:2rem;background:#fff}.hero-cats{position:absolute;right:calc((100% - min(80rem,100%))/2 + 1rem);bottom:2rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;max-width:34rem}.hero-cats a{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.45rem .8rem;backdrop-filter:blur(8px);font-size:.86rem}.hero-cats a:hover{background:#059669}.search-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:var(--shadow);padding:1.1rem;display:flex;flex-direction:column;gap:1rem}.search-box{height:3.35rem;border:1px solid #e5e7eb;border-radius:.95rem;background:#f9fafb;display:flex;align-items:center;gap:.7rem;padding:0 1rem}.search-box span{color:#059669;font-size:1.2rem}.search-box input{width:100%;outline:none;background:transparent;color:#111827}.filter-row{display:flex;gap:.55rem;flex-wrap:wrap}.filter-chip{border:1px solid #d1d5db;color:#374151;background:#fff;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;font-weight:700}.filter-chip:hover,.filter-chip.active{background:#059669;border-color:#059669;color:#fff}.content-section{display:block}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head.compact{align-items:center}.section-head h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:900;letter-spacing:-.04em}.section-head p{color:#6b7280;margin-top:.35rem;max-width:48rem}.section-more{color:#059669;font-weight:800;white-space:nowrap}.section-more:hover{color:#047857}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.movie-card{min-width:0}.card-link{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;height:100%;box-shadow:0 6px 18px rgba(15,23,42,.06)}.card-link:hover{box-shadow:0 20px 45px rgba(15,23,42,.14);transform:translateY(-2px)}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#e5e7eb}.poster img,.wide-cover img,.spotlight-card img,.cover-card img,.ranking-row img,.ranking-hero img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card-link:hover img{transform:scale(1.06)}.badge,.year-badge{position:absolute;z-index:2;border-radius:.45rem;padding:.24rem .5rem;font-size:.75rem;font-weight:800;color:#fff}.badge{left:.65rem;top:.65rem;background:#059669}.year-badge{right:.65rem;top:.65rem;background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}.card-body{padding:1rem}.card-body h3{font-size:1.02rem;font-weight:850;line-height:1.35;margin-bottom:.55rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-link:hover h3{color:#059669}.card-body p{font-size:.9rem;line-height:1.6;color:#6b7280;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags,.detail-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.9rem}.tag{border-radius:999px;background:#ecfdf5;color:#047857;padding:.25rem .55rem;font-size:.76rem;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.category-card{min-height:8.5rem;padding:1.25rem;border-radius:1.1rem;background:linear-gradient(135deg,#fff,#f0fdf4);border:1px solid #d1fae5;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 22px rgba(15,23,42,.06)}.category-card span{font-size:1.35rem;font-weight:900}.category-card small{color:#6b7280;line-height:1.7;margin-top:.6rem}.category-card b{color:#059669;margin-top:1rem}.category-card:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(5,150,105,.16);border-color:#6ee7b7}.split-section{display:grid;grid-template-columns:1fr;gap:1.2rem}.rank-panel,.spotlight-card{border-radius:1.25rem;background:#fff;border:1px solid #e5e7eb;box-shadow:var(--shadow);padding:1.25rem}.rank-list{display:flex;flex-direction:column;gap:.45rem}.rank-item{display:grid;grid-template-columns:3rem 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border-radius:.75rem;background:#f9fafb}.rank-item:hover{background:#ecfdf5;color:#047857}.rank-item strong{color:#059669}.rank-item span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item em{font-style:normal;color:#6b7280;font-size:.85rem}.spotlight-card{min-height:24rem;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end}.spotlight-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.15))}.spotlight-card img{position:absolute;inset:0}.spotlight-card div{position:relative;z-index:2;max-width:40rem}.spotlight-card span{display:inline-flex;background:#059669;border-radius:999px;padding:.3rem .65rem;font-weight:800;margin-bottom:.7rem}.spotlight-card h2{font-size:2rem;font-weight:900;margin-bottom:.5rem}.spotlight-card p{color:#e5e7eb;line-height:1.7;margin-bottom:1rem}.sub-page{background:#f9fafb}.sub-hero,.ranking-hero{background:linear-gradient(135deg,#052e2b,#065f46 55%,#111827);color:#fff;padding:5rem 0}.sub-hero span,.ranking-hero span{color:#a7f3d0;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.sub-hero h1,.ranking-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:950;letter-spacing:-.06em;margin:.35rem 0 .75rem}.sub-hero p,.ranking-hero p{max-width:48rem;color:#d1fae5;line-height:1.8}.breadcrumb{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:#6b7280;font-size:.92rem;margin-bottom:1rem}.sub-hero .breadcrumb{color:#d1fae5;margin-top:1.25rem}.breadcrumb a{color:#059669;font-weight:800}.sub-hero .breadcrumb a{color:#fff}.breadcrumb i{font-style:normal;opacity:.65}.ranking-hero-inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.ranking-hero img{border-radius:1.25rem;box-shadow:0 24px 70px rgba(0,0,0,.35);max-height:26rem}.ranking-list{display:flex;flex-direction:column;gap:.8rem}.ranking-row a{display:grid;grid-template-columns:3.25rem 5rem 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.75rem;box-shadow:0 8px 18px rgba(15,23,42,.05)}.ranking-row a:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(15,23,42,.12)}.ranking-row strong{font-size:1.4rem;color:#059669}.ranking-row img{width:5rem;height:6.5rem;border-radius:.65rem;background:#e5e7eb}.ranking-row h3{font-weight:900;font-size:1.05rem}.ranking-row p{color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.ranking-row span{color:#6b7280;font-size:.86rem}.ranking-row em{font-style:normal;color:#059669;font-weight:900}.detail-layout{display:grid;grid-template-columns:1fr;gap:2rem;padding-top:2rem;padding-bottom:4rem}.player-card{background:#050505;border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow);position:relative}.video-player{width:100%;aspect-ratio:16/9;background:#000;display:block}.player-title{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#111827;color:#fff;padding:1rem 1.25rem}.player-title span{color:#a7f3d0;font-weight:800}.player-title strong{font-size:1.05rem}.detail-article,.cover-card,.side-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:0 8px 20px rgba(15,23,42,.06)}.detail-article{padding:1.25rem;margin-top:1.25rem}.detail-article h1{font-size:clamp(2rem,4vw,3rem);font-weight:950;letter-spacing:-.05em;margin-bottom:.8rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.detail-meta span{background:#f3f4f6;color:#374151;border-radius:.55rem;padding:.35rem .65rem;font-weight:700}.detail-article section{border-top:1px solid #e5e7eb;padding-top:1.25rem;margin-top:1.25rem}.detail-article h2{font-size:1.22rem;font-weight:900;margin-bottom:.7rem}.detail-article p{line-height:1.9;color:#374151}.review-text{background:#f9fafb;border-radius:1rem;padding:1rem}.detail-side{display:flex;flex-direction:column;gap:1.25rem}.cover-card{padding:1rem;position:sticky;top:5.5rem}.cover-card img{width:100%;aspect-ratio:2/3;border-radius:1rem;background:#e5e7eb}.cover-card h2{font-size:1.25rem;font-weight:900;margin-top:1rem}.cover-card p{color:#6b7280;line-height:1.7;margin:.5rem 0 1rem}.facts{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.facts li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #f3f4f6;padding-bottom:.5rem}.facts span{color:#6b7280}.facts strong,.facts a{font-weight:900;color:#111827}.facts a:hover{color:#059669}.primary-btn.full{width:100%}.side-panel{padding:1rem}.side-panel h2{font-size:1.2rem;font-weight:900;margin-bottom:.75rem}.side-panel a{display:grid;grid-template-columns:2rem 1fr;gap:.5rem;padding:.65rem;border-radius:.65rem;color:#374151;font-weight:700}.side-panel a:hover{background:#ecfdf5;color:#047857}.side-panel span{color:#059669;font-weight:900}.related-block{margin-top:1.25rem}.wide-list{display:flex;flex-direction:column;gap:.8rem}.wide-link{display:flex;gap:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;padding:.6rem}.wide-link:hover{box-shadow:0 16px 36px rgba(15,23,42,.1);transform:translateY(-1px)}.wide-cover{width:8rem;min-width:8rem;aspect-ratio:16/10;border-radius:.75rem;overflow:hidden;background:#e5e7eb}.wide-info{padding:.2rem .6rem .2rem 0}.wide-info h3{font-weight:900;margin-bottom:.3rem}.wide-info p{color:#6b7280;font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:.45rem;color:#6b7280;font-size:.8rem;margin-top:.4rem}.footer{background:#111827;color:#d1d5db;margin-top:auto}.footer-inner{max-width:80rem;margin:0 auto;padding:3rem 1rem;display:grid;grid-template-columns:1fr;gap:2rem}.footer-logo .brand-mark{box-shadow:none}.footer-logo strong{color:#fff}.footer-logo small{color:#9ca3af}.footer-brand p{max-width:36rem;color:#9ca3af;line-height:1.8;margin-top:1rem}.footer h3{color:#fff;font-weight:900;margin-bottom:1rem}.footer li{margin:.5rem 0}.footer a{color:#d1d5db}.footer a:hover{color:#34d399}.footer-bottom{max-width:80rem;margin:0 auto;border-top:1px solid #1f2937;padding:1.25rem 1rem;color:#9ca3af;text-align:center}.hidden-by-filter{display:none!important}
@media (min-width:640px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-article{padding:2rem}}
@media (min-width:768px){.split-section{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:2fr 1fr 1fr}.ranking-hero-inner{grid-template-columns:1.15fr .85fr}.hero-cats{display:flex}}
@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 22rem}.nav-links{display:flex}}
@media (min-width:1280px){.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:900px){.nav-links{display:none}.menu-button{display:block}.hero{height:68vh;min-height:520px}.hero-cats{display:none}.hero-arrow{width:2.5rem;height:2.5rem}.section-head{align-items:flex-start;flex-direction:column}.ranking-row a{grid-template-columns:2.5rem 4.5rem 1fr}.ranking-row em{display:none}}
@media (max-width:520px){.container,.site-nav{padding-left:.85rem;padding-right:.85rem}.hero h1,.hero h2{font-size:2.4rem}.hero p{font-size:1rem}.hero-meta span:nth-child(4){display:none}.hero-actions{gap:.55rem}.primary-btn,.ghost-btn{padding:.75rem 1rem}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.card-body{padding:.8rem}.card-body p{display:none}.category-grid{grid-template-columns:1fr}.ranking-row p{display:none}.wide-cover{width:6.5rem;min-width:6.5rem}.wide-info p{display:none}}