*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.6;color:#e0e0e0;background-color:#0a0a0a;min-height:100vh}a{color:inherit;text-decoration:none;transition:color 0.3s ease}a:hover{color:#ff4444}img{max-width:100%;height:auto;display:block}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:0.5em;color:#ffffff}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1em}.ui-style-5{background-color:#0a0a0a;color:#e0e0e0}.ui-style-5 nav{background-color:#1a1a1a;border-bottom:2px solid #ff4444;box-shadow:0 2px 8px rgba(0,0,0,0.5)}.ui-style-5 nav a{color:#cccccc;padding:0.75rem 1rem;display:inline-block;transition:all 0.3s ease;font-weight:500}.ui-style-5 nav a:hover,.ui-style-5 nav a.active{color:#ffffff;background-color:#ff4444}.ui-style-5 .card{background-color:#1a1a1a;border:1px solid #333333;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;transition:all 0.3s ease}.ui-style-5 .card:hover{border-color:#ff4444;box-shadow:0 4px 12px rgba(255,68,68,0.3);transform:translateY(-2px)}.ui-style-5 .card h3{color:#ffffff;margin-bottom:0.5rem;font-size:1.25rem}.ui-style-5 .card h3 a{color:#ffffff}.ui-style-5 .card h3 a:hover{color:#ff4444}.ui-style-5 .card .meta{color:#999999;font-size:0.875rem;margin-bottom:0.75rem}.ui-style-5 .card .one-line{margin-bottom:0.5rem;line-height:1.5}.ui-style-5 .card .summary{color:#cccccc;font-size:0.9375rem;line-height:1.6;margin-bottom:0.5rem}.ui-style-5 .card .review{color:#aaaaaa;font-size:0.875rem;font-style:italic;line-height:1.5}.ui-style-5 .card .tags{margin-top:0.75rem;display:flex;flex-wrap:wrap;gap:0.5rem}.ui-style-5 .card .tag{display:inline-block;background-color:#333333;color:#cccccc;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;transition:all 0.3s ease}.ui-style-5 .card .tag:hover{background-color:#ff4444;color:#ffffff}.ui-style-5 .highlight{color:#ff4444;font-weight:600}.ui-style-5 button,.ui-style-5 .btn{background-color:#ff4444;color:#ffffff;border:none;padding:0.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:all 0.3s ease;font-size:1rem;font-weight:500;display:inline-block}.ui-style-5 button:hover,.ui-style-5 .btn:hover{background-color:#ff6666;transform:scale(1.05);box-shadow:0 4px 12px rgba(255,68,68,0.4)}.layout-a{max-width:1200px;margin:0 auto;padding:0 1rem}.layout-a header{padding:2rem 0}.layout-a main{min-height:60vh;padding:2rem 0}.layout-a footer{padding:2rem 0;border-top:1px solid #333333;text-align:center;color:#999999;font-size:0.875rem;margin-top:3rem}.layout-a footer p{margin-bottom:0.5rem}nav{position:sticky;top:0;z-index:100}nav ul{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch}nav ul::-webkit-scrollbar{display:none}nav ul{-ms-overflow-style:none;scrollbar-width:none}nav li{flex-shrink:0;white-space:nowrap}.breadcrumb{padding:1rem 0;color:#999999;font-size:0.875rem;margin-bottom:1rem}.breadcrumb a{color:#cccccc;transition:color 0.3s ease}.breadcrumb a:hover{color:#ff4444}.breadcrumb span{margin:0 0.5rem}.site-intro{margin-bottom:3rem}.site-intro h1{font-size:2rem;margin-bottom:1rem;color:#ffffff}.site-intro p{font-size:1rem;line-height:1.8;color:#cccccc;text-align:justify}.page-intro{margin-bottom:2rem}.page-intro h1{font-size:1.75rem;margin-bottom:1rem;color:#ffffff}.page-intro p{font-size:1rem;line-height:1.6;color:#cccccc}.page-intro .other-lists{margin-top:1rem;padding:1rem;background-color:#1a1a1a;border-radius:8px;border:1px solid #333333}.page-intro .other-lists ul{margin-top:0.5rem}.page-intro .other-lists li{margin-bottom:0.5rem}.page-intro .other-lists a{color:#cccccc;transition:color 0.3s ease}.page-intro .other-lists a:hover{color:#ff4444}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}section{margin-bottom:3rem}section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#ffffff;border-left:4px solid #ff4444;padding-left:1rem}section p{text-align:center;margin-top:1.5rem}.video-detail h1{font-size:2rem;margin-bottom:1rem;color:#ffffff}.video-detail .meta{font-size:1rem;margin:1rem 0;color:#cccccc}.video-detail .meta span{margin-right:1rem}.video-detail .one-line{margin-top:1.5rem;padding:1rem;background-color:#1a1a1a;border-left:4px solid #ff4444;border-radius:4px}.video-detail .one-line p{font-size:1.1rem;font-weight:500;margin-bottom:0;text-align:left}.video-detail .summary{margin-top:1.5rem}.video-detail .summary h2{font-size:1.25rem;margin-bottom:1rem}.video-detail .summary p{line-height:1.8;text-align:justify}.video-detail .review{margin-top:1.5rem;padding:1rem;background-color:#1a1a1a;border-radius:8px;border:1px solid #333333}.video-detail .review h2{font-size:1.25rem;margin-bottom:1rem;border-left:none;padding-left:0}.video-detail .review p{line-height:1.8;font-style:italic;text-align:left}.video-detail .tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem}.related-videos{margin-top:2rem}.related-videos h2{font-size:1.25rem;margin-bottom:1.5rem}.error-page{text-align:center;padding:4rem 2rem}.error-page h1{font-size:6rem;color:#ff4444;margin-bottom:1rem}.error-page h2{margin-bottom:1rem;color:#ffffff}.error-page p{color:#999999;margin-bottom:2rem}.error-page .btn{margin:0 0.5rem}#back-to-top{position:fixed;bottom:2rem;right:2rem;background-color:#ff4444;color:#ffffff;width:48px;height:48px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s ease;z-index:999;font-size:1.5rem;font-weight:bold}#back-to-top:hover{background-color:#ff6666;transform:scale(1.1)}#back-to-top.show{display:flex}@media (max-width:768px){html{font-size:14px}.card-grid{grid-template-columns:1fr;gap:1rem}nav ul{justify-content:flex-start}nav a{padding:0.5rem 0.75rem;font-size:0.875rem}.site-intro h1{font-size:1.5rem}.page-intro h1{font-size:1.5rem}.video-detail h1{font-size:1.5rem}section h2{font-size:1.25rem}.error-page h1{font-size:4rem}#back-to-top{bottom:1rem;right:1rem;width:40px;height:40px;font-size:1.25rem}}@media (max-width:480px){.layout-a{padding:0 0.75rem}.card{padding:1rem}nav a{padding:0.5rem 0.5rem;font-size:0.8125rem}.error-page{padding:2rem 1rem}.error-page .btn{display:block;margin:0.5rem auto;width:100%;max-width:200px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}