:root{--primary-blue: #40A1E8;--bg-gray: #F9FAFB;--bg-course-blue: #ECF6FD;--text-main: #1D1D1F}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Noto Sans TC,Roboto,sans-serif;background:linear-gradient(135deg,#ecf6fd,#f9fafb);min-height:100vh;color:var(--text-main);display:flex;justify-content:center}#root{width:100%;max-width:100%;display:flex;justify-content:center;padding:20px 10px}.full-width-media{width:100%;margin-bottom:20px;display:flex;justify-content:center}.full-width-media img{width:100%!important;height:auto!important;max-width:100%!important;border-radius:12px;box-shadow:0 4px 12px #00000014;display:block;object-fit:cover}.embedded-html-frame{width:100%;height:650px;border:1px solid #E0E0E0;border-radius:16px;background-color:#f9f5f0;overflow:hidden;box-shadow:inset 0 0 10px #00000005;transition:height .3s ease}iframe{display:block;width:100%;height:100%;border:none}.custom-label-spacing{margin-bottom:4px;display:inline-block}@media(max-width:768px){#root{padding:10px 5px}.embedded-html-frame{height:1400px}.full-width-media{margin-left:-5px;margin-right:-5px;width:calc(100% + 10px)}.full-width-media img{border-radius:8px}}