:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#020617;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}.site{color:#f8fafc;background:radial-gradient(circle at 0 0,#6366f161,#0000 34%),radial-gradient(circle at 75% 20%,#0ea5e940,#0000 30%),radial-gradient(circle at 50% 80%,#a855f729,#0000 35%),#020617;min-height:100vh;overflow:hidden}.hero{min-height:100vh;padding:32px 80px;position:relative}.stars{opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#ffffff8c 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0}.navbar{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:14px 18px;display:flex;position:relative}.brand,.nav-links,.badge,.cta-row,.video-link-left{align-items:center;display:flex}.brand{letter-spacing:.04em;gap:8px;font-weight:700}.nav-links{color:#cbd5e1;gap:22px;font-size:14px}.nav-links a{transition:color .2s}.nav-links a:hover{color:#fff}.hero-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:110px 0;display:grid;position:relative}.badge{color:#cffafe;background:#67e8f91a;border:1px solid #67e8f938;border-radius:999px;gap:8px;width:fit-content;padding:10px 16px;font-size:14px}h1{letter-spacing:-.04em;color:#fff;margin:24px 0 0;font-size:clamp(42px,6vw,76px);line-height:1.05}h1 span{background:linear-gradient(90deg,#bae6fd,#c7d2fe,#ddd6fe);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero-text{color:#cbd5e1;max-width:680px;margin-top:24px;font-size:20px;line-height:1.8}.cta-row{flex-wrap:wrap;gap:14px;margin-top:32px}.cta-row.center{justify-content:center}.button{border-radius:18px;align-items:center;gap:9px;padding:15px 22px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#020617;background:#f8fafc;box-shadow:0 20px 48px #0f172a73}.button.secondary{color:#f8fafc;background:#ffffff1f}.profile-card-wrap{position:relative}.profile-card-wrap:before{content:"";filter:blur(28px);background:linear-gradient(135deg,#22d3ee38,#6366f138,#a855f733);border-radius:40px;position:absolute;inset:-24px}.profile-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff1c;border-radius:34px;padding:28px;position:relative;box-shadow:0 28px 80px #00000052}.portrait-wrap{background:radial-gradient(circle at 50% 20%,#bae6fd2e,#0000 40%),radial-gradient(circle at 50% 100%,#a855f72e,#0000 45%),#0206178c;border:1px solid #ffffff14;border-radius:28px;justify-content:center;align-items:flex-end;min-height:360px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.portrait-glow{filter:blur(40px);z-index:1;background:#7dd3fc33;border-radius:999px;width:70%;height:120px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.portrait-image{z-index:2;object-fit:contain;width:100%;max-width:360px;max-height:460px;display:block;position:relative}.profile-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.profile-head p{color:#cbd5e1;margin:0;font-size:14px}.profile-head h2{color:#fff;margin:4px 0 0;font-size:28px}.icon-box{background:#ffffff1c;border-radius:20px;padding:14px}.profile-inner{background:#02061780;border:1px solid #ffffff1c;border-radius:28px;padding:24px}.profile-inner p{color:#cbd5e1;margin:0;line-height:1.8}.profile-list{gap:12px;margin-top:22px;display:grid}.profile-list div{background:#ffffff1a;border-radius:18px;padding:16px}.about-section{z-index:1;justify-content:center;max-width:1180px;margin:0 auto;padding:92px 24px 72px;display:flex;position:relative}.about-card{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1223ad;border:1px solid #7dd3fc38;border-radius:28px;width:100%;max-width:900px;padding:48px 40px;box-shadow:0 24px 80px #00000047}.about-label{letter-spacing:.18em;color:#7dd3fce6;margin:0 0 12px;font-size:.85rem}.about-card h2{color:#fff;margin:0;font-size:clamp(2rem,5vw,3.8rem)}.about-card h3{color:#ffffffd1;margin:12px 0 28px;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:500}.about-opening{color:#fff;margin:0 0 28px;font-size:1.15rem;font-weight:700}.about-card p{color:#ffffffd1;margin:20px 0;line-height:2}.section{max-width:1180px;margin:0 auto;padding:86px 24px}.section-head{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.eyebrow{color:#bae6fd;letter-spacing:.08em;margin:0 0 10px;font-size:14px;font-weight:800}.eyebrow.violet{color:#ddd6fe}.section h2,.support h2,.live-box h2,.live-content-center h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(32px,4vw,54px)}.section-icon{color:#64748b}.card-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.info-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff1c;border-radius:28px;min-height:260px;padding:26px;transition:background .2s,transform .2s}.info-card:hover{background:#ffffff1a;transform:translateY(-3px)}.info-card .tag{color:#bae6fd;margin:0;font-size:14px}.info-card h3{color:#fff;margin:18px 0;font-size:22px}.info-card p{color:#cbd5e1;line-height:1.75}.video-section{grid-template-columns:.8fr 1.2fr;align-items:start;gap:46px;display:grid}.section-desc{color:#cbd5e1;margin-top:22px;line-height:1.85}.video-list{gap:16px;display:grid}.video-placeholder{color:inherit;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:26px;justify-content:space-between;align-items:center;gap:18px;padding:22px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:flex}.video-placeholder:hover{background:#ffffff1a;border-color:#7dd3fc73;transform:translateY(-3px)}.video-link-left{gap:15px;font-weight:700}.video-placeholder svg{color:#bae6fd;flex:none}.live-section{text-align:center}.live-content-center{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#6366f12e,#0ea5e91f);border:1px solid #ffffff1c;border-radius:36px;max-width:880px;margin:0 auto;padding:52px 34px}.live-content-center .button{margin-top:26px}.support{text-align:center}.support svg{color:#ddd6fe;margin-bottom:20px}.support p{color:#cbd5e1;max-width:720px;margin:22px auto 0;line-height:1.85}.site-footer{text-align:center;color:#94a3b8;background:#0206174d;border-top:1px solid #ffffff1c;padding:44px 20px;font-size:14px}.site-footer p{margin:8px 0;line-height:1.8}.footer-main{color:#f8fafc;font-size:1.05rem;font-weight:700}.footer-credit{color:#94a3b8bf;margin-top:18px!important}@media (width<=1100px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero{padding:24px}.nav-links{display:none}.hero-grid,.video-section{grid-template-columns:1fr;padding:70px 0}.profile-head{align-items:flex-start}.section{padding:70px 24px}.card-grid{grid-template-columns:1fr}.section-head{align-items:start}.section-icon{display:none}.portrait-wrap{min-height:280px}.portrait-image{max-width:430px;max-height:540px}.about-section{padding:56px 18px}.about-card{border-radius:22px;padding:36px 24px}.about-card p{line-height:1.9}}@media (width<=560px){.hero{padding:18px}.navbar{border-radius:20px}.hero-grid{padding:58px 0}.hero-text{font-size:17px}.profile-card{border-radius:26px;padding:18px}.profile-head h2{font-size:22px}.icon-box{display:none}.video-placeholder{padding:18px}}