html,body,#root{width:100%;height:100%;margin:0;font-family:Noto Sans TC,sans-serif}*,*:before,*:after{box-sizing:border-box}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f1f2f6;color:#222}.page-container{margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}.logo{max-width:400px;width:100%}.section{width:100%;text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center}.section h2{font-size:2rem;margin-bottom:1rem;color:#2f2a7d;font-weight:600}.btn{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 28px;border-radius:30px;font-size:1.1rem;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.btn .icon{margin-right:8px}.btn-1{background:linear-gradient(95deg,#dea5c2 -19.86%,#6658ca 94.73%);color:#fff}.btn-1:hover{background:linear-gradient(95deg,#dea5c2 -19.86%,#7162e0 94.73%)}.btn-2{background:#fff;border:1px solid #6658CA;color:#6658ca}.btn-2:hover,.btn-2:hover svg path{border:1px solid #8577f5;color:#8577f5}.btn-group{margin-bottom:1rem;display:inline-flex;gap:1rem;flex-wrap:wrap;justify-content:center}.video-wrapper{margin-top:1.5rem;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 20px #0000001a;transition:box-shadow .3s ease;max-width:900px;width:100%}.react-player{width:100%;padding-bottom:56.25%}.video-wrapper:hover{box-shadow:0 12px 28px #0003}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px}footer{width:100%;text-align:center;color:#777;font-size:.9rem;margin-top:auto;padding-top:1rem;border-top:1px solid #ddd}.shapediver-iframe{margin-top:1.5rem}@media (max-width: 600px){.page-title{font-size:2rem}.section h2{font-size:1.6rem}.btn{padding:10px 22px;font-size:1rem}}