html,body{width:100%;overflow-x:hidden}body{font-family:"Microsoft JhengHei",sans-serif;background:#fdfdfd;margin:0;padding:0}.navbar{background:#222}.navbar-dark .navbar-nav .nav-link{color:#fff}.navbar-dark .navbar-nav .nav-link:hover{color:#ffd800}.hero{height:100vh;background:url(../images/h_img.jpg) center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.hero h1{font-size:3rem;font-weight:700;text-shadow:2px 2px 8px rgb(0 0 0 / .6)}.section-shape{padding:5rem 0;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);background:#f8f9fa}.testimonial{background:#fff3cd;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px rgb(0 0 0 / .1)}footer{background:#222;color:#fff;padding:2rem 0}.slider{position:relative;width:100%;max-width:800px;margin:40px auto;overflow:hidden;border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .3)}.slides{display:flex;transition:transform 0.6s ease-in-out}.slide{min-width:100%;box-sizing:border-box}.slide img{width:100%;display:block;border-radius:20px}.dots{text-align:center;margin-top:15px}.dots span{display:inline-block;width:12px;height:12px;margin:5px;border-radius:50%;background:#bbb;cursor:pointer;transition:background 0.3s}.dots span.active,.dots span:hover{background:#00d4ff}.features-section{position:relative;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);background:url(../images/learning-bg.jpg) center/cover no-repeat;color:#fff}.features-section .overlay{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);background:linear-gradient(135deg,rgb(0 40 80 / .8),rgb(0 0 0 / .7));z-index:1}.features-section .container{position:relative;z-index:2}.features-section .card{background:rgb(255 255 255 / .1);backdrop-filter:blur(8px);border-radius:12px;transition:transform 0.3s ease;color:#fff}.features-section .card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgb(0 0 0 / .4)}.learning-points ul li{font-size:1.1rem;margin:12px 0;padding-left:35px;position:relative}.learning-points ul li i{position:absolute;left:0;top:3px;color:#00eaff;font-size:1.2rem}.testimonial{background:#fff;border-radius:12px;transition:transform 0.3s ease}.testimonial:hover{transform:translateY(-6px)}.avatar img{width:80px;height:80px;object-fit:cover;border:3px solid #00c4ff}.avatar.placeholder{width:80px;height:80px;line-height:80px;background:#00c4ff;color:#fff;font-weight:700;font-size:1.5rem;border-radius:50%;display:inline-block}.teachers-img{border-radius:50%}@media (max-width:768px){.slider{max-width:95%}}