*{box-sizing:border-box}.vl-wrap{font-family:"微軟正黑體","Microsoft JhengHei","PingFang SC",Tahoma,Verdana,Arial,sans-serif;max-width:1100px;margin:0 auto;padding:0 20px 80px}.vl-header{text-align:center;padding:60px 0 50px}.vl-header h1{font-size:52px;font-weight:700;color:#00677f;margin:0 0 20px;letter-spacing:-0.5px}.vl-header p{font-size:16px;color:#555;line-height:1.7;max-width:560px;margin:0 auto}.vl-filters{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.vl-filter-group{display:flex;flex-direction:column;gap:6px}.vl-filter-group label{font-size:13px;color:#555;font-weight:500}.vl-filter-group input[type=text]{width:200px;height:42px;border:1px solid #ccc;border-radius:3px;padding:0 14px;font-size:14px;color:#333;outline:none;transition:border-color .2s}.vl-filter-group input[type=text]:focus{border-color:#00677f}.vl-filter-group select{width:200px;height:42px;border:1px solid #ccc;border-radius:3px;padding:0 14px;font-size:14px;color:#333;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;transition:border-color .2s}.vl-filter-group select:focus{border-color:#00677f}.vl-active-filter{display:none;align-items:center;gap:8px;justify-content:center;margin-bottom:28px;font-size:13px;color:#555}.vl-active-filter.is-visible{display:flex}.vl-active-filter__tag{display:inline-flex;align-items:center;gap:6px;background:#e5f2f5;color:#00677f;border:1px solid #b3d9e2;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.vl-active-filter__clear{background:none;border:none;cursor:pointer;color:#00677f;font-size:16px;line-height:1;padding:0}.vl-active-filter__clear:hover{color:#004f60}.vl-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:36px 28px}.vl-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:#888;font-size:16px}.vl-state__spinner{display:inline-block;width:32px;height:32px;border:3px solid #e0edf0;border-top-color:#00677f;border-radius:50%;animation:vl-spin .7s linear infinite;margin-bottom:14px}@keyframes vl-spin{to{transform:rotate(360deg)}}.vl-state--error{color:#c0392b}.vl-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.vl-card:hover .vl-card__thumb img{transform:scale(1.04)}.vl-card:hover .vl-card__title{color:#00677f}.vl-card__thumb{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background:#e0edf0;position:relative}.vl-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.vl-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;background:rgba(0,103,127,.18)}.vl-card:hover .vl-card__play{opacity:1}.vl-card__play svg{width:52px;height:52px;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3))}.vl-card__body{padding:14px 0 0}.vl-card__category{font-size:12px;color:#666;margin-bottom:7px}.vl-card__title{font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.45;margin-bottom:8px;transition:color .2s}.vl-card__summary{font-size:13px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 900px){.vl-grid{grid-template-columns:repeat(2, 1fr)}.vl-header h1{font-size:36px}}@media(max-width: 580px){.vl-grid{grid-template-columns:1fr;gap:28px}.vl-header h1{font-size:28px}.vl-filters{flex-direction:column;align-items:center}.vl-filter-group input[type=text],.vl-filter-group select{width:260px}}