*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;background:#0f0f0f;color:#e5e5e5;line-height:1.6;font-size:16px}a{color:#e50914;text-decoration:none;transition:color 0.3s ease}a:hover{color:#ff1f2f}nav{background:#141414;padding:1rem 2rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-bottom:3px solid #e50914;box-shadow:0 2px 10px rgba(0,0,0,0.5);position:sticky;top:0;z-index:1000}nav a{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.5rem 0.8rem;color:#e5e5e5;font-weight:500;border-radius:4px;transition:all 0.3s ease}nav a.logo{flex:1.5 1 0;color:#e50914;font-size:1.2rem}nav a:hover{background:rgba(229,9,20,0.1);color:#ff1f2f;transform:translateY(-2px)}.breadcrumb{background:#1a1a1a;padding:0.8rem 2rem;font-size:0.9rem;color:#999;border-bottom:1px solid #333}.breadcrumb a{color:#999;margin-right:0.3rem}.breadcrumb a:hover{color:#e50914}.breadcrumb span{color:#e5e5e5}main{max-width:1400px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border-radius:12px;margin-bottom:3rem;border:1px solid #333}.hero h1{font-size:2.5rem;color:#e50914;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.hero .intro{font-size:1.1rem;color:#b3b3b3;max-width:800px;margin:0 auto;line-height:1.8}section{margin-bottom:3rem}section h2{font-size:1.8rem;color:#e5e5e5;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #e50914;font-weight:600}.more{text-align:right;margin-top:1.5rem;font-size:1rem}.more a{display:inline-block;padding:0.5rem 1.5rem;background:rgba(229,9,20,0.1);border:1px solid #e50914;border-radius:6px;transition:all 0.3s ease}.more a:hover{background:#e50914;color:#fff;transform:translateX(5px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;transition:all 0.3s ease;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(229,9,20,0.3);border-color:#e50914}.card h3{font-size:1.3rem;margin-bottom:0.8rem;color:#e5e5e5;font-weight:600}.card h3 a{color:#e5e5e5}.card h3 a:hover{color:#e50914}.card .meta{font-size:0.85rem;color:#999;margin-bottom:0.6rem}.card .genre{font-size:0.9rem;color:#b3b3b3;margin-bottom:0.6rem}.card .one-line{font-size:0.95rem;color:#b3b3b3;line-height:1.5;margin-bottom:0.5rem}.card .summary{font-size:0.9rem;color:#999;line-height:1.5}.card .tags{font-size:0.85rem;color:#e50914;margin-top:0.8rem}.card-list{display:flex;flex-direction:column;gap:1rem}.card-item{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.2rem;display:flex;align-items:center;gap:1.5rem;transition:all 0.3s ease}.card-item:hover{transform:translateX(10px);border-color:#e50914;box-shadow:0 4px 15px rgba(229,9,20,0.2)}.card-item .rank{font-size:2rem;font-weight:700;color:#e50914;min-width:50px;text-align:center}.card-item .content{flex:1}.card-item h3{font-size:1.2rem;margin-bottom:0.5rem;color:#e5e5e5}.card-item h3 a{color:#e5e5e5}.card-item h3 a:hover{color:#e50914}.list-page{background:#141414;border-radius:12px;padding:2rem;border:1px solid #333}.list-page h1{font-size:2.2rem;color:#e50914;margin-bottom:1rem;font-weight:700}.page-desc{font-size:1rem;color:#b3b3b3;margin-bottom:2rem;line-height:1.8}.other-lists{background:rgba(229,9,20,0.05);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #e50914}.other-lists p{font-weight:600;color:#e5e5e5;margin-bottom:0.8rem}.other-lists ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.other-lists ul li a{display:inline-block;padding:0.5rem 1.2rem;background:#1a1a1a;border:1px solid #e50914;border-radius:6px;transition:all 0.3s ease}.other-lists ul li a:hover{background:#e50914;color:#fff}.rank-badge{position:absolute;top:10px;right:10px;background:#e50914;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 8px rgba(229,9,20,0.5)}.top-card{position:relative}.detail-page{background:#141414;border-radius:12px;padding:3rem;border:1px solid #333}.detail-page header h1{font-size:2.5rem;color:#e50914;margin-bottom:2rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,0.5)}.meta-info{background:#1a1a1a;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #e50914}.meta-info p{margin-bottom:0.8rem;font-size:1rem;color:#b3b3b3}.meta-info strong{color:#e5e5e5;margin-right:0.5rem}.one-line-section,.summary-section,.review-section{margin-bottom:2.5rem}.one-line-section h2,.summary-section h2,.review-section h2,.related-section h2{font-size:1.6rem;color:#e5e5e5;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #333;font-weight:600}.one-line-section p,.summary-section p,.review-section p{font-size:1.05rem;line-height:1.8;color:#b3b3b3}.related-section{margin-top:3rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}.related-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.2rem;transition:all 0.3s ease}.related-card:hover{transform:translateY(-3px);border-color:#e50914;box-shadow:0 6px 15px rgba(229,9,20,0.2)}.related-card h3{font-size:1.1rem;margin-bottom:0.6rem;color:#e5e5e5}.related-card h3 a{color:#e5e5e5}.related-card h3 a:hover{color:#e50914}.related-card p{font-size:0.9rem;color:#999;line-height:1.5}.error-page,.detail-page.invalid{text-align:center;padding:5rem 2rem}.error-page h1,.detail-page.invalid h1{font-size:3rem;color:#e50914;margin-bottom:1.5rem}.error-page p,.detail-page.invalid p{font-size:1.1rem;color:#b3b3b3;margin-bottom:1rem}footer{background:#141414;color:#999;text-align:center;padding:2rem;margin-top:4rem;border-top:3px solid #e50914}@media (max-width:768px){nav{padding:0.8rem 1rem}nav a{font-size:0.85rem;padding:0.4rem 0.3rem}nav a.logo{font-size:1rem}.breadcrumb{padding:0.6rem 1rem;font-size:0.8rem}main{padding:1rem}.hero h1{font-size:1.8rem}.hero .intro{font-size:1rem}section h2{font-size:1.4rem}.card-grid{grid-template-columns:1fr;gap:1rem}.detail-page{padding:1.5rem}.detail-page header h1{font-size:1.8rem}.related-grid{grid-template-columns:1fr}}@media (max-width:480px){nav a{font-size:0.75rem;padding:0.3rem 0.2rem}.hero{padding:2rem 1rem}.hero h1{font-size:1.5rem}}