body{margin:0;padding:0;}.container{max-width:1200px;margin:0 auto;padding:20px;}.breadcrumb{font-size:14px;color:#666;margin-bottom:20px;padding:10px 0;}.breadcrumb a{color:#0066cc;}.breadcrumb a:hover{text-decoration:underline;}.hero{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;margin-bottom:30px;}.hero h1{font-size:2em;margin-bottom:15px;color:#222;}.intro{font-size:1.1em;color:#555;line-height:1.8;max-width:800px;margin:0 auto;}.section{margin-bottom:50px;}.section h2{font-size:1.8em;margin-bottom:20px;border-left:4px solid #0066cc;padding-left:15px;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}.video-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15);}.video-card h3{font-size:1.3em;margin-bottom:10px;}.video-card h3 a{color:#222;}.video-card h3 a:hover{color:#0066cc;}.video-card .meta{font-size:0.9em;color:#777;margin-bottom:10px;}.video-card .oneline{color:#444;line-height:1.6;margin-bottom:10px;}.video-card .summary{font-size:0.95em;color:#666;line-height:1.5;margin-bottom:10px;}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}.tag{background:#e8f4f8;color:#0066cc;padding:4px 10px;border-radius:4px;font-size:0.85em;}.more-link{text-align:center;margin-top:20px;}.more-link a{color:#0066cc;font-size:1.1em;font-weight:bold;}.page-intro{font-size:1.1em;color:#555;margin-bottom:20px;line-height:1.8;}.note{background:#fff9e6;border-left:4px solid #ffc107;padding:15px;margin-bottom:20px;border-radius:4px;}.note a{color:#0066cc;font-weight:bold;}.video-list{display:flex;flex-direction:column;gap:20px;}.video-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:flex;gap:20px;align-items:flex-start;}.video-number{font-size:2em;font-weight:bold;color:#0066cc;min-width:50px;text-align:center;}.video-content{flex:1;}.video-item h2{font-size:1.4em;margin-bottom:8px;}.video-item h2 a{color:#222;}.video-item h2 a:hover{color:#0066cc;}.detail{background:#fff;padding:30px;border-radius:8px;}.detail header h1{font-size:2.2em;margin-bottom:20px;color:#222;}.detail-info dl{display:grid;grid-template-columns:100px 1fr;gap:15px 20px;margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px;}.detail-info dt{font-weight:bold;color:#555;}.detail-info dd{color:#333;}.detail-section{margin-bottom:30px;}.detail-section h2{font-size:1.6em;margin-bottom:15px;color:#222;border-bottom:2px solid #eee;padding-bottom:10px;}.highlight{font-size:1.2em;line-height:1.8;color:#0066cc;font-weight:500;padding:15px;background:#f0f8ff;border-left:4px solid #0066cc;border-radius:4px;}.summary-text,.review-text{font-size:1.05em;line-height:1.8;color:#444;text-indent:2em;}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}.related-item{padding:15px;background:#f9f9f9;border-radius:8px;border:1px solid #eee;}.related-item h3{font-size:1.1em;margin-bottom:8px;}.related-item h3 a{color:#0066cc;}.related-item p{font-size:0.9em;color:#666;}.error-page,.error-content{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;}.error-page h1{font-size:6em;color:#ccc;margin-bottom:20px;}.error-content p{font-size:1.2em;margin-bottom:15px;color:#555;}.btn{display:inline-block;padding:12px 30px;background:#0066cc;color:#fff;border-radius:6px;margin:10px 5px;font-weight:bold;transition:background 0.3s;}.btn:hover{background:#0052a3;}footer{background:#333;color:#fff;text-align:center;padding:20px;margin-top:50px;}@media (max-width:768px){.hero h1{font-size:1.5em;}.intro{font-size:1em;}.section h2{font-size:1.4em;}.video-grid{grid-template-columns:1fr;}.video-item{flex-direction:column;}.video-number{font-size:1.5em;}.detail header h1{font-size:1.6em;}.detail-info dl{grid-template-columns:80px 1fr;gap:10px 15px;}.related-list{grid-template-columns:1fr;}}