@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&family=Bubblegum+Sans&family=Fredoka:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#ffffffa6,#ffffffa6),linear-gradient(135deg,#faf6e7,#ffecdb,#ffed92,#ffbbd7,#ace9ce) fixed;background-blend-mode:screen;color:#4a5160;overflow-x:hidden;min-height:100vh;scroll-behavior:smooth}.kawaii-bg{position:fixed;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:radial-gradient(circle,#ffbbd7 2px,transparent 2px),radial-gradient(circle,#ffed92 2px,transparent 2px);background-size:50px 50px,70px 70px;background-position:0 0,35px 35px;z-index:0}.navbar{position:fixed;top:0;width:100%;padding:15px 40px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #ff96c81a;z-index:1000;transition:all .3s ease;border-bottom:2px solid rgba(255,150,200,.2)}.navbar.scrolled{padding:10px 40px;box-shadow:0 5px 30px #ff96c826}.logo{font-family:Bubblegum Sans,cursive;font-size:32px;font-weight:700;background:linear-gradient(135deg,#ffbbd7,#ace9ce,#ffbbd7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;text-decoration:none}.nav-link{color:#7a7a7a;text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease;position:relative;padding:5px 12px;border-radius:20px;font-family:Quicksand,sans-serif}.nav-link:hover{color:#ffbbd7;background:#ffbbd71a;transform:translateY(-2px)}.join-btn{padding:10px 28px;font-family:Quicksand,sans-serif;box-shadow:0 5px 15px #ffbbd74d}.join-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffbbd766}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:120px 20px 80px;background:#fff;overflow:hidden}.hero-decoration{position:absolute;width:100%;height:100%;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffbbd71a,#ace9ce1a);animation:float-bubble 15s infinite ease-in-out}@keyframes float-bubble{0%,to{transform:translateY(0) translate(0) scale(1)}33%{transform:translateY(-30px) translate(20px) scale(1.1)}66%{transform:translateY(20px) translate(-20px) scale(.9)}}.hero-badge{display:inline-block;padding:8px 20px;background:#ffbbd733;border-radius:20px;color:#ff6b9d;font-size:14px;font-weight:600;margin-bottom:20px;font-family:Quicksand,sans-serif}.hero-title{font-family:Bubblegum Sans,cursive;font-size:clamp(3.5rem,8vw,6rem);margin-bottom:10px;background:linear-gradient(135deg,#ffbbd7,#ace9ce,#ffed92,#ffbbd7);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite;line-height:1.2}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-title-cn{font-family:Noto Sans SC,sans-serif;font-size:clamp(2rem,5vw,3.5rem);color:#ace9ce;margin-bottom:20px;font-weight:700}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#8a8a8a;margin-bottom:30px;font-weight:500;line-height:1.6}.hero-description{font-size:1.05rem;color:#7a7a7a;max-width:700px;margin:0 auto 40px;line-height:1.8;font-weight:500}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 32px;font-size:16px;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:Quicksand,sans-serif}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;box-shadow:0 8px 25px #ff6b9d4d}.btn-secondary{background:#fff;color:#ff6b9d;border:2px solid #ff6b9d;box-shadow:0 5px 15px #ff6b9d33}.btn-secondary:hover{background:#ff6b9d1a;transform:translateY(-3px)}.con-btn{height:4rem}.mascot-container{position:absolute;bottom:20px;right:20px;display:flex;gap:10px}.mascot{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 5px 15px #ff6b9d4d;animation:bounce 2s ease-in-out infinite}.mascot:nth-child(2){animation-delay:.2s}.mascot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats{padding:60px 40px;background:#fff;box-shadow:0 0 30px #ff96c81a}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.stat-item{padding:20px;background:linear-gradient(135deg,#ff6b9d0d,#ff8e530d);border-radius:20px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-family:Bubblegum Sans,cursive;font-size:42px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-label{font-size:14px;color:#8a8a8a;font-weight:600}.stat-label-cn{font-size:12px;color:#aaa;font-family:Noto Sans SC,sans-serif}.section{padding:80px 40px;max-width:1400px;margin:0 auto}.section-title{font-family:Bubblegum Sans,cursive;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:10px;background:linear-gradient(135deg,#ff6b9d,#ff8e53,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{background:#fff;border-radius:30px;box-shadow:0 10px 40px #ff96c81a;margin-top:40px;margin-bottom:40px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px}.about-text h3{font-family:Bubblegum Sans,cursive;font-size:32px;margin-bottom:20px;color:#ff6b9d}.about-text p{color:#7a7a7a;line-height:1.8;margin-bottom:20px;font-weight:500}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffb6c11a;border-radius:15px;transition:all .3s ease}.feature-item:hover{background:#ffb6c133;transform:translate(5px)}.feature-icon{font-size:24px}.feature-text{color:#7a7a7a;font-size:14px;font-weight:600}.about-image{display:flex;justify-content:center}.about-main-image{width:100%;height:auto;border-radius:20px;transition:transform .3s ease}.about-main-image:hover{transform:scale(1.02)}.culture-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;transform:rotate(-5deg)}.culture-card{background:#fff;border:3px solid #ffb6c1;border-radius:20px;padding:30px;text-align:center;box-shadow:0 8px 20px #ffb6c14d;transition:all .3s ease}.culture-card:nth-child(2){transform:rotate(10deg) translateY(20px)}.culture-card:hover{transform:rotate(0) scale(1.05)}.culture-icon{font-size:60px;margin-bottom:10px}.culture-title{font-family:Noto Sans SC,sans-serif;font-size:18px;color:#ff6b9d;font-weight:700}.events-notice{background:linear-gradient(135deg,#ffb6c133,#ff8e531a);border-radius:25px;padding:30px;text-align:center;margin-bottom:50px;border:2px solid rgba(255,182,193,.3)}.events-notice h3{font-family:Quicksand,sans-serif;font-size:20px;color:#ff6b9d;margin-bottom:15px;font-weight:700}.events-notice p{color:#7a7a7a;font-size:16px;margin-bottom:20px;line-height:1.6}.social-follow-btns{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.social-follow-btn{padding:10px 20px;background:#fff;border:2px solid #ff6b9d;border-radius:20px;color:#ff6b9d;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:14px}.social-follow-btn:hover{background:#ff6b9d;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b9d4d}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:30px}.event-card{background:#fff;border-radius:25px;box-shadow:0 8px 25px #ff96c826;transition:all .3s ease;cursor:pointer;overflow:hidden}.event-image{width:100%;height:200px;background:linear-gradient(135deg,#ffb6c133,#ff8e531a);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px;position:relative;overflow:hidden;object-fit:cover;object-position:center}.event-image-placeholder{font-size:12px;color:#ccc;margin-top:10px;font-weight:500}.event-image:after{content:"📸 View Photos 查看照片";position:absolute;bottom:10px;right:10px;background:#ffffffe6;padding:5px 12px;border-radius:15px;font-size:11px;color:#ff6b9d;font-weight:600}.event-content{padding:25px}.event-badge{display:inline-block;padding:5px 15px;background:#ffb6c14d;border-radius:15px;color:#ff6b9d;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.event-title{font-family:Quicksand,sans-serif;font-size:20px;font-weight:700;margin-bottom:8px;color:#5a5a5a}.event-title-cn{font-family:Noto Sans SC,sans-serif;font-size:14px;color:#ff8e53;margin-bottom:12px}.event-description{color:#7a7a7a;line-height:1.6;font-weight:500;font-size:14px}.event-stats{display:flex;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,182,193,.2)}.event-stat{display:flex;align-items:center;gap:5px;font-size:13px;color:#9a9a9a}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.event-card{background:#fff;border-radius:25px;box-shadow:0 8px 25px #ff96c826;transition:all .3s ease;cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.event-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #ff96c840}.event-image{width:100%;height:200px;background:linear-gradient(135deg,#ffb6c133,#ff8e531a);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px;position:relative;overflow:hidden;object-fit:cover;object-position:center;flex-shrink:0}.event-content{padding:25px;flex:1;display:flex;flex-direction:column}.event-badge{display:inline-block;padding:5px 15px;background:#ffb6c14d;border-radius:15px;color:#ff6b9d;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:12px;align-self:flex-start}.event-title{font-family:Quicksand,sans-serif;font-size:20px;font-weight:700;margin-bottom:8px;color:#5a5a5a;line-height:1.3}.event-date{display:flex;align-items:center;gap:8px;color:#8a8a8a;margin-bottom:12px;font-size:13px;font-weight:600}.event-description{color:#7a7a7a;line-height:1.6;font-weight:500;font-size:14px;flex:1;margin-top:auto}.convention-banner{background:#fff;padding:60px 40px;text-align:center;position:relative;border-radius:30px}.con-decorations{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;opacity:.1}.con-deco{position:absolute;font-size:40px;animation:float-around 20s infinite linear}@keyframes float-around{0%{transform:translate(-100px) rotate(0)}to{transform:translate(calc(100% + 100px)) rotate(360deg)}}.convention-label{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);border-radius:20px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:12px;font-family:Quicksand,sans-serif}.convention-title{font-family:Bubblegum Sans,cursive;font-size:clamp(3rem,6vw,4.5rem);margin-bottom:10px;background:linear-gradient(135deg,#ff6b9d,#ff8e53,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.convention-title-cn{font-family:Noto Sans SC,sans-serif;font-size:2rem;color:#ff8e53;margin-bottom:20px;font-weight:700}.convention-features{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:800px;margin:40px auto}.con-feature{text-align:center;background:#ffb6c11a;padding:20px;border-radius:20px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.con-feature:hover{transform:translateY(-5px);background:#ffb6c133}.con-feature-icon{font-size:40px;margin-bottom:10px}.con-feature-title{font-size:16px;font-weight:700;color:#5a5a5a;margin-bottom:5px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.team-card{background:#fff;border-radius:25px;padding:30px;text-align:center;box-shadow:0 8px 25px #ff96c826;transition:all .3s ease;position:relative}.team-card:before{content:"✨";position:absolute;top:15px;right:20px;font-size:20px;opacity:.5}.team-card:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 15px 35px #ff96c840}.team-avatar{width:80px;height:80px;background:linear-gradient(135deg,#ffb6c1,#ff8e53);border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 5px 15px #0003}.team-name{font-family:Quicksand,sans-serif;font-size:20px;font-weight:700;color:#5a5a5a;margin-bottom:5px}.team-role{font-size:14px;color:#ff6b9d;font-weight:600;margin-bottom:10px}.team-role-cn{font-family:Noto Sans SC,sans-serif;font-size:12px;color:#ff8e53;margin-bottom:15px}.contact-section{background:#fff;border-radius:30px;box-shadow:0 10px 40px #ff96c81a;margin-top:40px}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:30px}.social-card{background:linear-gradient(135deg,#ffb6c11a,#ff8e530d);border:2px solid rgba(255,182,193,.3);border-radius:20px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer;text-decoration:none;color:#7a7a7a}.social-card:visited{color:#7a7a7a}.social-card:hover{transform:translateY(-5px) rotate(-2deg);border-color:#ff6b9d;background:#ffb6c133}.social-icon{font-size:32px;margin-bottom:8px}.social-name{font-size:13px;color:#7a7a7a;font-weight:700}footer{background:linear-gradient(135deg,#ffb6c11a,#ffedf54d);padding:60px 40px 30px;text-align:center;margin-top:40px}.footer-logo{font-family:Bubblegum Sans,cursive;font-size:36px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.footer-link{color:#8a8a8a;text-decoration:none;transition:color .3s ease;font-size:14px;font-weight:600}.footer-text{color:#aaa;font-size:14px;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,182,193,.2)}.mobile-menu-btn{display:none;background:none;border:none;color:#ff6b9d;font-size:24px;cursor:pointer}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:24px 32px;gap:16px;transition:left .3s ease;box-shadow:0 5px 20px #ff96c833;z-index:1100;overflow-y:auto}.nav-links.active{left:0}.mobile-menu-btn{display:block}.hero-title{font-size:3rem}.hero-title-cn{font-size:2rem}.about-content{grid-template-columns:1fr;gap:40px;padding:20px}.about-text h3{font-size:24px;text-align:center;margin-bottom:15px}.about-text p{font-size:14px;margin-bottom:15px;text-align:left}.about-features{grid-template-columns:1fr;gap:15px;margin-top:20px}.feature-item{padding:15px;justify-content:center;text-align:center;flex-direction:column;gap:8px}.feature-icon{font-size:32px}.feature-text{font-size:16px;font-weight:700}.about-image{order:-1;margin-bottom:20px}.image-container{max-width:300px;margin:0 auto}.about-main-image{width:100%;height:auto}.modal-content{margin:20px;max-width:calc(100% - 40px);padding:20px;max-height:90vh}.modal-body{flex-direction:column;gap:15px}.modal-image{width:150px;height:150px}.modal-intro h4{font-size:18px}.modal-intro p{font-size:13px;margin-bottom:15px}.intro-features{gap:8px}.intro-item{padding:12px 8px;font-size:13px}.intro-icon{font-size:16px;min-width:20px}.culture-cards{transform:none}.culture-card:nth-child(2){transform:none}.convention-features,.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.section{padding:60px 20px}.about-section{margin:20px 10px;border-radius:20px}.about-content{padding:15px;gap:30px}.about-text h3{font-size:20px;line-height:1.3}.about-text p{font-size:13px;line-height:1.6}.about-features{gap:10px;margin-top:15px}.feature-item{padding:12px;border-radius:10px}.feature-icon{font-size:28px}.feature-text{font-size:14px}.image-container{max-width:250px}.hover-prompt{padding:8px 16px;font-size:12px;border-radius:20px}.modal-content{margin:10px;max-width:calc(100% - 20px);padding:15px;border-radius:15px}.modal-close{top:10px;right:15px;font-size:24px}.modal-intro h4{font-size:16px;margin-bottom:10px}.modal-intro p{font-size:12px;margin-bottom:12px}.intro-item{padding:10px 6px;font-size:12px;flex-direction:column;text-align:center;gap:6px}.section-title{font-size:2rem}.section-subtitle{font-size:.95rem;padding:0 10px}}.sakura-petals{position:fixed;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.petal{position:absolute;background:linear-gradient(135deg,#ffb3d9,#ff69b4);border-radius:0 100%;opacity:.6;animation:fall linear infinite}@keyframes fall{to{transform:translateY(100vh) translate(50px) rotate(360deg)}}.image-container{position:relative;cursor:pointer;transition:transform .3s ease;border-radius:15px;overflow:hidden}.image-container:hover{transform:scale(1.05)}.image-container.hovering:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ff6b9d4d,#c77dff4d);pointer-events:none}.hover-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .3s ease;pointer-events:none}.click-hint{display:flex;align-items:center;gap:8px}.click-hint:after{content:"👆";animation:bounce 1s infinite}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,#fef7f7,#f8f9ff);border-radius:20px;padding:30px;max-width:60%;max-height:80%;overflow-y:auto;position:relative;border:2px solid rgba(255,107,157,.3);box-shadow:0 20px 40px #00000080;animation:slideUp .3s ease}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#ff6b9d;font-size:30px;cursor:pointer;transition:color .3s ease;z-index:1001}.modal-close:hover{color:#c77dff}.modal-header{text-align:center;margin-bottom:25px}.modal-header h3{color:#333;font-size:28px;margin-bottom:10px;font-family:Bubblegum Sans,cursive;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-body{display:flex;flex-direction:column;gap:20px}.modal-image{width:200px;height:200px;object-fit:cover;border-radius:15px;margin:0 auto;border:3px solid rgba(255,107,157,.3)}.modal-intro{color:#333;text-align:center}.modal-intro h4{color:#c77dff;font-size:22px;margin-bottom:15px}.modal-intro p{color:#555;line-height:1.7;margin-bottom:20px;font-size:14px}.intro-features{display:flex;flex-direction:column;gap:12px;margin-top:20px}.intro-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ff6b9d1a;border-radius:10px;border-left:3px solid #ff6b9d;text-align:left}.intro-icon{font-size:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-content{margin:20px;max-width:calc(100% - 40px);padding:20px}.modal-body{flex-direction:column}.modal-image{width:150px;height:150px}.intro-features{gap:8px}.intro-item{padding:8px}}.navbar{position:fixed;top:0;width:100%;padding:15px 40px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #ff96c826;z-index:1000;transition:all .3s ease}.navbar.scrolled{padding:10px 40px;box-shadow:0 5px 30px #ff96c833}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Bubblegum Sans,cursive;font-size:32px;font-weight:700;background:linear-gradient(135deg,#ff6b9d,#feca57,#ff6b9d);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;display:flex;align-items:center;gap:12px;text-decoration:none}@keyframes shimmer{to{background-position:200% center}}.logo-year{background:linear-gradient(135deg,#ff8e53,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:20px}.nav-links{display:flex;gap:30px;list-style:none}.nav-link{color:#7a7a7a;text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease;position:relative;padding:8px 15px;border-radius:20px}.nav-link:hover{color:#ff6b9d;background:#ff6b9d1a;transform:translateY(-2px)}.common-btn{background:linear-gradient(135deg,#ff6b9d,#ff8e53);border:none;border-radius:25px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.ticket-btn{padding:12px 30px;box-shadow:0 5px 15px #ff6b9d4d;animation:pulse-glow 2s ease-in-out infinite;white-space:nowrap;flex-shrink:0;font-size:15px}@keyframes pulse-glow{0%,to{box-shadow:0 5px 15px #ff6b9d4d}50%{box-shadow:0 8px 25px #ff6b9d80}}.ticket-btn:hover{transform:translateY(-3px) scale(1.05);animation:none;box-shadow:0 10px 30px #ff6b9d80}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:100px 20px 60px;background:#fff;overflow:hidden}.hero-bg-effects{position:absolute;width:100%;height:100%;overflow:hidden}.sparkle{position:absolute;color:#ffb3d9;animation:sparkle-float 3s ease-in-out infinite}@keyframes sparkle-float{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px}.con-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 25px;background:linear-gradient(135deg,#ffb6c133,#ffedf54d);border:2px solid #ffb3d9;border-radius:25px;margin-bottom:30px;animation:badge-bounce 2s ease-in-out infinite}@keyframes badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.con-badge-text{color:#ff6b9d;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:14px}.hero-title{font-family:Bubblegum Sans,cursive;font-size:clamp(3.5rem,8vw,6rem);margin-bottom:10px;background:linear-gradient(135deg,#ff6b9d,#ff8e53,#feca57,#48dbfb,#ff6b9d);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-wave 4s ease-in-out infinite;line-height:1.1;letter-spacing:2px}@keyframes rainbow-wave{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-title-cn{font-family:Noto Sans SC,sans-serif;font-size:clamp(2rem,5vw,3.5rem);color:#ff8e53;margin-bottom:20px;font-weight:700}.hero-date{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:#ff6b9d;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.date-divider{width:30px;height:2px;background:linear-gradient(90deg,transparent,#ffb3d9,transparent)}.hero-location{font-size:1.2rem;color:#8a8a8a;margin-bottom:30px;font-weight:600}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.btn{padding:16px 35px;font-size:17px;font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;box-shadow:0 8px 25px #ff6b9d4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ff6b9d66}.btn-secondary{background:#fff;color:#ff6b9d;border:3px solid #ff6b9d;box-shadow:0 5px 15px #ff6b9d33}.btn-secondary:hover{background:#ff6b9d1a;transform:translateY(-3px);border-color:#ff8e53;color:#ff8e53}.countdown-section{padding:40px 20px;background:linear-gradient(135deg,#ffb6c11a,#ffedf533)}.countdown{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;max-width:600px;margin:0 auto}.countdown-item{background:#fff;border:3px solid #ffb3d9;border-radius:20px;padding:20px;min-width:120px;box-shadow:0 5px 15px #ffb6c14d;transition:all .3s ease}.countdown-item:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:0 10px 25px #ffb6c166}.countdown-number{font-family:Bubblegum Sans,cursive;font-size:42px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.countdown-label{font-size:14px;color:#8a8a8a;font-weight:700;text-transform:uppercase}.countdown-label-cn{font-size:12px;color:#aaa;font-family:Noto Sans SC,sans-serif}.guests-section{padding:80px 40px;background:#fff}.section-header{text-align:center;margin-bottom:60px}.section-title{font-family:Bubblegum Sans,cursive;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:10px;background:linear-gradient(135deg,#ff6b9d,#ff8e53,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.section-title:before,.section-title:after{content:"✨";position:absolute;font-size:30px;top:50%;transform:translateY(-50%)}.section-title:before{left:-50px}.section-title:after{right:-50px}.section-title-cn{font-family:Noto Sans SC,sans-serif;font-size:1.5rem;color:#ff8e53;margin-bottom:20px;font-weight:500}.section-subtitle{font-size:1.05rem;color:#8a8a8a;max-width:600px;margin:0 auto;line-height:1.6}.guests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.guest-card{background:linear-gradient(135deg,#ffedf580,#fff);border:3px solid transparent;background-clip:padding-box;border-image:linear-gradient(135deg,#ff6b9d,#feca57) 1;border-radius:25px;padding:35px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.guest-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,182,193,.1),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.guest-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #ff6b9d4d}.guest-avatar{width:120px;height:120px;background:linear-gradient(135deg,#ffb3d9,#feca57);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:60px;box-shadow:0 8px 20px #ffb6c166;border:4px solid white}.guest-name{font-family:Quicksand,sans-serif;font-size:24px;font-weight:700;color:#5a5a5a;margin-bottom:5px}.guest-title{color:#ff6b9d;font-size:16px;font-weight:600;margin-bottom:15px}.guest-bio{color:#7a7a7a;line-height:1.6;font-size:14px}.convention-poster img{transition:transform .3s ease;width:50%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000004d}.convention-poster img:hover{transform:scale(1.05)}.schedule-section{padding:80px 40px;background:linear-gradient(135deg,#ffb6c10d,#ffedf51a)}.schedule-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.schedule-tab{padding:14px 32px;background:#fff;border:3px solid #ffb3d9;border-radius:25px;color:#ff6b9d;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:16px;position:relative;overflow:hidden}.schedule-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,182,193,.3),transparent);transition:left .5s ease}.schedule-tab:hover:before{left:100%}.schedule-tab.active{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #ff6b9d4d}.schedule-content{max-width:900px;margin:0 auto;background:#fff;border-radius:30px;padding:40px;box-shadow:0 10px 30px #ff96c826}.schedule-item{display:flex;gap:30px;padding:25px;margin-bottom:20px;background:linear-gradient(135deg,#ffedf54d,#fffafa80);border-radius:20px;transition:all .3s ease;border:2px solid transparent;position:relative}.schedule-item:hover{transform:translate(10px);border-color:#ffb3d9;box-shadow:0 5px 20px #ffb6c14d}.schedule-time{font-family:Bubblegum Sans,cursive;font-size:20px;color:#ff8e53;min-width:150px;padding-top:5px}.schedule-details h4{font-size:20px;margin-bottom:8px;color:#5a5a5a;font-weight:700}.schedule-details-cn{font-family:Noto Sans SC,sans-serif;font-size:14px;color:#ff8e53;margin-bottom:10px}.schedule-details p{color:#7a7a7a;line-height:1.6;font-size:14px}.activities-section{padding:80px 40px;background:#fff}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.activity-card{background:linear-gradient(135deg,#ffedf580,#fff);border-radius:25px;padding:40px 30px;text-align:center;box-shadow:0 8px 25px #ff96c826;transition:all .3s ease;position:relative;overflow:hidden}.activity-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#ff6b9d,#ff8e53,#feca57)}.activity-card:hover{transform:translateY(-10px) rotate(1deg);box-shadow:0 15px 35px #ff96c840}.activity-icon{font-size:64px;margin-bottom:20px;display:inline-block;animation:icon-float 3s ease-in-out infinite}.activity-card:nth-child(2) .activity-icon{animation-delay:.5s}.activity-card:nth-child(3) .activity-icon{animation-delay:1s}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.activity-title{font-family:Quicksand,sans-serif;font-size:24px;font-weight:700;color:#5a5a5a;margin-bottom:5px}.activity-title-cn{font-family:Noto Sans SC,sans-serif;font-size:16px;color:#ff8e53;margin-bottom:15px;font-weight:500}.activity-description{color:#7a7a7a;line-height:1.6;font-size:14px}.tickets-section{padding:80px 40px;background:linear-gradient(135deg,#ffb6c11a,#ffedf533)}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.ticket-card{background:#fff;border-radius:25px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #ff96c833;transition:all .3s ease;position:relative;border:3px solid transparent}.ticket-card.featured{border-color:#ff6b9d;transform:scale(1.05)}.ticket-card.featured:before{content:"BEST VALUE";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;padding:5px 20px;border-radius:15px;font-size:12px;font-weight:700}.ticket-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ff96c84d}.ticket-type{font-family:Bubblegum Sans,cursive;font-size:28px;color:#ff6b9d;margin-bottom:10px}.ticket-price{font-size:48px;font-weight:700;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.ticket-price-cn{font-size:16px;color:#8a8a8a;margin-bottom:20px}.ticket-features{list-style:none;margin-bottom:30px}.ticket-features li{padding:10px 0;color:#7a7a7a;font-size:14px;border-bottom:1px solid rgba(255,182,193,.2)}.ticket-features li:last-child{border-bottom:none}.venue-section{background:#fff;border-radius:30px;box-shadow:0 10px 40px #ff96c81a;margin-top:40px;margin-bottom:40px}.venue-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch;padding:0 60px 60px}.venue-info{display:flex;flex-direction:column;gap:30px}.venue-header{text-align:center;padding:30px;background:linear-gradient(135deg,#ffb6c11a,#ff8e530d);border-radius:20px;border:2px solid rgba(255,182,193,.2);position:relative;overflow:hidden}.venue-header:before{content:"✨";position:absolute;top:15px;right:20px;font-size:24px;opacity:.6}.venue-name{font-family:Bubblegum Sans,cursive;font-size:32px;margin-bottom:10px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.venue-name-cn{font-family:Noto Sans SC,sans-serif;font-size:18px;color:#ff8e53;margin:0;font-weight:500}.venue-details{display:flex;flex-direction:column;gap:20px}.venue-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:linear-gradient(135deg,#ffb6c10d,#ff8e5308);border-radius:20px;border:1px solid rgba(255,182,193,.15);transition:all .3s ease;position:relative}.venue-item:hover{transform:translate(10px);background:linear-gradient(135deg,#ffb6c11a,#ff8e530d);border-color:#ffb6c14d;box-shadow:0 5px 20px #ff96c826}.venue-icon{font-size:32px;min-width:40px;text-align:center;filter:drop-shadow(0 2px 4px rgba(255,150,200,.3))}.venue-text{flex:1}.venue-text h4{font-family:Quicksand,sans-serif;font-size:18px;font-weight:700;color:#ff6b9d;margin-bottom:8px;display:flex;align-items:center;gap:8px}.venue-text p{color:#7a7a7a;margin:0;line-height:1.6;font-weight:500}.venue-link{color:#ff6b9d;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;display:inline-block}.venue-link:hover{color:#ff8e53;transform:translateY(-2px)}.venue-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(135deg,#ff6b9d,#ff8e53);transition:width .3s ease}.venue-link:hover:after{width:100%}.venue-map-container{position:relative;background:linear-gradient(135deg,#ffb6c11a,#ff8e530d);border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #ff96c833;border:2px solid rgba(255,182,193,.2);min-height:400px}.venue-map{width:100%;height:100%;min-height:400px;transition:all .3s ease}.venue-map-container:hover{box-shadow:0 12px 35px #ff96c84d;transform:translateY(-5px)}@media (max-width: 768px){.venue-content{grid-template-columns:1fr;gap:30px;padding:0 20px 40px}.venue-item{padding:20px;flex-direction:column;text-align:center;gap:15px}.venue-item:hover{transform:translateY(-5px)}.venue-icon{font-size:40px}.venue-name{font-size:28px}.venue-name-cn{font-size:16px}.venue-map-container,.venue-map{min-height:300px}}@media (max-width: 480px){.venue-header{padding:20px}.venue-name{font-size:24px}.venue-name-cn{font-size:14px}}footer{background:linear-gradient(135deg,#ffb6c126,#ffedf54d);padding:60px 40px 30px;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{font-family:Bubblegum Sans,cursive;font-size:36px;background:linear-gradient(135deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.social-link{width:50px;height:50px;background:#fff;border:2px solid #ffb3d9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff6b9d;text-decoration:none;font-size:24px;transition:all .3s ease}.social-link:hover{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;transform:translateY(-5px) rotate(360deg);box-shadow:0 10px 25px #ff6b9d66}.footer-info{color:#8a8a8a;font-size:14px;margin-bottom:20px}.footer-links{display:flex;justify-content:center;gap:30px;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,182,193,.3);flex-wrap:wrap}.footer-link{color:#8a8a8a;text-decoration:none;font-size:14px;font-weight:600;transition:color .3s ease}.footer-link:hover{color:#ff6b9d}.desktop-only{display:inline-flex}.language-switcher{display:flex;align-items:center;gap:4px;background:#ff96c81a;border:2px solid rgba(255,150,200,.2);border-radius:25px;padding:6px 12px;font-size:14px;font-weight:600;color:#ff6b9d;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:70px;justify-content:center}.language-switcher:hover{background:#ff96c833;border-color:#ff96c866;transform:translateY(-2px);box-shadow:0 5px 15px #ff96c84d}.language-flag{font-size:16px;display:inline-block}.language-text{font-size:12px;font-weight:700}.nav-actions{display:flex;align-items:center;gap:15px}@media (max-width: 768px){.events-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;padding:0 10px}.event-card{border-radius:20px;margin-bottom:10px}.event-image{height:150px;font-size:40px}.event-content{padding:20px}.event-title{font-size:18px;margin-bottom:10px}.event-badge{font-size:11px;padding:4px 12px;margin-bottom:10px}.event-date{font-size:12px;margin-bottom:10px}.event-description{font-size:13px;line-height:1.5}.event-image:after{content:"📸 Photos";font-size:10px;padding:4px 10px;bottom:8px;right:8px}}@media (max-width: 480px){.events-grid{grid-template-columns:1fr;padding:0 5px;gap:15px}.event-card{border-radius:15px}.event-image{height:120px;font-size:32px}.event-content{padding:15px}.event-title{font-size:16px;line-height:1.2}.event-badge{font-size:10px;padding:3px 10px}.event-date{font-size:11px;margin-bottom:8px}.event-description{font-size:12px}.section-title{font-size:2rem}.section-subtitle{font-size:.95rem;padding:0 10px}}@media (max-width: 768px){.nav-actions{gap:10px}.language-switcher{padding:4px 8px;min-width:60px}.language-flag{font-size:14px}.language-text{font-size:11px}}@media (max-width: 768px){.desktop-only{display:none!important}.language-switcher .language-text{display:none}.language-switcher{min-width:40px;padding:6px 8px;justify-content:center}.language-flag{font-size:16px}}.show-more-btn{position:relative;padding:16px 40px;font-size:16px;font-weight:700;font-family:Quicksand,sans-serif;color:#fff;background:linear-gradient(135deg,#ff6b9d,#ff8e53,#feca57);background-size:200% auto;border:none;border-radius:30px;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 25px #ff6b9d4d;display:inline-flex;align-items:center;gap:12px;overflow:hidden}.show-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.show-more-btn:hover:before{left:100%}.show-more-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #ff6b9d66;background-position:right center}.show-more-btn:active{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #ff6b9d66}@keyframes sparkle-rotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}@keyframes bounce-scale{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.show-more-text{position:relative;z-index:1;letter-spacing:.5px}@media (max-width: 768px){.show-more-btn{padding:14px 32px;font-size:15px;gap:10px}}@media (max-width: 480px){.show-more-btn{padding:12px 28px;font-size:14px;gap:8px}.show-more-text{font-size:14px}}
