*{box-sizing:border-box}html{background:#020617;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:#020617;color:#f8fafc;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure,blockquote{margin:0}.site-header{background:#020617;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:50}.nav{width:min(100%,1200px);margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:999px;background:#fff;padding:4px;object-fit:contain}.brand-title{display:block;font-size:20px;font-weight:700}.brand-sub{display:block;margin-top:2px;color:#a5f3fc;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.nav-links{display:flex;flex-wrap:wrap;gap:18px;color:#cbd5e1;font-size:14px}.nav-links a:hover{color:#a5f3fc}.hero{background:radial-gradient(circle at 78% 24%,rgba(34,211,238,.18),transparent 34%),radial-gradient(circle at 18% 68%,rgba(168,85,247,.16),transparent 30%),linear-gradient(180deg,#020617,#0f172a 62%,#020617);padding:72px 24px}.hero-inner{width:min(100%,1200px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center}.eyebrow{display:inline-flex;max-width:100%;border:1px solid rgba(103,232,249,.24);border-radius:999px;background:rgba(103,232,249,.1);padding:8px 14px;color:#a5f3fc;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin-top:28px;font-size:clamp(42px,5vw,66px);line-height:1.08;font-weight:800;color:#fff}.hero-text{margin-top:24px;color:#cbd5e1;font-size:18px;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(103,232,249,.35);border-radius:999px;padding:12px 22px;font-weight:700}.button.primary{background:#67e8f9;color:#020617}.button.secondary{color:#f8fafc;background:rgba(255,255,255,.04)}.hero-image{border:1px solid rgba(103,232,249,.22);border-radius:28px;background:#020617;padding:0;box-shadow:0 25px 70px rgba(8,51,68,.35);overflow:hidden}.hero-image img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#020617}.labels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;color:#a5f3fc;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section{padding:72px 24px;background:#020617}.section.alt{background:rgba(15,23,42,.45)}.container{width:min(100%,1200px);margin:0 auto}.section-head{max-width:780px}.section h2{margin-top:18px;color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.25}.lead{margin-top:20px;color:#cbd5e1;font-size:17px;line-height:2}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(15,23,42,.72);padding:24px}.card h3{margin-top:12px;color:#fff;font-size:21px}.card p{margin-top:12px;color:#cbd5e1;line-height:1.85}.card .meta{color:#94a3b8;font-size:14px}.person-photo{width:100%;height:220px;border-radius:10px;background:#fff;object-fit:contain}.person-row{display:flex;align-items:center;gap:18px;margin-top:30px;border:1px solid rgba(103,232,249,.18);border-radius:10px;background:rgba(255,255,255,.04);padding:18px}.person-row img{width:96px;height:96px;border-radius:10px;background:#fff;object-fit:contain}.site-footer{padding:32px 24px;border-top:1px solid rgba(255,255,255,.12);color:#94a3b8;text-align:center}.news-date{color:#a5f3fc;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.card-link{display:inline-flex;margin-top:16px;color:#a5f3fc;font-weight:700}@media(max-width:980px){.nav{align-items:flex-start;flex-direction:column}.hero-inner{grid-template-columns:1fr}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.labels{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero,.section{padding:48px 20px}.hero h1{font-size:38px}.brand-title{font-size:18px}.nav-links{gap:12px}.person-row{align-items:flex-start;flex-direction:column}.labels{grid-template-columns:1fr}}