* { margin:0; padding:0; box-sizing:border-box; }
        body { background:#f8fafc; font-family:'Segoe UI','Roboto',system-ui,sans-serif; color:#1e2a3a; line-height:1.4; padding:20px; }
        .container { max-width:1600px; margin:0 auto; }
        .site-header { display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid #edf2f7; margin-bottom:24px; flex-wrap:wrap; }
        .site-header .logo a { font-size:1.8rem; font-weight:700; color:#1e2a3a; text-decoration:none; letter-spacing:-0.5px; }
        .site-header .logo a span { color:#ff6900; }
        .site-nav a { margin-left:28px; text-decoration:none; color:#4a627a; font-weight:500; font-size:0.95rem; }
        .site-nav a:hover { color:#ff6900; }
        @media (max-width:700px) { .site-nav a { margin-left:12px; font-size:0.85rem; } }
        .mi-banner { text-align:center; margin-bottom:40px; }
        .mi-btn { display:inline-block; background:linear-gradient(135deg,#ff6900,#ff9a3c); border-radius:48px; padding:14px 40px; font-size:1.1rem; font-weight:600; color:#fff; text-decoration:none; box-shadow:0 4px 12px rgba(255,105,0,0.25); transition:0.2s; }
        .mi-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(255,105,0,0.35); background:linear-gradient(135deg,#ff5500,#ff8a2a); }
        .intro-text { background:#fff; padding:20px 28px; border-radius:24px; margin-bottom:40px; border:1px solid #edf2f7; font-size:0.95rem; line-height:1.7; color:#2c3e50; }
        .intro-text strong { color:#ff6900; }
        .video-group { margin-bottom:48px; }
        .group-title { font-size:1.4rem; font-weight:500; color:#1f3b4c; padding-left:14px; margin-bottom:20px; border-left:5px solid #ff6900; }
        .video-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
        .video-card { background:#fff; border-radius:16px; overflow:hidden; transition:0.25s ease; box-shadow:0 2px 8px rgba(0,0,0,0.04); border:1px solid #edf2f7; }
        .video-card:hover { transform:translateY(-4px); box-shadow:0 12px 24px rgba(0,0,0,0.08); border-color:#ffe0c0; }
        .image-link { display:block; text-decoration:none; }
        .img-wrapper { position:relative; aspect-ratio:4/3; background-size:cover; background-position:center; transition:0.2s; }
        .video-card:hover .img-wrapper { transform:scale(1.01); }
        .play-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:44px; height:44px; background:rgba(0,0,0,0.6); backdrop-filter:blur(3px); border-radius:50%; border:1px solid #ffb347; transition:0.2s; }
        .play-icon::after { content:""; position:absolute; top:50%; left:56%; transform:translate(-50%,-50%); border-style:solid; border-width:9px 0 9px 16px; border-color:transparent transparent transparent #fff; }
        .image-link:hover .play-icon { background:#ff6900; transform:translate(-50%,-50%) scale(1.1); border-color:#fff; }
        .image-link:hover .play-icon::after { border-left-color:#fff; }
        .card-info { padding:10px 8px 14px; text-align:center; }
        .keyword-link { font-size:0.8rem; font-weight:600; text-decoration:none; color:#ff6900; background:#fff4e8; padding:4px 12px; border-radius:28px; display:inline-block; transition:0.2s; }
        .keyword-link:hover { background:#ff6900; color:#fff; }
        .keyword-desc { font-size:0.65rem; color:#6c7a8a; margin-top:6px; background:#fafcff; border-radius:16px; padding:4px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .footer-mi { text-align:center; margin-top:50px; padding:20px; font-size:0.75rem; color:#8a9bb0; border-top:1px solid #eef2f6; }
        .footer-mi a { color:#ff6900; text-decoration:none; }
        .footer-links { display:flex; justify-content:center; gap:30px; margin-top:10px; flex-wrap:wrap; }
        .footer-links a { color:#8a9bb0; text-decoration:none; font-size:0.8rem; }
        .footer-links a:hover { color:#ff6900; }
        @media (max-width:1200px) { .video-grid { grid-template-columns:repeat(6,1fr); } }
        @media (max-width:700px) { .video-grid { grid-template-columns:repeat(2,1fr); gap:12px; } .group-title { font-size:1.1rem; } .keyword-link { font-size:0.7rem; padding:3px 8px; } .keyword-desc { font-size:0.55rem; white-space:normal; } .play-icon { width:36px; height:36px; } .play-icon::after { border-width:7px 0 7px 13px; } .mi-btn { font-size:0.9rem; padding:8px 20px; } }