body{background-image:url("https://dss0.zbstatic5.com/assets/interactive/southeast-asia-lecture/2026/imgs/bg.webp?1a");background-repeat:no-repeat;background-size:100% auto;background-position:center 0;background-attachment:fixed;}
.lang-en{font-family:Roboto;}
.theme-header{margin:0 auto;color:#000;}
#theme-logo{width:36%;margin:0 auto 1em auto;color:var(--theme-ui-colors-secondary);display:block;}
h1.headline{margin:0.6em auto 0.4em auto;font-family:Roboto,Noto Sans SC;}
h1.headline em{font-weight:900;}
h1.headline span{font-size:1.4em;color:#000;}
h1.headline .lang-en{line-height:1;}

.event-content{display:flex;justify-content:center;align-items:center;gap:2em;}
.date,.venue{text-align:center;}
.venue{font-weight:700;}

.btn-text{background:var(--theme-ui-colors-main)!important;color:#fff!important;line-height:1;display:table;margin:auto;align-items:center;justify-content:center;padding:0.8em 1em;}

.sub{margin-top:0.8em;}
.capsule{width:80%;padding:2em 2em 1em 2em;border-radius:0.4em;backdrop-filter:blur(0.6em);margin:auto;color:#000;border:1px solid rgba(255,255,255,0.6);box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.capsule .lang-en{font-size:0.85em;line-height:1.4;}
.capsule-display{display:flex;}
.capsule-content{width:60%;padding-right:2em;}

.enclosed:before{width:140%;opacity:0.14;z-index:-1;top:-30%;left:-50%;height:auto;aspect-ratio:1/1;position:fixed;content:'';animation:spin2D 50s infinite linear;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));background-repeat:no-repeat;background-image:url(https://dss0.zbstatic5.com/assets/interactive/southeast-asia-lecture/imgs/southeast-asia-lecture-icon.svg);background-size:100% auto;background-position:center;}

.group{display:flex;margin:0 1em -1em auto;justify-content:end;align-items:center;}
.toggle-wrapper.toggle-bilingual{margin:0 0.4em;line-height:1.2;position:relative;display:flex;border-radius:50px;cursor:pointer;user-select:none;background-color:rgba(255,255,255,1);border:1px solid rgba(0,0,0,.4);color:#666;justify-content:center;align-items:center;}
.toggle-wrapper input{display:none;opacity:0;width:0;height:0;}
.toggle-wrapper input:checked ~ .switch-slider{transform:translateX(100%);}

.switch-label{font-size:0.9em;padding:0.5em 1em;text-wrap:nowrap;position:relative;flex:1;display:flex;align-items:center;justify-content:center;z-index:2;transition:color 0.3s;}

.switch{width:80px;height:32px;position:relative;display:inline-block;margin:0 0.4em 0 0;}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.4);transition:.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50px;display:flex;align-items:center;justify-content:space-around;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);}
.switch .slider-text-zh,.switch .slider-text-en{width:36px;font-size:0.85em;display:flex;text-align:center;z-index:1;transition:color 0.3s, opacity 0.3s;pointer-events:none;z-index:10000;align-items:center;justify-content:center;position:relative;z-index:10000000;}
.switch-slider{position:absolute;width:calc(50% - 2px);height:calc(100% - 4px);top:2px;left:2px;border-radius:50px;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1;background:rgba(234,241,253,1);}
.toggle-wrapper input:checked ~ .switch-slider{transform:translateX(100%);}
.toggle-wrapper .slider-text:before{position:absolute;content:"";height:28px;width:36px;left:2px;transition:.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50px;z-index:2;}
.toggle-wrapper .slider-text-zh,.show-english .toggle-wrapper .slider-text-en{color:#fff;opacity:1;font-weight:bold;}
.toggle-wrapper input:checked + .slider-text.slider-text-zh,.toggle-wrapper input:checked + .slider-text.slider-text-en{color:#fff;opacity:1;}
.toggle-wrapper .slider-text-en,.show-english .toggle-wrapper input:checked + .slider-text.slider-text-zh{color:#000;opacity:0.8;font-weight:normal;}
.toggle-wrapper input:checked + .slider-text:before{transform:translateX(40px);}
.toggle-bilingual .switch-slider{background-color:#e90044;}

[lang="en"]{display:none;}
[lang="zh"]{display:block;}
body.show-english{transition:all .5s;}
body.show-english [lang="en"]{display:block;}
body.show-english [lang="zh"]{display:none;}

@keyframes spin2D{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

.speaker{display:block;padding:1em 0;width:40%;}
.profile-card{display:flex;align-items:center;gap:1em;}
.speaker .profile-card:nth-child(2){justify-content:end;}
.speaker .profile-card:nth-child(1){justify-content:start;}
.img-frame{width:140px;height:auto;border-radius:100px;aspect-ratio:3/4;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;background:#3c3e98;}
.img-frame img{width:100%;height:100%;object-fit:cover;}

.info{line-height:1.2;}
.label{font-size:0.8em;margin-bottom:0.4em;text-transform:uppercase;background:#e90044;color:#fff;padding:0.4em 0.6em;display:inline-block;line-height:1;border-radius:0.3em;font-weight:700;}
.lang-en .label{font-size:1em;}
.name-ch{font-size:1.2em;font-weight:700;margin:0 0 0.4em 0;}
.name-en{font-size:1.2em;font-weight:700;margin:0 0 0.4em 0;}
.title-ch{font-size:0.9em;margin:0;}
.title-en{margin:0;}
.text-right{text-align:right;}
.text-left{text-align:left;}

@media screen and (max-width:768px){
.toggle-wrapper.toggle-bilingual{top:-1em;}
.enclosed:before{top:5%;}
#theme-logo{width:70%;margin:1em auto 0 auto;}
h1.headline .lang-zh span{font-size:1.4em;}
h1.headline .lang-en span{font-size:1em;}
.container{width:90%;}
.capsule{width:90%;padding:1em;}
.capsule-display{display:block;}
.capsule-content{width:100%;padding-right:0;}
.group{margin:-1em 1em -1em auto;}

.profile-card{margin-bottom:1em;flex-direction:row!important;text-align:center!important;gap:1em;justify-content:start!important;}
.speaker{width:100%;padding:1em 0 0 0;}
.speaker .info{text-align:center!important;order:2;width:60%;}
.img-frame{order:1;width:50%;}
.event-content{display:block;}
.event-action{margin-top:1em;}
}