.elementor-kit-1852{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-83df54d:#E2623B;--e-global-color-b5f21ca:#C63538;--e-global-color-7db1eec:#FDEBE1;--e-global-color-b6b094b:#F5CD54;--e-global-color-e4d9405:#F3F295;--e-global-color-91fced8:#F8DA68;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-9e236bd-font-family:"Dela Gothic One";--e-global-typography-9e236bd-font-size:30px;background-color:transparent;background-image:linear-gradient(180deg, #472502EB 0%, #0B191752 100%);}.elementor-kit-1852 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1852 h1{font-family:"Dela Gothic One", Sans-serif;font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:15px;}.elementor-element{--widgets-spacing:15px 15px;--widgets-spacing-row:15px;--widgets-spacing-column:15px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --bg1: #0f172a;
  --bg2: #0b3a66;
  --accent: #e6b73a;
  --text: #e6eef9;
  --muted: rgba(230,238,249,0.75);
  --glass: rgba(255,255,255,0.08);
}

body {
  margin: 0;
  font-family: 'Noto Sans TC', 'Inter', sans-serif;
  background: linear-gradient(160deg, var(--bg1), var(--bg2));
  color: var(--text);
  line-height: 1.6;
  scroll-behavior: smooth;
  padding-top: 60px;
}

/* === Navbar === */
.navbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 18px;
  z-index: 999;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.navbar .logo {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--accent);
}

nav {
  display: flex;
  gap: 18px;
}

nav a {
  color: var(--text);
  text-decoration: none;
  font-size: 0.95rem;
}

nav a:hover { color: var(--accent); }

.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 4px;
  width: 28px;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  height: 3px;
  background: var(--text);
  border-radius: 2px;
  transition: 0.3s;
}

@media(max-width:768px) {
  nav {
    position: fixed;
    top: 60px;
    right: 0;
    background: rgba(15,23,42,0.95);
    flex-direction: column;
    width: 60%;
    max-width: 220px;
    padding: 15px;
    transform: translateX(100%);
    transition: transform .3s;
  }
  nav.show { transform: translateX(0); }
  .menu-toggle { display: flex; }
}

.wrap { max-width: 1000px; margin: auto; padding: 20px; }
.section {
  margin: 20px 0;
  background: rgba(255,255,255,0.05);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.section h2 { margin-top: 0; font-size: 1.1rem; }
.section p { color: var(--muted); font-size: 0.95rem; }

.svc-btn {
  display: inline-block;
  margin-top: 8px;
  margin-right: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: var(--glass);
  color: var(--text);
  text-decoration: none;
  font-weight: 600;
}
.svc-btn:hover { background: rgba(255,255,255,0.1); }

/* 跑馬燈 */
.news {
  white-space: nowrap;
  overflow: hidden;
  animation: marquee 14s linear infinite;
  padding-left: 100%;
}
.news a {
  color: var(--accent);
  text-decoration: none;
  margin: 0 10px;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

footer {
  text-align: center;
  padding: 20px;
  font-size: 0.9rem;
  color: var(--muted);
  border-top: 1px solid rgba(255,255,255,0.1);
}
.socials a {
  margin: 0 6px;
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
}/* End custom CSS */