*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1e88e5;--primary-dark: #1565c0;--primary-light: #42a5f5;--secondary-color: #2c3e50;--accent-color: #00c6ff;--text-color: #333;--light-bg: #f9f9f9;--white: #ffffff;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 30px rgba(30,136,229,.15);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--primary-color))}body{font-family:Noto Sans TC,sans-serif;line-height:1.6;color:var(--text-color)}.navbar{position:fixed;top:0;width:100%;background-color:var(--white);box-shadow:var(--shadow-sm);z-index:1000;transition:all .3s ease}.navbar.scrolled{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;transition:transform .2s ease;margin-right:2rem;flex-shrink:0;cursor:pointer}.logo:hover{transform:scale(1.05)}.logo-image{height:50px;width:auto;margin-right:12px}.logo-text{font-size:1.8rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:2rem;flex:1;margin-left:auto}.nav-links a,.nav-links .dropdown-trigger{text-decoration:none;color:#2c3e50;font-size:1.1rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;white-space:nowrap}.nav-links a:hover,.nav-links .dropdown-trigger:hover{color:#1e88e5;background-color:#1e88e51a}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:180px;box-shadow:0 8px 16px #0000001a;border-radius:8px;z-index:1001;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;padding:.5rem 0}.dropdown-content a{color:#2c3e50;padding:.8rem 1.5rem;text-decoration:none;display:block;margin:0;text-align:left;transition:all .3s ease;white-space:nowrap;font-size:1rem}.dropdown-content a:hover{background-color:#f5f9ff;color:#1e88e5;padding-left:2rem}.dropdown:hover .dropdown-content{display:block;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}main{padding-top:80px}.slider{position:relative;width:100%;min-height:100vh;padding:0;transition:background .5s ease-in-out}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;color:#fff}.slide.active{opacity:1;pointer-events:auto}.slide h1{font-size:3.5rem;margin-bottom:2rem}.slide p{font-size:1.5rem;max-width:800px;margin-bottom:2.5rem}.cta-button{display:inline-block;padding:1rem 2rem;font-size:1.2rem;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;text-decoration:none;border-radius:5px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;font-weight:600;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2)}.cta-button:hover{background:linear-gradient(135deg,#0072ff,#00c6ff);transform:translateY(-3px);box-shadow:0 6px 12px #00000026;border:1px solid rgba(255,255,255,.4)}.slider-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem}.dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s}.dot.active{background-color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0;transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1}.features{padding:5rem 2rem;background-color:var(--light-bg)}.feature-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem}.feature-card{background:var(--white);padding:2rem;border-radius:10px;text-align:center;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid rgba(30,136,229,.1);animation:fadeInUp .6s ease-out forwards}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-card i{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.feature-card h3{margin-bottom:1rem;color:#2c3e50}.feature-list{list-style:none;padding:0;margin:0;text-align:left;font-size:.9rem}.feature-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative;white-space:normal;overflow:visible;text-overflow:clip}.feature-list li:before{content:"•";position:absolute;left:0;color:#1e88e5}.about{padding:5rem 2rem;max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:4rem;padding:2rem;position:relative}.about-header:before{display:none}.about-header h2{font-size:2.8rem;color:var(--secondary-color);margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.slogan{font-size:1.4rem;color:var(--text-color);line-height:1.8;max-width:800px;margin:0 auto;position:relative;z-index:1;font-weight:500;letter-spacing:.5px;padding:1rem 2rem;background:#eee;border-radius:15px;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(0,0,0,.05)}.team-content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto}.team-member{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;display:flex;flex-direction:column}.team-member:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.member-image{width:100%;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-image img{width:auto;height:100%;object-fit:contain;transition:transform .3s ease}.team-member:hover .member-image img{transform:scale(1.05)}.member-info{padding:2rem;flex:1;display:flex;flex-direction:column}.member-info h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:.5rem}.position{color:var(--secondary-color);font-size:1.1rem;margin-bottom:1rem;opacity:.8}.description{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;flex:1}.expertise{display:flex;flex-wrap:wrap;gap:.5rem}.expertise span{background:var(--light-bg);color:var(--primary-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.contact{padding:5rem 2rem;background-color:#f9f9f9}.contact-content{max-width:1200px;margin:0 auto}.service-items{margin-bottom:3rem}.service-items h3,.contact-info h3{color:#1e88e5;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.service-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-list li{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;transition:transform .3s ease}.service-list li:hover{transform:translateY(-3px)}.service-list li i{color:#1e88e5;font-size:1.5rem;margin-bottom:.5rem}.service-list li span{display:block;font-weight:700;margin-bottom:.5rem}.contact-methods{display:flex;flex-direction:column;gap:1rem;align-items:center}.contact-method{display:flex;align-items:center;gap:.5rem}.contact-method i{color:#1e88e5}.footer{background-color:#2c3e50;color:#fff;text-align:center;padding:2rem}h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:#2c3e50}@media (max-width: 1024px){.nav-content{padding:1rem}.nav-links{gap:1.5rem}.nav-links a,.nav-links .dropdown-trigger{font-size:1rem;padding:.5rem .8rem}}@media (max-width: 768px){.nav-content{padding:.8rem}.nav-links{display:none}.logo-image{height:40px}.logo-text{font-size:1.5rem}.slide h1{font-size:2.5rem}.slide p{font-size:1.2rem}.feature-grid,.service-grid{grid-template-columns:1fr}.dropdown-content{position:static;transform:none;box-shadow:none;background-color:transparent}.dropdown-content a{padding:8px 16px}.about-header{padding:1.5rem}.about-header h2{font-size:2.2rem}.slogan{font-size:1.2rem;padding:.8rem 1.2rem}.team-content{grid-template-columns:1fr}}.language-toggle{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-left:1rem}.language-toggle:hover{background:var(--primary-dark);transform:translateY(-2px)}.blog-container[data-v-c32b3710]{min-height:100vh;background-color:#f5f5f5}.navbar[data-v-c32b3710]{position:fixed;top:0;width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:1000}.nav-content[data-v-c32b3710]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-c32b3710]{display:flex;align-items:center;cursor:pointer;transition:transform .2s ease}.logo[data-v-c32b3710]:hover{transform:scale(1.05)}.logo-image[data-v-c32b3710]{height:50px;width:auto;margin-right:12px}.logo-text[data-v-c32b3710]{font-size:1.8rem;font-weight:700;color:#1e88e5;background:linear-gradient(45deg,#1e88e5,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-c32b3710]{display:flex;gap:2rem}.nav-links a[data-v-c32b3710]{text-decoration:none;color:#2c3e50;font-size:1.1rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-links a[data-v-c32b3710]:hover{color:#1e88e5;background-color:#1e88e51a}.blog-content[data-v-c32b3710]{max-width:1200px;margin:100px auto 0;padding:2rem}.blog-header[data-v-c32b3710]{margin-bottom:2rem}.blog-header h1[data-v-c32b3710]{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem}.blog-controls[data-v-c32b3710]{display:flex;gap:2rem;margin-bottom:2rem}.sort-control[data-v-c32b3710],.category-filter[data-v-c32b3710]{display:flex;align-items:center;gap:.5rem}select[data-v-c32b3710]{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#2c3e50;font-size:1rem}.blog-posts[data-v-c32b3710]{display:grid;gap:2rem}.blog-post[data-v-c32b3710]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.blog-post h2[data-v-c32b3710]{font-size:1.8rem;color:#2c3e50;margin-bottom:1rem}.post-meta[data-v-c32b3710]{display:flex;gap:1rem;color:#666;margin-bottom:1rem}.category[data-v-c32b3710]{color:#1e88e5;font-weight:500}.post-excerpt[data-v-c32b3710]{color:#666;line-height:1.6;margin-bottom:1rem}.post-tags[data-v-c32b3710]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag[data-v-c32b3710]{background-color:#f0f7ff;color:#1e88e5;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.read-more[data-v-c32b3710]{display:inline-block;color:#1e88e5;text-decoration:none;font-weight:500;transition:color .3s ease}.read-more[data-v-c32b3710]:hover{color:#1565c0;text-decoration:underline}@media (max-width: 768px){.nav-content[data-v-c32b3710]{padding:.8rem}.logo-image[data-v-c32b3710]{height:40px}.logo-text[data-v-c32b3710]{font-size:1.5rem}.blog-content[data-v-c32b3710]{padding:1rem}.blog-controls[data-v-c32b3710]{flex-direction:column;gap:1rem}.blog-post[data-v-c32b3710]{padding:1.5rem}.blog-post h2[data-v-c32b3710]{font-size:1.5rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.article-container[data-v-256c7efb]{min-height:100vh;background-color:#f5f5f5}.navbar[data-v-256c7efb]{position:fixed;top:0;width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:1000}.nav-content[data-v-256c7efb]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-256c7efb]{display:flex;align-items:center;cursor:pointer;transition:transform .2s ease}.logo[data-v-256c7efb]:hover{transform:scale(1.05)}.logo-image[data-v-256c7efb]{height:50px;width:auto;margin-right:12px}.logo-text[data-v-256c7efb]{font-size:1.8rem;font-weight:700;color:#1e88e5;background:linear-gradient(45deg,#1e88e5,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-256c7efb]{display:flex;gap:2rem}.nav-links a[data-v-256c7efb]{text-decoration:none;color:#2c3e50;font-size:1.1rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-links a[data-v-256c7efb]:hover{color:#1e88e5;background-color:#1e88e51a}.article-content[data-v-256c7efb]{max-width:800px;margin:100px auto 0;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.article-header[data-v-256c7efb]{margin-bottom:2rem}.article-header h1[data-v-256c7efb]{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem}.article-meta[data-v-256c7efb]{display:flex;gap:1rem;color:#666;margin-bottom:1rem}.category[data-v-256c7efb]{color:#1e88e5;font-weight:500}.tags[data-v-256c7efb]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-256c7efb]{background-color:#f0f7ff;color:#1e88e5;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.article-body[data-v-256c7efb]{line-height:1.8;color:#2c3e50}.article-body h2[data-v-256c7efb]{color:#2c3e50;margin:2rem 0 1rem}.article-body p[data-v-256c7efb]{margin-bottom:1rem}.article-body ul[data-v-256c7efb],.article-body ol[data-v-256c7efb]{margin-bottom:1rem;padding-left:1.5rem}.article-body li[data-v-256c7efb]{margin-bottom:.5rem}@media (max-width: 768px){.nav-content[data-v-256c7efb]{padding:.8rem}.logo-image[data-v-256c7efb]{height:40px}.logo-text[data-v-256c7efb]{font-size:1.5rem}.article-content[data-v-256c7efb]{padding:1rem;margin:80px 1rem 0}.article-header h1[data-v-256c7efb]{font-size:2rem}}[data-v-256c7efb] .markdown-body pre{background-color:#282c34;border-radius:6px;padding:16px;overflow:auto;margin:1rem 0}[data-v-256c7efb] .markdown-body .hljs{background:transparent}[data-v-256c7efb] .markdown-body{color:#222}[data-v-256c7efb] .markdown-body h1,[data-v-256c7efb] .markdown-body h2,[data-v-256c7efb] .markdown-body h3,[data-v-256c7efb] .markdown-body h4,[data-v-256c7efb] .markdown-body h5,[data-v-256c7efb] .markdown-body h6{color:#1e88e5;text-align:left}[data-v-256c7efb] .markdown-body a{color:#61afef}[data-v-256c7efb] .markdown-body blockquote{border-left-color:#5c6370;color:#5c6370}[data-v-256c7efb] .markdown-body table,[data-v-256c7efb] .markdown-body th,[data-v-256c7efb] .markdown-body td{border-color:#3e4451}[data-v-256c7efb] .markdown-body tr:nth-child(2n){background-color:#2c323c}[data-v-256c7efb] .markdown-body h2{font-size:1.5rem}