.tutorial-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#e7f5f5,#edf0fe);border:1px solid #dce8f1;border-radius:16px;padding:24px;margin:20px 0}.tutorial-intro strong{display:inline-block;font-size:20px;color:#24536c;margin-left:10px}.tutorial-intro p{margin:9px 0 0;color:#647889}.tutorial-intro>span{color:#688294;white-space:nowrap}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px;margin-top:24px}.tutorial-card{border:1px solid #e0e9f0;border-radius:16px;overflow:hidden;background:white;box-shadow:0 5px 18px #294a6010}.tutorial-cover{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(125deg,#dcefed,#e8edfc);height:120px;padding:25px;color:#347d88}.tutorial-cover svg{height:44px;width:44px;stroke-width:1.3}.tutorial-cover span{font-size:12px;padding:5px 10px;background:#ffffffb5;border-radius:20px}.tutorial-card-body{padding:20px}.tutorial-card h2{font-size:17px;margin:13px 0 10px;color:#26465a}.tutorial-card-body>p{font-size:13px;color:#657986;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.tutorial-card small{display:block;color:#8b99a3;font-size:11px;overflow-wrap:anywhere}.tutorial-card-actions{display:flex;gap:8px;align-items:center;margin-top:18px}.tutorial-card-actions .small{margin-right:auto}.tutorial-player{width:100%;height:auto;min-height:300px;aspect-ratio:16/9;border:0;background:#101d29;border-radius:10px}.tutorial-description{white-space:pre-line;line-height:1.9;margin:20px 0;color:#435e70}@media(max-width:720px){.tutorial-intro{align-items:start;flex-direction:column}.tutorial-grid{grid-template-columns:1fr}.tutorial-player{min-height:190px}}