*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;line-height:1.6;color:#333;background:#fff}a{color:#d32f2f;text-decoration:none;transition:color .3s ease}a:hover{color:#b71c1c}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}body.ui-style-4{background:#fff;color:#333}body.ui-style-4 a{color:#d32f2f}body.ui-style-4 a:hover{color:#b71c1c}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#fff;border-bottom:2px solid #d32f2f;padding:20px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.05)}.site-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.site-logo{font-size:28px;font-weight:700;color:#d32f2f;letter-spacing:1px}nav ul{display:flex;gap:30px;align-items:center}nav ul li a{font-size:16px;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s ease}nav ul li a:hover{background:rgba(211,47,47,.1)}.breadcrumb{padding:20px 0;font-size:14px;color:#666;border-bottom:1px solid #eee;margin-bottom:30px}.breadcrumb a{color:#666}.breadcrumb a:hover{color:#d32f2f}.breadcrumb span{margin:0 8px}main{padding:40px 0 80px;min-height:60vh}section{margin-bottom:80px}section:last-child{margin-bottom:0}h1{font-size:36px;font-weight:700;color:#222;margin-bottom:20px;line-height:1.3;letter-spacing:.5px}h2{font-size:28px;font-weight:600;color:#333;margin-bottom:30px;padding-bottom:12px;border-bottom:3px solid #d32f2f;line-height:1.3}h3{font-size:20px;font-weight:600;color:#444;margin-bottom:16px;line-height:1.4}p{margin-bottom:16px;line-height:1.8;color:#555}.site-intro{background:#f9f9f9;padding:40px;border-radius:8px;border-left:5px solid #d32f2f;margin-bottom:60px}.site-intro p{font-size:16px;line-height:1.9;color:#555}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px}.video-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(211,47,47,.15);border-color:#d32f2f}.video-card-content{padding:24px}.video-card h3{font-size:18px;margin-bottom:12px;color:#222;font-weight:600}.video-card h3 a{color:#222}.video-card h3 a:hover{color:#d32f2f}.video-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:13px;color:#777}.video-meta span{background:#f0f0f0;padding:4px 10px;border-radius:3px}.video-oneline{font-size:14px;color:#666;line-height:1.6;margin-bottom:10px}.video-excerpt{font-size:13px;color:#888;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.video-tags span{background:rgba(211,47,47,.1);color:#d32f2f;padding:4px 10px;border-radius:3px;font-size:12px}.video-detail{max-width:900px;margin:0 auto}.video-detail-header{margin-bottom:40px}.video-detail-meta{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0;padding:20px;background:#f9f9f9;border-radius:6px}.video-detail-meta dl{display:flex;gap:8px;font-size:15px}.video-detail-meta dt{font-weight:600;color:#555}.video-detail-meta dd{color:#777}.video-detail-section{margin-bottom:40px}.video-detail-section h2{font-size:24px;margin-bottom:20px}.video-detail-section p,.video-detail-section blockquote{font-size:16px;line-height:1.9;color:#555}blockquote{background:#f5f5f5;border-left:4px solid #d32f2f;padding:20px;margin:20px 0;border-radius:4px}.related-videos{margin-top:60px;padding-top:40px;border-top:2px solid #eee}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:30px}.related-item{border:1px solid #e0e0e0;padding:20px;border-radius:6px;transition:all .3s ease}.related-item:hover{border-color:#d32f2f;background:#fafafa}.related-item h4{font-size:16px;margin-bottom:10px;color:#222}.related-item p{font-size:13px;color:#777;line-height:1.6}.list-intro{background:#f9f9f9;padding:30px;border-radius:8px;margin-bottom:40px;border-left:5px solid #d32f2f}.list-intro p{font-size:15px;line-height:1.8;color:#555;margin-bottom:12px}.list-intro a{color:#d32f2f;text-decoration:underline}.list-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:16px}footer{background:#222;color:#aaa;padding:40px 0 30px;margin-top:80px;text-align:center}footer p{font-size:14px;color:#aaa}footer a{color:#d32f2f}@media (max-width:1024px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}}@media (max-width:768px){nav ul{width:100%;justify-content:space-between;gap:0}nav ul li{flex:1 1 0;min-width:0;text-align:center}nav ul li a{font-size:14px;padding:8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.site-header{flex-direction:column;align-items:stretch}h1{font-size:28px}h2{font-size:22px}.video-grid{grid-template-columns:1fr;gap:20px}.related-grid{grid-template-columns:1fr}.video-detail-meta{flex-direction:column;gap:12px}}@media (max-width:480px){.container{padding:0 15px}.site-logo{font-size:22px}nav ul li a{font-size:12px;padding:6px 2px}section{margin-bottom:50px}.site-intro,.list-intro{padding:20px}}.btn{display:inline-block;padding:12px 28px;background:#d32f2f;color:#fff;border-radius:6px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{background:#b71c1c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(211,47,47,.3)}.back-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:#d32f2f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:#b71c1c;transform:translateY(-4px)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.no-content{text-align:center;padding:80px 20px;color:#999}.no-content h2{font-size:24px;margin-bottom:20px;border:none}.no-content p{font-size:16px;color:#999}