.app{min-height:100vh;background:linear-gradient(135deg,#ffbf00 0%,#ffd700 100%);position:relative;overflow-x:hidden}html{scroll-behavior:smooth}.logo-container{display:flex;justify-content:center;align-items:center;padding:4rem 2rem 2rem;animation:fadeInDown 1s ease-out}.logo{max-width:300px;width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.logo-container{padding:3rem 1.5rem 1.5rem}.logo{max-width:250px}}@media (max-width: 480px){.logo{max-width:200px}}.language-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;gap:.5rem;background:rgba(255,255,255,.9);padding:.5rem;border-radius:2rem;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-btn{padding:.5rem 1.25rem;border:none;background:transparent;color:#191919;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:1.5rem;transition:all .3s ease;font-family:Noto Sans TC,Inter,sans-serif;letter-spacing:.01em}.lang-btn:hover{background:rgba(255,191,0,.2)}.lang-btn.active{background:#ffbf00;color:#191919;font-weight:600}@media (max-width: 768px){.language-toggle{top:1rem;right:1rem;padding:.4rem}.lang-btn{padding:.4rem 1rem;font-size:.85rem}}.hero{text-align:center;padding:2rem 2rem 4rem;animation:fadeInUp 1s ease-out .3s both}.hero-title{font-size:4.5rem;font-weight:900;color:#191919;margin-bottom:1rem;letter-spacing:.05em;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Noto Sans TC,Inter,sans-serif}.hero-subtitle{font-size:2rem;font-weight:600;color:#191919;margin-bottom:2rem;opacity:.9;font-family:Noto Sans TC,Inter,sans-serif;letter-spacing:.02em}.hero-slogan{font-size:1.25rem;color:#191919;max-width:800px;margin:0 auto;line-height:1.9;opacity:.85;font-family:Noto Sans TC,Inter,sans-serif;font-weight:400;letter-spacing:.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero{padding:1.5rem 1.5rem 3rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.5rem}.hero-slogan{font-size:1.1rem;padding:0 1rem}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-slogan{font-size:1rem}}.content{padding:4rem 2rem;max-width:1200px;margin:0 auto;animation:fadeIn 1s ease-out .6s both}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.content-card{background:rgba(255,255,255,.95);padding:2.5rem;border-radius:1.5rem;box-shadow:0 8px 30px #00000026;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0003}.content-card h3{font-size:1.5rem;font-weight:700;color:#191919;margin-bottom:1rem;border-bottom:3px solid #ffbf00;padding-bottom:.5rem;font-family:Noto Sans TC,Inter,sans-serif;letter-spacing:.02em}.content-card p{font-size:1.1rem;color:#191919;line-height:1.9;opacity:.9;font-family:Noto Sans TC,Inter,sans-serif;font-weight:400;letter-spacing:.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.content{padding:3rem 1.5rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.content-card{padding:2rem}.content-card h3{font-size:1.3rem}.content-card p{font-size:1rem}}@media (max-width: 480px){.content{padding:2rem 1rem}.content-card{padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,微軟正黑體,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#191919;font-weight:400}[lang=en],.english-text{font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;min-height:100vh}