*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;min-height:100vh;padding:2rem}.container{max-width:1400px;margin:0 auto}header{margin-bottom:3rem;border-bottom:3px solid #0068FF;padding-bottom:2rem;background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #EEEEEE}.site-nav a{color:#0068ff;text-decoration:none;font-size:.875rem;font-weight:500;padding:.375rem .75rem;border-radius:.25rem;transition:all .2s}.site-nav a:hover{background:#f0f7ff;color:#0054a6}.site-nav a.active{background:#0068ff;color:#fff}.site-nav .separator{color:#dbdbdb;margin:0 .25rem;align-self:center}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#0054a6}.subtitle{color:#505858;font-size:1rem;margin-bottom:.5rem}.intro{background:#ebf5ff;padding:1rem;border-radius:.5rem;margin-top:1rem;border-left:4px solid #0068FF}.intro p{color:#0054a6;font-size:.875rem;line-height:1.6}.slideshow-container{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:2rem;margin-bottom:2rem}.slideshow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.slideshow-title{font-size:1.5rem;font-weight:600;color:#0054a6}.slide-counter{font-size:.875rem;color:#718096;padding:.5rem 1rem;background:#f9fafb;border-radius:2rem}.slide-wrapper{position:relative;display:grid;grid-template-columns:60px 1fr 60px;gap:1rem;align-items:center;margin-bottom:2rem}.slide-nav-btn{width:50px;height:50px;border-radius:50%;border:2px solid #DBDBDB;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#0068ff}.slide-nav-btn:hover:not(:disabled){background:#0068ff;border-color:#0068ff;color:#fff;transform:scale(1.1)}.slide-nav-btn:disabled{opacity:.3;cursor:not-allowed}.slide-content{display:flex;flex-direction:column;gap:1rem}.iframe-preview{width:100%;height:600px;border:2px solid #DBDBDB;border-radius:.5rem;background:#fff;position:relative;overflow:hidden}.iframe-preview iframe{width:100%;height:100%;border:none}.iframe-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #DBDBDB}.iframe-label{font-size:.875rem;color:#718096;font-weight:500}.open-link{color:#0068ff;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.open-link:hover{color:#0054a6}.slide-details{background:#f9fafb;border:1px solid #DBDBDB;border-radius:.5rem;padding:1.5rem}.slide-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.rank-badge{background:linear-gradient(135deg,#ffd032,orange);color:#000;padding:.5rem 1rem;border-radius:2rem;font-weight:700;font-size:1rem}.score-badge{background:linear-gradient(135deg,#0068ff,#0054a6);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:700;font-size:1.25rem}.content-type-badge{background:#ebf5ff;color:#0068ff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600}.slide-title{font-size:1.25rem;font-weight:600;color:#0054a6;margin-bottom:1rem}.why-section{margin-bottom:1.5rem}.why-section h4{font-size:.875rem;font-weight:600;color:#0054a6;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.why-section p{color:#4a5568;line-height:1.6;font-size:.9375rem}.scores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.score-item{text-align:center;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #DBDBDB}.score-label{font-size:.75rem;color:#718096;display:block;margin-bottom:.25rem;font-weight:500}.score-value{font-size:1.5rem;font-weight:700;color:#0068ff}.thumbnail-gallery{display:flex;gap:.75rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin;scrollbar-color:#DBDBDB #f9fafb}.thumbnail-gallery::-webkit-scrollbar{height:8px}.thumbnail-gallery::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.thumbnail-gallery::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:4px}.thumbnail-gallery::-webkit-scrollbar-thumb:hover{background:#0068ff}.thumbnail{flex:0 0 120px;height:100px;border:3px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}.thumbnail:hover{border-color:#0068ff;transform:translateY(-2px)}.thumbnail.active{border-color:#0068ff;box-shadow:0 4px 12px #0068ff4d}.thumbnail-header{background:linear-gradient(135deg,#0068ff,#0054a6);color:#fff;padding:.5rem;font-size:.75rem;font-weight:700;text-align:center}.thumbnail-score{font-size:1rem}.thumbnail-body{padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center}.thumbnail-rank{font-size:1.5rem;font-weight:700;color:#0054a6}@media(max-width:1024px){.slide-wrapper{grid-template-columns:1fr}.slide-nav-btn{display:none}.scores-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){body{padding:1rem}h1{font-size:1.75rem}.iframe-preview{height:400px}.scores-grid{grid-template-columns:repeat(2,1fr)}.thumbnail{flex:0 0 100px;height:80px}}.mobile-nav{display:none;justify-content:space-between;gap:1rem;margin-bottom:1rem}@media(max-width:1024px){.mobile-nav{display:flex}}.mobile-nav-btn{flex:1;padding:.75rem;background:#fff;border:2px solid #DBDBDB;border-radius:.5rem;color:#0068ff;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-nav-btn:hover:not(:disabled){background:#0068ff;border-color:#0068ff;color:#fff}.mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed}