*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #1D3557;--color-navy-dark: #12233B;--color-navy-soft: #46688C;--color-blue-mist: #E8F1F8;--color-sage: #7C9A6D;--color-primary: var(--color-navy);--color-primary-dark: var(--color-navy-dark);--color-accent: var(--color-navy-soft);--color-bg: #FFFFFF;--color-surface: #F5F8FB;--color-text: #1D2C3D;--color-muted: #5B6B80;--color-border: #E1E8F0;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--max-width: 1080px;--radius: 10px;--radius-btn: 8px}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.8;-webkit-text-size-adjust:100%}body{margin:0;padding:0}a{color:var(--color-navy-soft);text-decoration:none}a:hover{color:var(--color-navy);text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.4;color:var(--color-primary);letter-spacing:.02em;font-weight:700}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.container-narrow{max-width:640px;margin:0 auto;padding:0 1.25rem}.section{padding:3rem 0}.section-surface{background:var(--color-surface)}.section-title{font-size:1.5rem;margin:0 0 .5rem;text-align:center}.section-lead{color:var(--color-muted);margin:0 auto 2rem;max-width:60ch;text-align:center}.site-header{border-bottom:1px solid var(--color-border);background:#fffffff5;backdrop-filter:saturate(1.2) blur(6px);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max-width);margin:0 auto;padding:.6rem 1.25rem}.site-brand{display:flex;align-items:center;gap:.6rem;color:var(--color-navy);text-decoration:none;flex-shrink:0}.site-brand img{width:40px;height:40px;border-radius:50%;display:block}.site-brand span{font-size:1.05rem;font-weight:700;letter-spacing:.03em}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem}.nav-link{color:var(--color-text);text-decoration:none;font-size:.92rem;padding:.4rem .7rem;border-radius:999px;white-space:nowrap;transition:color .15s,background .15s}.nav-link:hover{color:var(--color-navy);background:var(--color-blue-mist);text-decoration:none}@media(max-width:560px){.site-brand span{display:none}.nav-link{font-size:.85rem;padding:.35rem .5rem}}.hero{background:radial-gradient(120% 90% at 50% -10%,#1d35570f,#1d355700 60%),linear-gradient(180deg,#FFFFFF 0%,var(--color-surface) 100%);padding:3rem 0 2.5rem;text-align:center}.hero-logo{width:148px;height:148px;border-radius:50%;display:block;margin:0 auto 1.5rem;box-shadow:0 18px 40px -20px #1d355773}.hero h1{font-size:1.55rem;margin:0 auto 1.5rem;max-width:22ch;color:var(--color-primary)}.hero-copy{font-size:1.05rem;color:var(--color-text);max-width:30ch;margin:0 auto}.hero-copy p{margin:0 0 .15rem}.hero-copy p:last-child{margin-bottom:0}.hero-copy .lede{font-size:1.2rem;font-weight:700;color:var(--color-navy);margin-bottom:.9rem}@media(min-width:640px){.hero{padding:4rem 0 3rem}.hero h1{font-size:1.85rem}.hero-copy{font-size:1.1rem;max-width:34ch}}.card-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.75rem 1.5rem;text-align:center}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-blue-mist);color:var(--color-navy);margin-bottom:1rem}.card h3{margin:0 0 .6rem;font-size:1.15rem}.card p{margin:0;color:var(--color-muted);font-size:.98rem}.area-list{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none}.area-badge{background:var(--color-navy);color:#fff;padding:.55rem 1.5rem;border-radius:999px;font-weight:600;font-size:1rem;letter-spacing:.05em}.contact-box{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:1.5rem;text-align:center;color:var(--color-muted);max-width:480px;margin:0 auto}.contact-box strong{color:var(--color-navy)}.site-footer{background:var(--color-navy);color:#e6ecf3;margin-top:2.5rem}.footer-inner{padding-top:2rem;padding-bottom:2rem;text-align:center}.footer-brand{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.4rem}.footer-inner p{margin:.25rem 0;color:#b6c4d6;font-size:.85rem}@media(max-width:480px){.hero-logo{width:116px;height:116px}.section{padding:2.25rem 0}}