@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@300;400;500;600;700;900&display=swap";
:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--primary-gradient-hover:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #8b5cf6 100%);--accent-teal:#14b8a6;--accent-teal-light:#99f6e4;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-sky:#0ea5e9;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-default:#cbd5e1;--border-focus:#6366f1;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 30px #6366f126;--shadow-card:0 1px 3px #0000000a, 0 6px 16px #0000000a;--shadow-card-hover:0 4px 12px #00000014, 0 12px 28px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--section-padding:100px 0;--container-max:1200px;--container-padding:0 24px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--font-sans:"Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);padding:var(--container-padding);width:100%;margin:0 auto}.sectionLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-500);background:var(--primary-50);border-radius:var(--radius-full);align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.sectionTitle{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2}.sectionSubtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}.btnPrimary{background:var(--primary-gradient);color:var(--text-inverse);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f159}.btnPrimary:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btnPrimary:active{transform:translateY(0)}.btnSecondary{background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-full);border:1.5px solid var(--border-light);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex}.btnSecondary:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:768px){:root{--section-padding:64px 0;--container-padding:0 20px}}@media (max-width:480px){:root{--container-padding:0 16px}}
