:root{--primary-color:#5fb2ff;--secondary-color:#1e40af;--text-color:#1f2937;--light-text:#6b7280;--background:#ffffff;--sidebar-bg:#f8fafc;--overlay:rgba(0, 0, 0, 0.5);--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);--border-radius:8px;--transition:all 0.3s ease}html,body{margin:0;padding:0;overflow-x:hidden;font-family:"Noto Sans TC",sans-serif;background:#fff;color:#555}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;margin-top:0;text-rendering:optimizeSpeed;width:100%}main figure{padding:0;margin:0;}main img{width:100%;height:auto;display:block;margin:auto;}.container{padding-top:10rem;display:block;margin:auto;width:90%}.text-center{text-align:center}.is-divider{background-color:rgb(0 0 0 / .1);display:block;height:3px;max-width:30px;width:100%;display:block;margin:1em auto}.navbar{position:fixed;top:0;left:0;width:100%;background-color:var(--background);box-shadow:var(--shadow);z-index:1000}.navbar-container{display:block;margin:auto;padding:10px}.mobile-top-row{display:none;height:70px;align-items:center;justify-content:space-between;position:relative}.hamburger-btn{background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:.5rem;z-index:1001;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transition:var(--transition)}.hamburger-btn:hover{background-color:#f3f4f6;border-radius:var(--border-radius)}.mobile-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.mobile-logo i{margin-right:8px;font-size:1.8rem}.mobile-buttons-row{display:none;padding:1rem 0;border-top:1px solid #e5e7eb;justify-content:center;gap:1rem}.mobile-buttons-row .btn{padding:.6rem 1.8rem;min-width:140px}.desktop-content{display:flex;justify-content:space-between;align-items:center;height:70px}.desktop-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.desktop-logo i{margin-right:8px;font-size:1.8rem}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-item{position:relative;list-style:none}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem 0;transition:var(--transition);display:flex;align-items:center;gap:4px}.nav-link:hover{color:var(--primary-color)}.dropdown{position:absolute;top:100%;left:0;background-color:var(--background);box-shadow:var(--shadow);border-radius:var(--border-radius);min-width:200px;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100}.dropdown-item{padding:.75rem 1.5rem;display:block;color:var(--text-color);text-decoration:none;transition:var(--transition)}.dropdown-item:hover{background-color:#f3f4f6;color:var(--primary-color)}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-buttons{display:flex;gap:1rem}.btn{padding:.5rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);border:none;font-size:.95rem;box-shadow:inset 0 1.2em 0 0 hsl(0 0% 100% / .1);background:#446084;text-align:center}.btn-login{background-color:#47dbae;color:#000;border:1px solid #47dbae;border-radius:25px}.btn-login:hover{background-color:rgb(37 99 235 / .05);color:#47dbae}.btn-register{color:#fff;border-radius:25px}.btn-register:hover{background-color:var(--secondary-color)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);opacity:0;visibility:hidden;transition:var(--transition);z-index:1001}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-overlay .close-btn{position:absolute;top:20px;right:20px;background:#fff;border:none;font-size:1.8rem;color:var(--text-color);cursor:pointer;padding:.5rem;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:var(--transition);z-index:1003}.sidebar-overlay .close-btn:hover{background-color:#f3f4f6;transform:scale(1.1)}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background-color:var(--sidebar-bg);box-shadow:2px 0 10px rgb(0 0 0 / .1);transition:var(--transition);z-index:1002;overflow-y:auto}.sidebar.active{left:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;margin-top:0}.sidebar-header h3{color:var(--text-color);font-size:1.5rem}.sidebar-menu{padding:1.5rem}.sidebar-item{list-style:none;margin-bottom:.5rem}.sidebar-link{display:block;padding:.75rem 0;color:var(--text-color);text-decoration:none;font-weight:500;border-bottom:1px solid #fff0;transition:var(--transition)}.sidebar-link:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.sidebar-dropdown{margin-left:1rem;margin-top:.5rem;display:none}.sidebar-dropdown.active{display:block}.sidebar-dropdown-item{display:block;padding:.5rem 0;color:var(--light-text);text-decoration:none;transition:var(--transition)}.sidebar-dropdown-item:hover{color:var(--primary-color)}@media (max-width:992px){.desktop-content{display:none}.mobile-top-row{display:flex}.mobile-buttons-row{display:flex}}@media (max-width:576px){.container{padding-top:10rem}.navbar{padding:0 1rem}.mobile-buttons-row{flex-direction:row;align-items:center}.mobile-buttons-row .btn{min-width:10%;max-width:300px}.sidebar{width:85%;max-width:280px}.sidebar-overlay .close-btn{top:15px;right:15px;width:45px;height:45px;font-size:1.5rem}}.hero-section{background-image:url(uploads/hero-bg.jpeg);background-size:cover;background-position:center;padding:140px 20px;text-align:center;color:#fff;position:relative}.hero-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .55)}.hero-content{position:relative;max-width:800px;margin:auto}.footer{background:#fff}.footer-top{max-width:1150px;margin:auto;padding:50px 20px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer-col h3{font-size:17px}.footer-menu{list-style:none;padding:0}.footer-menu li{border-bottom:1px solid #e6e6e6;padding:10px 0}.footer-bottom{background:#4a4a4a;color:#f1f1f1;text-align:center;padding:15px;font-size:.9em;padding:10px 0 15px}@media(max-width:900px){.footer-top{grid-template-columns:1fr}}