:root{--crimson:#8b0000;--crimson-light:brown;--crimson-dark:#600;--jade:#006b54;--jade-light:#008b74;--jade-dark:#004b3a;--gold:#b8860b;--gold-light:#daa520;--gold-dark:#8b6508;--charcoal:#2c2c2c;--charcoal-light:#3c3c3c;--parchment:#f8f5f0;--parchment-dark:#e8e5e0;--ink-black:#1a1a1a;--ink-black-light:#2a2a2a;--terracotta:#8b4513;--celadon:#ace1af;--lapis:#26619c;--gradient-crimson:linear-gradient(135deg, var(--crimson), var(--crimson-dark));--gradient-jade:linear-gradient(135deg, var(--jade), var(--jade-dark));--gradient-gold:linear-gradient(135deg, var(--gold), var(--gold-dark));--gradient-parchment:linear-gradient(135deg, var(--parchment), var(--parchment-dark));--font-serif:"Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif;--font-english:"EB Garamond", serif;--font-decorative:"Ma Shan Zheng", cursive;--font-sc:"Noto Sans SC", sans-serif;--font-tc:"Noto Sans TC", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--shadow-subtle:0 2px 8px #00000014;--shadow-medium:0 4px 16px #0000001f;--shadow-elevated:0 8px 32px #00000026;--shadow-glow:0 0 20px #8b000026;--shadow-jade-glow:0 0 20px #006b5426;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font-english), var(--font-sc), sans-serif;background-color:var(--parchment);color:var(--charcoal);line-height:1.7;position:relative;overflow-x:hidden}body.lang-en{font-family:var(--font-english), var(--font-sc), sans-serif}body.lang-zh-cn{font-family:var(--font-sc), var(--font-english), sans-serif}body.lang-zh-tw{font-family:var(--font-tc), var(--font-english), sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 80%,#8b000008 0%,#0000 50%),radial-gradient(circle at 80% 20%,#006b5408 0%,#0000 50%),radial-gradient(circle at 40% 40%,#b8860b05 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}#bg-canvas{z-index:-1;pointer-events:none;opacity:.25;width:100%;height:100%;position:fixed;top:0;left:0}.chinese-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;box-shadow:var(--shadow-subtle);transition:var(--transition-smooth);background-color:#f8f5f0fa;border-bottom:1px solid #8b00001a;position:fixed;top:0;left:0}.nav-container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.nav-content{padding:var(--spacing-sm) 0;justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:flex}.chinese-seal{width:50px;height:50px;position:relative}.seal-outer{background-color:var(--crimson);border:2px solid var(--gold);width:100%;height:100%;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.seal-inner{background-color:var(--parchment);border:1px solid var(--crimson);border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.seal-text{font-family:var(--font-decorative);color:var(--crimson);font-size:1.5rem;font-weight:700}.logo-text{flex-direction:column;display:flex}.logo-english{font-family:var(--font-english);color:var(--charcoal);letter-spacing:.5px;font-size:1.1rem;font-weight:600}.logo-subtitle{color:var(--crimson);font-size:.8rem;font-family:var(--font-sans);opacity:.8}.nav-menu{gap:var(--spacing-md);list-style:none;display:flex}.nav-item{color:var(--charcoal);border-radius:var(--radius-md);transition:var(--transition-smooth);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:after{content:"";background-color:var(--crimson);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-item:hover:after,.nav-item.active:after{width:80%}.nav-item:hover{color:var(--crimson)}.nav-item i{color:var(--crimson);font-size:.9rem}.nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.language-switcher{border-radius:var(--radius-md);background:#8b00000d;border:1px solid #8b000033;gap:4px;padding:4px;display:flex}.lang-btn{color:var(--charcoal);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:.85rem;font-weight:600}.lang-btn.active{background:var(--crimson);color:var(--parchment)}.lang-btn:hover:not(.active){background:#8b00001a}.nav-toggle{border:1px solid var(--crimson);color:var(--crimson);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;font-size:1.1rem;display:none}.nav-toggle:hover{background-color:var(--crimson);color:var(--parchment)}.chinese-hero{padding-top:120px;padding-bottom:var(--spacing-xl);position:relative}.hero-container{max-width:1000px;padding:0 var(--spacing-sm);margin:0 auto}.hero-content{background-color:var(--parchment);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-elevated);border:1px solid #8b00001a;position:relative;overflow:hidden}.hero-content:before{content:"";background:var(--gradient-crimson);width:100%;height:4px;position:absolute;top:0;left:0}.hero-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid #8b00001a}.english-title{font-family:var(--font-english);color:var(--crimson);margin-bottom:var(--spacing-xs);letter-spacing:.5px;font-size:2.5rem;font-weight:700}.chinese-subtitle{font-family:var(--font-serif);color:var(--charcoal);margin-bottom:var(--spacing-md);font-size:2rem;font-weight:500}.title-decoration{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.decoration-line{background:linear-gradient(90deg, transparent, var(--crimson), transparent);flex:1;height:1px}.decoration-icon{color:var(--crimson);font-size:1.2rem}.hero-description{margin-bottom:var(--spacing-lg);text-align:center}.english-text{color:var(--charcoal);max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}.hero-info-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.info-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-smooth);background-color:#8b000008;border:1px solid #8b00001a;display:flex}.info-item:hover{border-color:var(--crimson);box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.info-icon{color:var(--crimson);min-width:24px;font-size:1.2rem}.info-content h4{color:var(--charcoal);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.info-content p{color:var(--crimson);font-size:.85rem;font-weight:600}.hero-buttons{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.chinese-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.5px;border:1px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.chinese-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.chinese-btn:hover:before{left:100%}.btn-primary{background-color:var(--crimson);color:var(--parchment);border-color:var(--crimson)}.btn-primary:hover{background-color:var(--crimson-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{color:var(--jade);border-color:var(--jade);background-color:#0000}.btn-secondary:hover{background-color:var(--jade);color:var(--parchment);box-shadow:var(--shadow-jade-glow);transform:translateY(-2px)}.btn-tertiary{color:var(--gold);border-color:var(--gold);background-color:#0000}.btn-tertiary:hover{background-color:var(--gold);color:var(--parchment);transform:translateY(-2px)}section{padding:var(--spacing-xl) 0;position:relative}.section-container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-title-container{margin-bottom:var(--spacing-md)}.section-title-english{font-family:var(--font-english);color:var(--crimson);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.section-title-chinese{font-family:var(--font-serif);color:var(--charcoal);margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:500}.section-divider{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.divider-line{background:linear-gradient(90deg, transparent, var(--crimson), transparent);flex:1;height:1px}.divider-icon{color:var(--crimson);font-size:1.2rem}.chinese-about{background-color:#f8f5f0b3}.about-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-content{padding:var(--spacing-md)}.about-text h3{font-family:var(--font-english);color:var(--crimson);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:600}.about-text p{margin-bottom:var(--spacing-md);color:var(--charcoal-light);font-size:1.05rem;line-height:1.8}.about-features{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.feature-card{background-color:var(--parchment);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-smooth);text-align:center;border:1px solid #8b00001a}.feature-card:hover{border-color:var(--crimson);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.feature-icon{color:var(--crimson);margin-bottom:var(--spacing-sm);font-size:1.8rem}.feature-card h4{font-family:var(--font-english);color:var(--charcoal);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.feature-card p{color:var(--charcoal-light);margin:0;font-size:.9rem;line-height:1.6}.chinese-arts{background-color:var(--parchment)}.arts-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);max-width:1000px;margin:0 auto;display:grid}.art-card{background-color:var(--parchment);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-smooth);border:1px solid #8b00001a;position:relative;overflow:hidden}.art-card:before{content:"";background:var(--gradient-crimson);transform-origin:0;width:100%;height:4px;transition:transform .5s;position:absolute;top:0;left:0;transform:scaleX(0)}.art-card:hover:before{transform:scaleX(1)}.art-card:hover{border-color:var(--crimson);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.art-card-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.art-icon{color:var(--crimson);font-size:1.5rem}.art-card h4{font-family:var(--font-english);color:var(--charcoal);margin:0;font-size:1.2rem;font-weight:600}.art-card p{color:var(--charcoal-light);margin-bottom:var(--spacing-md);line-height:1.6}.art-tags{flex-wrap:wrap;gap:.5rem;display:flex}.art-tag{color:var(--crimson);border-radius:var(--radius-sm);background-color:#8b000014;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.chinese-gallery{background-color:#f8f5f0b3}.gallery-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.gallery-item{border-radius:var(--radius-md);aspect-ratio:16/9;transition:var(--transition-smooth);border:1px solid #8b00001a;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--crimson);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-overlay{padding:var(--spacing-md);color:#fff;background:linear-gradient(#0000,#000000b3);transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h5{font-family:var(--font-english);margin-bottom:.25rem;font-size:1rem}.gallery-overlay p{opacity:.9;font-size:.85rem}.chinese-team{background-color:var(--parchment)}.team-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.team-card{background-color:var(--parchment);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition-smooth);border:1px solid #8b00001a}.team-card:hover{border-color:var(--crimson);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.team-icon{color:var(--crimson);margin-bottom:var(--spacing-sm);font-size:2rem}.team-card h4{font-family:var(--font-english);color:var(--charcoal);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.team-card h5{color:var(--crimson);margin-bottom:.5rem;font-size:1rem;font-weight:500}.team-card p{color:var(--charcoal-light);margin-bottom:var(--spacing-md);font-size:.9rem}.specialty-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.specialty-tag{color:var(--jade);border-radius:var(--radius-sm);background-color:#006b5414;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.chinese-join{background-color:#f8f5f0b3}.join-content{background-color:var(--parchment);border-radius:var(--radius-lg);max-width:1000px;padding:var(--spacing-xl);box-shadow:var(--shadow-elevated);border:1px solid #8b00001a;margin:0 auto}.join-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.join-info h3{font-family:var(--font-english);color:var(--crimson);margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:600}.join-info p{color:var(--charcoal-light);margin-bottom:var(--spacing-lg);line-height:1.7}.join-details{gap:var(--spacing-md);flex-direction:column;display:flex}.detail-item{align-items:center;gap:var(--spacing-sm);display:flex}.detail-item i{color:var(--crimson);font-size:1.2rem}.detail-item h5{color:var(--charcoal);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.detail-item p{color:var(--crimson);margin:0;font-size:.9rem;font-weight:500}.join-benefits ul{padding:0;list-style:none}.join-benefits li{color:var(--charcoal-light);align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.join-benefits i{color:var(--crimson)}.join-form h4{font-family:var(--font-english);color:var(--charcoal);margin-bottom:var(--spacing-md);font-size:1.3rem;font-weight:600}.form-group{margin-bottom:var(--spacing-md)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);width:100%;color:var(--charcoal);background-color:var(--parchment);transition:var(--transition-smooth);border:1px solid #8b000033;padding:.75rem;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--crimson);outline:none;box-shadow:0 0 0 3px #8b00001a}.form-group textarea{resize:vertical;min-height:100px}.form-note{color:var(--charcoal-light);margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);border-left:3px solid var(--crimson);background-color:#8b000008;font-size:.9rem}.form-note i{color:var(--crimson);margin-right:.5rem}.form-note strong{color:var(--crimson);font-weight:600}.chinese-footer{background-color:var(--charcoal);color:var(--parchment);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.footer-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.footer-section h4{font-family:var(--font-english);margin-bottom:var(--spacing-md);color:var(--parchment);font-size:1.1rem;font-weight:600}.footer-section p{color:#f8f5f0cc;margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#f8f5f0cc;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;transition:color .3s;display:flex}.footer-links a:hover{color:var(--crimson)}.footer-contact p{align-items:center;gap:.5rem;display:flex}.footer-social{gap:var(--spacing-sm);flex-direction:column;display:flex}.social-icons{gap:var(--spacing-sm);display:flex}.social-icon{width:36px;height:36px;color:var(--parchment);transition:var(--transition-smooth);background-color:#f8f5f01a;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-icon:hover{background-color:var(--crimson);transform:translateY(-2px)}.footer-bottom{padding-top:var(--spacing-md);text-align:center;border-top:1px solid #f8f5f01a}.footer-bottom p{color:#f8f5f099;margin-bottom:.5rem;font-size:.85rem}.notification{border-radius:var(--radius-md);color:#fff;font-family:var(--font-english);box-shadow:var(--shadow-medium);z-index:10000;padding:1rem 1.5rem;font-weight:500;transition:transform .3s ease-out;position:fixed;top:20px;right:20px;transform:translate(120%)}.notification.show{transform:translate(0)}.notification.success{background-color:var(--jade)}.notification.error{background-color:var(--crimson)}.notification-content{align-items:center;gap:.75rem;display:flex}.scroll-progress{background:linear-gradient(to right, var(--crimson), var(--jade));transform-origin:0;z-index:1001;width:100%;height:3px;transition:transform .1s;position:fixed;top:0;left:0;transform:scaleX(0)}.loading-spinner{background-color:var(--parchment);z-index:9999;opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loading-spinner.hidden{opacity:0;pointer-events:none}.spinner{border:3px solid #8b00001a;border-top-color:var(--crimson);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out fadeInUp}@media (width<=1024px){.hero-info-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.gallery-grid,.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--spacing-xl:3rem;--spacing-lg:2rem;--spacing-md:1.5rem}.nav-menu{background-color:var(--parchment);width:100%;padding:var(--spacing-md);box-shadow:var(--shadow-medium);z-index:999;border-top:1px solid #8b00001a;flex-direction:column;display:none;position:absolute;top:100%;left:0}.nav-menu.active,.nav-toggle{display:flex}.hero-info-grid,.arts-grid,.team-grid,.join-grid,.footer-content{grid-template-columns:1fr}.english-title{font-size:2rem}.chinese-subtitle{font-size:1.5rem}.language-switcher{margin-right:.5rem}}@media print{.chinese-navbar,.hero-buttons,.join-form,.footer-social,.social-icons,#bg-canvas{display:none}body{color:#000;background-color:#fff}.hero-content,.art-card,.team-card,.join-content{box-shadow:none;border:1px solid #ddd}}