.App{min-height:100vh}.home-page{box-sizing:border-box;padding:0 20px 10px;width:100%}.home-page .top{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:0 20px;width:80%}.home-page .top h1{letter-spacing:5px}.home-page .top input{border:2px solid skyblue;border-radius:10px;font-size:18px;height:50px;padding:10px;width:50%}.home-page .movie-list{border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center;margin:1rem auto;outline:2px solid #00ffe9;padding:1rem;width:90%}.home-page .movie-list li{animation:fadeIn .5s ease-in-out;background-color:rgba(0,0,0,.8);border:1px solid #666;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%}.home-page .movie-list li img{width:100%}.home-page .movie-list li:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-page{box-sizing:border-box;padding:10px 20px;width:100%}.detail-page h1{background:linear-gradient(90deg,#3a8bfd,#00ffe9);-webkit-background-clip:text;color:#1976d2;font-weight:800;letter-spacing:3px;margin-bottom:10px;text-align:center;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 4px 24px rgba(58,139,253,.12)}.detail-page h2{background:linear-gradient(90deg,#00ffe9,#3a8bfd);border:none;border-radius:30px;box-shadow:0 4px 16px rgba(58,139,253,.15);color:#fff;font-weight:600;letter-spacing:2px;margin:18px auto 16px;padding:8px 24px;text-align:center;width:fit-content}.detail-page .introduction{align-items:flex-start;background:linear-gradient(90deg,#e3f2fd,#f8ffff);border-radius:24px;box-shadow:0 4px 24px rgba(58,139,253,.1);display:flex;gap:32px;margin-bottom:32px;padding:32px 24px}.detail-page .introduction img{background:#fff;border-radius:18px;box-shadow:0 2px 16px rgba(58,139,253,.12);max-width:40vw;object-fit:cover;width:320px}.detail-page .introduction .info{display:flex;flex:1;flex-direction:column;justify-content:center;padding-left:24px}.detail-page .introduction .info h3{color:#555;font-size:1.1rem;margin-bottom:16px}.detail-page .introduction .info .tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.detail-page .introduction .info .tags li{background-color:rgba(58,139,253,.08);border:1px solid #3a8bfd;border-radius:8px;color:#1976d2;font-size:.95rem;font-weight:500;padding:5px 14px}.detail-page .introduction .info p{background:hsla(0,0%,100%,.6);border-radius:8px;color:#333;font-size:1rem;line-height:1.8;padding:10px 0;text-indent:2em}@media(max-width:900px){.detail-page .introduction{flex-direction:column}.detail-page .introduction img{margin-bottom:18px;max-width:100%;width:100%}.detail-page .introduction .info{padding-left:0}}.detail-page .production-companies{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:20px 0}.detail-page .production-companies li{background:linear-gradient(120deg,#e0f7fa,#e3f2fd);border:1px solid #00ffe9;border-radius:16px;box-shadow:0 4px 16px rgba(58,139,253,.12);padding:18px 12px;text-align:center;transition:transform .2s,box-shadow .2s}.detail-page .production-companies li:hover{border-color:#3a8bfd;box-shadow:0 8px 24px rgba(58,139,253,.18);transform:translateY(-6px) scale(1.03)}.detail-page .production-companies li img{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(58,139,253,.08);height:48px;margin-bottom:10px}.detail-page .production-companies li h4{color:#1976d2;font-size:1.1rem;font-weight:500;letter-spacing:1px;margin:10px 0 0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 30%,rgba(58,123,213,.3) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,150,.2) 0,transparent 60%),linear-gradient(135deg,#0f2027,#232526);color:#fff;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{box-sizing:border-box;padding:10px 20px 0;width:100%}.home_logo{cursor:pointer}li{list-style:none}
/*# sourceMappingURL=main.4f235a06.css.map*/