*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}a{text-decoration:none;color:inherit;}nav{background:#fff;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;}nav li{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.5rem;}nav a{color:#333;font-weight:500;}nav a:hover{color:#e50914;}.logo{font-size:1.2rem;font-weight:bold;color:#e50914;}main{max-width:1200px;margin:0 auto;padding:2rem 1rem;}h1,h2,h3{margin-bottom:1rem;}.breadcrumb{font-size:0.9rem;color:#666;margin-bottom:1.5rem;padding:0.5rem 0;}.breadcrumb a{color:#007bff;}.breadcrumb a:hover{text-decoration:underline;}@media (max-width:768px){nav ul{font-size:0.85rem;}nav li{padding:0.3rem 0.2rem;}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15);}.card-content{padding:1.5rem;}.card-title{font-size:1.1rem;font-weight:bold;margin-bottom:0.5rem;color:#222;}.card-meta{font-size:0.85rem;color:#666;margin-bottom:0.5rem;}.card-desc{font-size:0.9rem;color:#555;line-height:1.6;margin-bottom:1rem;}.card-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}.tag{display:inline-block;padding:0.2rem 0.6rem;background:#f0f0f0;border-radius:4px;font-size:0.8rem;color:#555;}.detail-container{background:#fff;border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.detail-header{border-bottom:2px solid #e50914;padding-bottom:1rem;margin-bottom:2rem;}.detail-title{font-size:2rem;color:#222;margin-bottom:1rem;}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.9rem;color:#666;margin-bottom:1rem;}.detail-section{margin:2rem 0;}.detail-section h2{font-size:1.3rem;color:#333;margin-bottom:1rem;border-left:4px solid #e50914;padding-left:1rem;}.detail-section p{line-height:1.8;color:#555;margin-bottom:1rem;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;}.related-item{padding:1rem;background:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0;}.related-item:hover{background:#f0f0f0;}.related-title{font-weight:bold;color:#333;margin-bottom:0.5rem;}.related-desc{font-size:0.85rem;color:#666;}.list-header{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.list-intro{font-size:1rem;line-height:1.8;color:#555;margin:1rem 0;}.list-links{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;}.list-links a{color:#007bff;margin-right:1rem;}.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 2rem;border-radius:8px;margin-bottom:3rem;text-align:center;}.hero-title{font-size:2.5rem;margin-bottom:1rem;}.hero-desc{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;}.section{margin:3rem 0;}.section-title{font-size:1.8rem;color:#222;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #e50914;}.intro-box{background:#fff;border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.intro-text{font-size:1rem;line-height:1.8;color:#555;}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem;}.hero-title{font-size:1.8rem;}.hero-desc{font-size:1rem;}.detail-title{font-size:1.5rem;}.related-grid{grid-template-columns:1fr;}}body.ui-style-3{--primary-color:#e50914;--text-color:#333;}