:root{--深綠:#073d32;--綠:#11bf8b;--淺綠:#e5f8ef;--米白:#f8f8f3;--文字:#17251f}*{box-sizing:border-box}body{margin:0;background:var(--米白);color:var(--文字);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}a{text-decoration:none;color:inherit}.頂部{padding:17px 7%;background:var(--深綠);color:#fff;display:flex;align-items:center;justify-content:space-between}.品牌{font-weight:800;font-size:20px}.品牌 span{color:var(--綠);margin-right:7px}.訂閱{background:#e92b2b;padding:10px 17px;border-radius:4px;font-weight:700;font-size:14px}.主視覺{background:var(--深綠);color:#fff;padding:72px 7% 86px}.眼眉{margin:0 0 14px;color:var(--綠);letter-spacing:2px;font-weight:700;font-size:12px}.主視覺 h1{font-size:clamp(42px,7vw,76px);line-height:1.15;margin:0}.主視覺 h1 span{color:var(--綠)}.主視覺 p:not(.眼眉){color:#c3d7d0;line-height:1.8;max-width:520px}.影片區{padding:70px 7%}.標題列{display:flex;justify-content:space-between;align-items:end;gap:20px}.標題列 h2{font-size:38px;margin:0}.更新狀態{color:#63736c;font-size:13px}.篩選列{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.篩選鈕{border:1px solid #bdc9c3;border-radius:99px;background:#fff;padding:8px 16px;cursor:pointer;font:inherit;font-size:14px}.篩選鈕.啟用{background:var(--深綠);color:#fff;border-color:var(--深綠)}.搜尋{margin-left:auto;border:1px solid #bdc9c3;border-radius:4px;padding:8px 10px;font:inherit;min-width:180px}.影片清單{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.影片卡{background:#fff;cursor:pointer;box-shadow:0 2px 12px #143d3012;transition:transform .2s}.影片卡:hover{transform:translateY(-5px)}.縮圖{aspect-ratio:16/9;position:relative;background:#d8e7df;overflow:hidden}.縮圖 img{width:100%;height:100%;object-fit:cover;display:block}.播放圖示{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--綠);color:var(--深綠);font-size:20px;padding-left:3px}.影片資訊{padding:15px}.分類{font-size:12px;color:#079a6d;font-weight:800}.影片資訊 h3{font-size:16px;line-height:1.55;margin:7px 0 0}.空白{grid-column:1/-1;color:#63736c}.底部{padding:30px 7%;text-align:center;background:#e8eee9;color:#62736b;font-size:13px}@media(max-width:720px){.主視覺{padding:50px 7% 60px}.影片區{padding:48px 7%}.標題列{display:block}.更新狀態{margin-top:10px}.搜尋{margin-left:0;width:100%}.影片清單{grid-template-columns:1fr}.頂部{padding:15px 7%}}