*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif;font-size:16px;line-height:1.6;color:#333;background:#fff;}body.ui-style-11{color:#333;background:#ffffff;}a{color:#0099FF;text-decoration:none;transition:color 0.2s ease;}a:hover{color:#FF6B35;}img{max-width:100%;height:auto;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.05);}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:1200px;margin:0 auto;}.logo{font-size:24px;font-weight:600;color:#0099FF;white-space:nowrap;}nav{flex:1;display:flex;justify-content:flex-end;}nav ul{list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:nowrap;}nav ul li{white-space:nowrap;}nav ul li a{display:block;padding:8px 16px;color:#666;border-radius:4px;transition:all 0.2s ease;}nav ul li a:hover,nav ul li a.active{color:#0099FF;background:rgba(0,153,255,0.08);}@media (max-width:768px){.header-inner{flex-wrap:nowrap;padding:12px 16px;}.logo{font-size:18px;min-width:0;flex-shrink:1;}nav{min-width:0;flex-shrink:1;}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px;width:100%;}nav ul li{flex:1 1 0;min-width:0;text-align:center;}nav ul li a{padding:6px 8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}.breadcrumb{padding:16px 0;font-size:14px;color:#999;}.breadcrumb a{color:#666;}.breadcrumb a:hover{color:#0099FF;}.breadcrumb span{margin:0 8px;}main{min-height:60vh;padding:40px 0;}h1{font-size:32px;font-weight:600;line-height:1.3;color:#222;margin-bottom:24px;}h2{font-size:24px;font-weight:600;line-height:1.3;color:#333;margin-bottom:20px;}h3{font-size:20px;font-weight:600;line-height:1.3;color:#444;margin-bottom:16px;}@media (max-width:768px){h1{font-size:24px;}h2{font-size:20px;}h3{font-size:18px;}}section{margin-bottom:60px;}section:last-child{margin-bottom:0;}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #0099FF;}.section-title{font-size:24px;font-weight:600;color:#222;}.section-subtitle{font-size:14px;color:#999;margin-top:8px;}.section-more{font-size:14px;color:#0099FF;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}@media (max-width:768px){.video-grid{grid-template-columns:1fr;gap:20px;}}.video-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;transition:all 0.2s ease;position:relative;}.video-card:hover{box-shadow:0 4px 12px rgba(0,153,255,0.15);border-color:#0099FF;}.video-card-index{position:absolute;top:16px;right:16px;background:#0099FF;color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:12px;}.video-card-title{font-size:18px;font-weight:600;color:#222;margin-bottom:12px;padding-right:60px;}.video-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:14px;color:#666;}.video-card-meta span{display:inline-flex;align-items:center;}.video-card-oneline{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px;}.video-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}.tag{display:inline-block;padding:4px 12px;font-size:12px;color:#0099FF;background:rgba(0,153,255,0.08);border-radius:4px;}.video-list{display:flex;flex-direction:column;gap:20px;}.video-list-item{display:flex;gap:20px;padding:20px;border:1px solid #e5e5e5;border-left:4px solid #0099FF;border-radius:4px;transition:all 0.2s ease;}.video-list-item:hover{box-shadow:0 2px 8px rgba(0,153,255,0.1);background:rgba(0,153,255,0.02);}.video-list-index{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0099FF;color:#fff;font-size:20px;font-weight:600;border-radius:50%;}.video-list-content{flex:1;min-width:0;}.video-list-title{font-size:18px;font-weight:600;color:#222;margin-bottom:8px;}.video-list-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:14px;color:#666;}.video-list-oneline{font-size:14px;color:#666;line-height:1.6;}@media (max-width:768px){.video-list-item{flex-direction:column;gap:12px;}.video-list-index{width:40px;height:40px;font-size:18px;}}.detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e5e5;}.detail-title{font-size:36px;font-weight:600;color:#222;margin-bottom:16px;}.detail-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:16px;color:#666;}.detail-meta-item{display:flex;align-items:center;gap:8px;}.detail-meta-label{font-weight:600;color:#333;}@media (max-width:768px){.detail-title{font-size:24px;}.detail-meta{font-size:14px;gap:12px;}}.detail-section{margin-bottom:40px;}.detail-section-title{font-size:22px;font-weight:600;color:#222;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #0099FF;}.detail-section-content{font-size:16px;line-height:1.8;color:#555;}.detail-section-content p{margin-bottom:12px;}.detail-tags{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}.detail-tag{padding:8px 16px;font-size:14px;color:#0099FF;background:rgba(0,153,255,0.08);border-radius:4px;}.related-videos{margin-top:60px;padding-top:40px;border-top:1px solid #e5e5e5;}.related-videos h2{margin-bottom:24px;}.site-intro{background:linear-gradient(135deg,rgba(0,153,255,0.05) 0%,rgba(255,107,53,0.05) 100%);border-radius:8px;padding:32px;margin-bottom:60px;}.site-intro-text{font-size:16px;line-height:1.8;color:#555;}.site-intro-text p{margin-bottom:12px;}.btn{display:inline-block;padding:10px 24px;font-size:16px;color:#fff;background:#0099FF;border:none;border-radius:4px;cursor:pointer;transition:all 0.2s ease;}.btn:hover{background:#0077CC;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,153,255,0.2);}.btn-secondary{background:#FF6B35;}.btn-secondary:hover{background:#E55A2B;}footer{background:#f8f9fa;border-top:1px solid #e5e5e5;padding:40px 0;margin-top:60px;}.footer-content{text-align:center;font-size:14px;color:#666;}.footer-content p{margin-bottom:8px;}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:16px;}.footer-links a{color:#666;}.footer-links a:hover{color:#0099FF;}@media (max-width:1200px){.container{padding:0 16px;}}@media (max-width:768px){main{padding:24px 0;}section{margin-bottom:40px;}.section-header{flex-direction:column;align-items:flex-start;gap:8px;}.site-intro{padding:20px;}.site-intro-text{font-size:14px;}}.text-center{text-align:center;}.mb-16{margin-bottom:16px;}.mb-24{margin-bottom:24px;}.mt-24{margin-top:24px;}.text-muted{color:#999;}.text-small{font-size:14px;}