:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-card-hover: #252525;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .3);--border-subtle: rgba(255, 255, 255, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--font-display: "Noto Sans SC", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-display);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}#app{max-width:100%;margin:0;padding:0}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.8rem 3rem;background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 70%,transparent 100%);transition:background .4s ease}.nav-bar.scrolled{background:#0a0a0afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.nav-logo{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--accent);cursor:pointer;flex-shrink:0}.nav-logo svg{width:32px;height:32px}.nav-search{flex:1;max-width:420px;margin:0 2rem;position:relative}.nav-search input{width:100%;padding:.6rem 1rem .6rem 2.5rem;background:#ffffff14;border:1px solid var(--border-subtle);border-radius:9999px;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:all .3s ease}.nav-search input:focus{background:#ffffff1f;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.nav-search input::placeholder{color:var(--text-muted)}.nav-search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.nav-tabs{display:flex;gap:.3rem;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:.5rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s ease;border:1px solid transparent;background:transparent;font-family:inherit}.nav-tab:hover{color:var(--text-primary);background:#ffffff0f}.nav-tab.active{color:#000;background:var(--accent);font-weight:600;border-color:var(--accent)}.hero-section{position:relative;width:100%;height:75vh;min-height:500px;max-height:800px;overflow:hidden;margin-top:0}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1;z-index:1}.hero-bg{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:brightness(.45)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0a0a0a,#0a0a0a99 35%,#0a0a0a33 65%,#0a0a0a66)}.hero-content{position:absolute;bottom:15%;left:3rem;right:3rem;z-index:2;max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#000;font-weight:700;font-size:.8rem;padding:.3rem .8rem;border-radius:4px;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase}.hero-title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:.8rem;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.6)}.hero-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:1.2rem;flex-wrap:wrap}.hero-meta .imdb-badge{display:inline-flex;align-items:center;gap:.3rem;background:#f5c51826;color:#f5c518;padding:.2rem .6rem;border-radius:4px;font-weight:700;font-size:.85rem;border:1px solid rgba(245,197,24,.25)}.hero-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.5rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn-hero{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s ease;font-family:inherit;border:none}.btn-hero-primary{background:var(--accent);color:#000}.btn-hero-primary:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow)}.btn-hero-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-hero-secondary:hover{background:#ffffff2e;transform:translateY(-2px)}.hero-dots{position:absolute;bottom:5%;right:3rem;z-index:3;display:flex;gap:.5rem}.hero-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:none}.hero-dot.active{background:var(--accent);width:24px;border-radius:4px}.content-area{padding:0 3rem 4rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin:2.5rem 0 1rem}.section-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-count{font-size:.85rem;color:var(--text-muted);font-weight:400}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.movie-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease;background:var(--bg-card);border:1px solid var(--border-subtle);position:relative}.movie-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px #0009;background:var(--bg-card-hover);border-color:#ffffff26;z-index:10}.movie-poster-wrapper{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;background:var(--bg-secondary)}.movie-poster{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease}.movie-card:hover .movie-poster{transform:scale(1.06);filter:brightness(1.05)}.movie-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.movie-card:hover .movie-poster-overlay{opacity:1}.movie-poster-rating{position:absolute;top:8px;right:8px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f5c518;font-size:.8rem;font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.25rem;z-index:10;border:1px solid rgba(245,197,24,.2)}.movie-poster-views{position:absolute;top:8px;left:8px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.3rem;z-index:10;border:1px solid rgba(255,255,255,.1)}.quark-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:48px;height:48px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:10;box-shadow:0 4px 15px var(--accent-glow)}.movie-card:hover .quark-icon-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.movie-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.movie-title{font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary)}.movie-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:.5rem}.movie-card-tag{background:#f59e0b1f;color:var(--accent);padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.movie-date{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.load-more-container{display:flex;justify-content:center;margin-top:3rem;padding-bottom:2rem}.btn-primary{background:var(--accent);color:#000;border:none;padding:.8rem 2.5rem;border-radius:9999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary:hover{background:#fbbf24;box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)}.detail-container{max-width:1100px;margin:0 auto;padding:6rem 2rem 3rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-subtle);padding:.5rem 1.2rem;border-radius:9999px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-bottom:2rem;font-family:inherit}.back-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.detail-content{display:grid;grid-template-columns:320px 1fr;gap:2.5rem;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.detail-poster-container{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 60px #000000b3;position:sticky;top:6rem;align-self:start}.detail-poster{width:100%;height:auto;display:block}.detail-info{display:flex;flex-direction:column;gap:1.2rem}.detail-title{font-size:2.2rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.detail-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border-subtle)}.detail-tag{display:inline-block;background:var(--accent);color:#000;padding:.3rem .9rem;border-radius:9999px;font-weight:600;font-size:.85rem}.detail-size{color:var(--text-secondary);font-size:.85rem;margin-left:.3rem;display:inline-flex;align-items:center;gap:.3rem}.detail-date{color:var(--text-secondary);display:flex;align-items:center;gap:.4rem;font-size:.9rem}.imdb-score{display:inline-flex;align-items:center;gap:.4rem;background:#f5c5181a;color:#f5c518;padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;border:1px solid rgba(245,197,24,.2)}.imdb-score strong{font-size:1.1rem;color:#fff}.detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.meta-item{display:flex;flex-direction:column;gap:.3rem}.meta-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.95rem;color:var(--text-primary);font-weight:500}.detail-synopsis-section{color:#cbd5e1;font-size:1rem;line-height:1.8;margin-top:.5rem}.detail-synopsis-section h3{color:var(--text-primary);margin-bottom:.8rem;font-size:1.1rem}.detail-synopsis-section p{white-space:pre-wrap;word-break:break-word}.cloud-buttons{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.btn-cloud{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:.95rem;transition:all .25s ease;font-family:inherit;border:none;cursor:pointer}.btn-cloud:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn-quark{background:var(--accent);box-shadow:0 4px 15px var(--accent-glow)}.btn-uc{background:#f60;box-shadow:0 4px 15px #ff66004d}.btn-baidu{background:#06c;box-shadow:0 4px 15px #0066cc4d}.btn-quark-backup{background:#4f46e5;box-shadow:0 4px 15px #4f46e54d}.copy-area{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.copy-area div{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;word-break:break-all;color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.copy-area div:hover{color:var(--accent)}.copy-toast{opacity:0;transition:opacity .3s;color:#10b981;margin-top:.4rem;font-weight:600}.copy-toast.show{opacity:1}.detail-community-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.detail-community-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.community-card{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.community-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-2px)}.community-card.tg:hover{border-color:#26a5e4;box-shadow:0 4px 20px #26a5e426}.community-card.qq:hover{border-color:#12b7f5;box-shadow:0 4px 20px #12b7f526}.community-card.mitce:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow)}.community-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.community-card.tg .community-icon{background:#26a5e426;color:#26a5e4}.community-card.qq .community-icon{background:#12b7f526;color:#12b7f5}.community-card.mitce .community-icon{background:#f59e0b26;color:var(--accent)}.community-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.community-title{font-weight:600;font-size:.9rem;color:var(--text-primary)}.community-desc{font-size:.78rem;color:var(--text-muted)}.loading-state{text-align:center;padding:5rem 2rem;color:var(--text-muted);font-size:1rem}@media(max-width:900px){.nav-bar{padding:.7rem 1.5rem}.nav-search{max-width:200px;margin:0 1rem}.nav-tabs{display:none}.hero-content{left:1.5rem;right:1.5rem;bottom:12%}.hero-title{font-size:2rem}.content-area{padding:0 1.5rem}.detail-content{grid-template-columns:1fr;gap:1.5rem}.detail-poster-container{position:static;max-width:300px;margin:0 auto}.detail-container{padding:5rem 1.5rem 2rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.section-title{font-size:1.2rem}}@media(max-width:480px){.hero-title{font-size:1.5rem}.hero-desc{font-size:.85rem;-webkit-line-clamp:2}.hero-actions{flex-direction:column}.btn-hero{width:100%;justify-content:center}.movie-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.nav-logo span:last-child{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .5s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.site-footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border-subtle);margin-top:2rem}