:root{--color-primary: #39c2e4;--color-primary-dark: #2ba8c8;--color-primary-light: #e8f7fc;--color-text: #404040;--color-text-muted: #6b7280;--color-brand: #e53935;--color-bg: #f4f8fa;--color-surface: #ffffff;--color-border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(57, 194, 228, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--header-height: 72px;--content-max: 1100px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);transition:color .2s ease}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{display:flex;flex-direction:column;min-height:100vh}.content-container{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:24px 20px 48px}.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--content-max);margin:0 auto;padding:0 20px;min-height:var(--header-height)}.site-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}.site-logo:hover{color:inherit}.site-logo-mark{flex-shrink:0;width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm)}.site-logo-text{display:flex;flex-direction:column;min-width:0}.site-logo-name{font-size:17px;font-weight:700;color:var(--color-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-logo-tagline{font-size:12px;color:var(--color-text-muted);line-height:1.3}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background .2s ease}.nav-toggle:hover{background:var(--color-primary-light)}.nav-toggle-bar{display:block;width:100%;height:2px;background:var(--color-text);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-link{display:block;padding:10px 16px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;color:var(--color-text);text-decoration:none;transition:background .2s ease,color .2s ease}.nav-link:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.nav-link.active{background:var(--color-primary);color:#fff}.nav-link.active:hover{background:var(--color-primary-dark);color:#fff}.nav-overlay{display:none}.hero-banner{margin-bottom:32px}.hero-banner-image{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.hero{margin:0 0 32px;padding:48px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,#5dd0ec 50%,var(--color-primary-light) 100%);border-radius:var(--radius-md);text-align:center;color:#fff}.hero-title{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3}.hero-subtitle{margin:0 auto;max-width:560px;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7;opacity:.95}.page-title-wrap{margin-bottom:28px}.page-title{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text);padding-bottom:12px;border-bottom:3px solid var(--color-primary);display:inline-block}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.service-card{display:flex;flex-direction:column;padding:28px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card-image-wrap{display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:16px;padding:12px;background:var(--color-primary-light);border-radius:var(--radius-sm)}.service-card-image{max-width:148px;max-height:96px;object-fit:contain}.service-card-title{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:var(--color-text);text-align:center}.service-card-body{margin:0;font-size:15px;line-height:1.75;color:var(--color-text-muted);flex:1}.brand-name{color:var(--color-brand)}.home-cta{padding:40px 32px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.home-cta-image-wrap{margin-bottom:24px}.home-cta-image{max-width:320px;border-radius:var(--radius-sm)}.home-cta p{margin:0 0 12px;font-size:1.05rem;line-height:1.8;color:var(--color-text-muted)}.home-cta p:last-of-type{margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #39c2e459}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #39c2e466}.service-flow{display:flex;justify-content:center;padding:16px 0 32px}.service-flow-image{max-width:100%;width:min(640px,100%);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.pricing-inquiry{display:flex;justify-content:center;padding:48px 0 64px}.pricing-inquiry-text{margin:0;padding:32px 40px;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:600;color:var(--color-text);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pricing-phone{display:block;margin-top:12px;font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.pricing-phone:hover{color:var(--color-primary-dark)}.contact-card{display:grid;gap:16px;max-width:560px;margin:0 auto}.contact-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.contact-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.contact-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary)}.contact-icon-svg{display:flex;width:28px;height:28px}.contact-icon-svg svg{width:100%;height:100%}.contact-detail{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-label{font-size:13px;font-weight:600;color:var(--color-primary);letter-spacing:.03em}.contact-value{font-size:1.125rem;line-height:1.5;color:var(--color-text);text-decoration:none;word-break:break-word}a.contact-value:hover{color:var(--color-primary);text-decoration:underline}.career-intro{max-width:560px;margin:0 auto 32px;text-align:center}.career-intro p{margin:0;font-size:1.05rem;line-height:1.8;color:var(--color-text-muted)}.career-form-section{max-width:560px;margin:0 auto}.career-form{display:grid;gap:20px;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--color-text)}.form-required{color:var(--color-brand)}.form-input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:16px;color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #39c2e433}.form-input:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:120px}.form-recaptcha{display:flex;justify-content:center}.form-recaptcha-notice{margin:0;font-size:12px;line-height:1.6;color:var(--color-text-muted);text-align:center}.form-recaptcha-notice a{color:var(--color-text-muted)}.form-submit{width:100%;margin-top:4px}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{padding:24px;border-radius:var(--radius-md);font-size:1rem;line-height:1.7;text-align:center}.form-message--success{background:var(--color-primary-light);color:var(--color-text);border:1px solid var(--color-primary)}.career-form-success{display:grid;gap:24px}.form-message--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.site-footer{margin-top:auto;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-inner{max-width:var(--content-max);margin:0 auto;padding:32px 20px;text-align:center}.footer-brand{margin:0 0 12px;font-size:1rem;font-weight:700;color:var(--color-text)}.footer-copy{margin:16px 0 0;font-size:13px;color:var(--color-text-muted)}.bottom-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 4px;font-size:14px}.bottom-nav a{padding:4px 12px;text-decoration:none;border-radius:var(--radius-sm);transition:background .2s ease}.bottom-nav a:hover{background:var(--color-primary-light);text-decoration:none}.bottom-nav-sep{color:var(--color-border);-webkit-user-select:none;user-select:none}@media(max-width:900px){.service-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}@media(max-width:768px){:root{--header-height: 64px}.content-container{padding:20px 16px 40px}.hero{margin-bottom:24px;padding:36px 20px}.hero-banner{margin-bottom:24px}.nav-toggle{display:flex}.main-nav{position:fixed;top:var(--header-height);right:0;bottom:0;z-index:102;width:min(300px,85vw);padding:16px;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.main-nav.is-open{transform:translate(0)}.main-nav ul{flex-direction:column;align-items:stretch;gap:4px}.nav-link{padding:14px 16px;font-size:16px}.nav-overlay{display:block;position:fixed;inset:var(--header-height) 0 0 0;z-index:101;border:none;background:#0006;cursor:pointer}.site-logo-tagline{display:none}.home-cta{padding:32px 20px}.pricing-inquiry-text{padding:24px 20px}.contact-item{padding:16px 20px}.contact-value{font-size:1rem}.career-form{padding:24px 20px}}@media(max-width:480px){.site-logo-name{font-size:15px}.site-logo-mark{width:40px;height:40px}.bottom-nav-sep{display:none}.bottom-nav{flex-direction:column;gap:4px}}