body{margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;background:#fff;color:#333;line-height:1.6}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:20px}header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.logo{font-size:24px;font-weight:bold;color:#FF2D55;padding:15px 20px;text-align:center}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#fff;padding:10px 20px;overflow-x:visible}nav a{flex:1 1 0;min-width:0;text-align:center;color:#333;text-decoration:none;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s;font-size:15px}nav a:hover, nav a.active{color:#FF2D55}.breadcrumb{padding:15px 20px;font-size:14px;color:#666;background:#f9f9f9}.breadcrumb a{color:#666;text-decoration:none}.breadcrumb a:hover{color:#FF2D55;text-decoration:underline}.breadcrumb span{color:#999}h1{font-size:32px;margin:30px 0 15px;font-weight:600;line-height:1.2}h2{font-size:24px;margin:25px 0 15px;font-weight:600;line-height:1.2}h3{font-size:18px;margin:15px 0 10px;font-weight:600}a{color:#FF2D55;text-decoration:none}a:hover{text-decoration:underline}.intro-section{background:linear-gradient(135deg, #fff5f7 0%, #fff 100%);padding:40px;border-radius:16px;margin:30px 0}.intro-section p{font-size:16px;line-height:1.8;color:#555;margin:10px 0}section{margin:40px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #FF2D55}.section-title h2{margin:0;color:#222}.section-title a{font-size:14px;color:#666}.video-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px;margin:20px 0}.video-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:20px;transition:all 0.3s}.video-card:hover{box-shadow:0 4px 20px rgba(255,45,85,0.15);transform:translateY(-4px)}.video-card h3{margin:0 0 10px;font-size:18px}.video-card h3 a{color:#222}.video-card h3 a:hover{color:#FF2D55;text-decoration:none}.meta{font-size:13px;color:#999;margin:8px 0}.one-line{font-size:14px;color:#666;line-height:1.6;margin:10px 0}.excerpt{font-size:14px;color:#777;line-height:1.6;margin:10px 0}.detail-header{background:linear-gradient(135deg, #fff5f7 0%, #fff 100%);padding:40px;border-radius:16px;margin:30px 0}.detail-title{font-size:36px;margin:0 0 20px;font-weight:700;color:#222}.detail-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:15px;color:#666;margin:15px 0}.detail-meta span{padding:6px 12px;background:#fff;border-radius:6px}.detail-section{margin:30px 0}.detail-section h2{font-size:22px;margin-bottom:15px;color:#222;border-left:4px solid #FF2D55;padding-left:15px}.detail-section p{font-size:16px;line-height:1.8;color:#555;margin:12px 0}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.tag{display:inline-block;padding:6px 14px;background:#f0f0f0;color:#666;border-radius:20px;font-size:14px}.related-videos{margin:40px 0}.related-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:20px;list-style:none;padding:0;margin:20px 0}.related-list li{background:#f9f9f9;padding:16px;border-radius:8px;transition:all 0.3s}.related-list li:hover{background:#fff5f7;transform:translateY(-2px)}.list-header{background:linear-gradient(135deg, #fff5f7 0%, #fff 100%);padding:40px;border-radius:16px;margin:30px 0}.list-header h1{margin:0 0 15px}.list-header p{font-size:16px;line-height:1.8;color:#555;margin:10px 0}.list-links{margin:20px 0;padding:20px;background:#f9f9f9;border-radius:8px}.list-links a{display:inline-block;margin:5px 10px 5px 0;padding:6px 12px;background:#fff;border-radius:6px;font-size:14px}footer{margin-top:60px;padding:30px 20px;text-align:center;background:#f9f9f9;color:#999;font-size:14px}@media (max-width:768px){nav{padding:8px 10px;overflow-x:visible}nav a{font-size:13px;padding:6px 5px}.logo{font-size:20px;padding:12px 15px}h1{font-size:24px}.detail-title{font-size:26px}.video-grid{grid-template-columns:1fr;gap:16px}.intro-section, .detail-header, .list-header{padding:25px}.container{padding:15px}}@media (max-width:480px){nav a{font-size:12px;padding:5px 3px}}ul{list-style:none;margin:0;padding:0}