.custom-cursor-enabled *{cursor:none!important}.custom-cursor{pointer-events:none;z-index:99999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:width .2s,height .2s,opacity .2s,-webkit-transform .2s;width:32px;height:32px;color:var(--cursor-color,inherit);justify-content:center;align-items:center;transition:width .2s,height .2s,opacity .2s,transform .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor svg{-webkit-filter:drop-shadow(0 0 1px rgba(255,255,255,.7))drop-shadow(0 0 1px rgba(0,0,0,.4));filter:drop-shadow(0 0 1px rgba(255,255,255,.7))drop-shadow(0 0 1px rgba(0,0,0,.4));width:100%;height:100%;display:block}.custom-cursor.hover{transform:translate(-50%,-50%)scale(1.3)}.custom-cursor.click{transform:translate(-50%,-50%)scale(.9)}.custom-cursor.hidden{opacity:0}.cursor-ripple{pointer-events:none;width:8px;height:8px;color:var(--cursor-color,inherit);border:2px solid;border-radius:50%;animation:.6s ease-out forwards cursor-ripple-expand;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes cursor-ripple-expand{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}@media (hover:none) and (pointer:coarse){body{cursor:auto}.custom-cursor{display:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f0e8;--bg-secondary:#ebe4d6;--surface:#fffdf8;--primary:#3e2e23;--primary-light:#5e4a3a;--accent:#5e4f40;--accent-light:#a5927e;--text:#2c221a;--text-secondary:#5a4e42;--text-muted:#5a4e42;--border:#d4c7b5;--shadow:0 12px 32px -8px rgba(62,46,35,.12);--shadow-hover:0 20px 48px -10px rgba(62,46,35,.2);--radius:20px;--radius-sm:10px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-heading:"Noto Serif SC", "Georgia", serif;--font-body:"Noto Sans SC", "Segoe UI", sans-serif;--grain-opacity:.04}[data-theme=dark],body.dark-mode{--bg-primary:#1a1510;--bg-secondary:#231e17;--surface:#2c261e;--primary:#d4c7b5;--primary-light:#e8dcc8;--accent:#b8a590;--accent-light:#d4c7b5;--text:#e8dcc8;--text-secondary:#b8a590;--text-muted:#b0a596;--border:#3d3529;--shadow:0 12px 32px -8px rgba(0,0,0,.35);--shadow-hover:0 20px 48px -10px rgba(0,0,0,.5);--grain-opacity:.06}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}body.lang-zh-cn,body.lang-zh-tw{font-family:"Noto Serif SC", var(--font-body), serif}body:after{content:"";pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;top:0;bottom:0;left:0;right:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}#bg-canvas{z-index:-1;pointer-events:none;opacity:.12;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.navbar{-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);border:1px solid var(--border);z-index:100;width:calc(100% - 32px);max-width:1200px;box-shadow:var(--shadow);background:rgba(245,240,232,.92);border-radius:56px;padding:10px 24px;transition:background .3s,border-color .3s;position:fixed;top:16px;left:50%;transform:translate(-50%)}[data-theme=dark] .navbar,body.dark-mode .navbar{background:rgba(26,21,16,.92)}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text);font-size:1.3rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.logo i{color:var(--accent);font-size:1.8rem}.nav-menu{flex-wrap:wrap;gap:4px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);cursor:pointer;border-radius:36px;padding:7px 16px;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--accent);border-radius:1px;width:0;height:2px;transition:width .25s,left .25s;position:absolute;bottom:2px;left:50%}.nav-link:hover:after,.nav-link.active:after{width:60%;left:20%}.nav-link:hover{color:var(--primary)}.nav-link.active{background:var(--primary);color:#fffdf8}.nav-link.active:after{display:none}.nav-actions{align-items:center;gap:12px;display:flex}.language-switcher{border:1px solid var(--border);background:rgba(125,107,90,.08);border-radius:36px;gap:2px;padding:3px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:32px;padding:4px 12px;font-size:.8rem;font-weight:600}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--primary);color:#fffdf8}.nav-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;width:42px;height:42px;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-self:center;align-items:center;font-size:1.3rem;display:none}.nav-toggle:hover{border-color:var(--accent)}.hero{align-items:center;min-height:100dvh;padding-top:80px;position:relative;overflow:clip}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,rgba(125,107,90,.06) 0%,transparent 70%),radial-gradient(circle at 20% 80%,rgba(62,46,35,.04) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=dark] .hero:before,body.dark-mode .hero:before{background:radial-gradient(80% 60% at 50% 40%,rgba(125,107,90,.08) 0%,transparent 70%),radial-gradient(circle at 20% 80%,rgba(62,46,35,.06) 0%,transparent 50%)}.hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;background:rgba(125,107,90,.1);border:1px solid rgba(125,107,90,.25);border-radius:36px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 20px;font-size:.75rem;font-weight:600;display:inline-flex}.hero-title{font-size:max(2.8rem,min(9vw,5.5rem));font-weight:700;line-height:1.05;font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:20px}.hero-title .block{display:block}.hero-title .accent{color:var(--accent)}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{transition:var(--transition);cursor:pointer;border:2px solid transparent;border-radius:40px;align-items:center;gap:8px;padding:12px 32px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fffdf8}body.dark-mode .btn-primary,body.dark-mode .btn-primary:hover,body.dark-mode .nav-link.active,body.dark-mode .lang-btn.active{color:#1c150d}.btn-primary:hover{background:var(--primary-light);box-shadow:0 8px 24px -6px var(--primary);transform:translateY(-2px)}.btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent);color:#fffdf8}.scroll-indicator{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:56px;animation:2.4s ease-in-out infinite scrollPulse;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes scrollPulse{0%,to{opacity:.15;transform:translate(-50%)scaleY(.6)}50%{opacity:.7;transform:translate(-50%)scaleY(1)}}.section{padding:100px 0;position:relative}.alt-bg{background:var(--bg-secondary)}.section+.section:before,.section+.alt-bg:before,.alt-bg+.section:before{content:"";background:linear-gradient(90deg, transparent, var(--border) 20%, var(--accent) 50%, var(--border) 80%, transparent);opacity:.4;height:1px;position:absolute;top:0;left:10%;right:10%}.alt-bg+.alt-bg:before{display:none}.section-header{margin-bottom:56px}.section-header.centered{text-align:center}.section-header h2{font-size:max(2rem,min(5vw,3rem));font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:16px}.section-header .accent{color:var(--accent)}.divider{background:var(--accent);border-radius:1px;width:52px;height:2px}.section-header.centered .divider{margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border);padding:32px}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-light);transform:translateY(-3px)}.about-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:32px;display:grid}.about-text .lead{color:var(--accent);margin-bottom:16px;font-size:1.2rem;font-weight:500;line-height:1.7}.stats{border-top:1px solid var(--border);gap:32px;margin-top:28px;padding-top:24px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--accent);font-size:1.7rem;font-weight:700;font-family:var(--font-heading);display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.about-quote{text-align:center;position:relative}.about-quote i{color:var(--accent);opacity:.3;margin-bottom:16px;font-size:2.2rem}.about-quote p{font-family:var(--font-heading);margin-bottom:12px;font-size:1.1rem;font-style:italic;line-height:1.8}.about-quote span{color:var(--text-muted);font-size:.85rem}.details-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.detail-card{text-align:center;border-radius:var(--radius);padding:28px 16px}.detail-card i{color:var(--accent);margin-bottom:14px;font-size:2rem;display:block}.detail-card h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:600}.detail-card p{color:var(--text);font-size:1rem;font-weight:600}.leaders-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:560px;margin:0 auto;display:grid}.leader-card{text-align:center;padding:32px 20px}.leader-avatar{background:var(--primary);width:96px;height:96px;color:var(--surface);border:2px solid var(--accent);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:2.2rem;display:flex}.leader-card:hover .leader-avatar{transform:scale(1.05)}.role{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.techniques-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.technique-card{text-align:center;padding:32px 20px;position:relative;overflow:hidden}.technique-card:before{content:"";background:var(--accent);opacity:0;border-radius:1px;width:40px;height:2px;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.technique-card:hover:before{opacity:1}.technique-card i{color:var(--accent);margin-bottom:14px;font-size:2rem;display:block}.technique-card h3{font-family:var(--font-heading);margin-bottom:6px}.technique-card p{color:var(--text-secondary);font-size:.9rem}.technique-card a{color:var(--accent);border-bottom:1px dotted;text-decoration:none}.resources-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.resource-card{text-align:center;flex-direction:column;align-items:center;padding:28px 16px;display:flex}.resource-card i{color:var(--accent);margin-bottom:14px;font-size:2.2rem}.resource-card h3{margin-bottom:6px;font-size:.95rem}.resource-card p{color:var(--text-secondary);flex:1;font-size:.85rem}.resource-card a{color:var(--accent);text-decoration:none}.btn-small{border:1px solid var(--primary);color:var(--primary);transition:var(--transition);background:0 0;border-radius:36px;margin-top:12px;padding:6px 18px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-block}.btn-small:hover{background:var(--primary);color:#fffdf8}.resource-note{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.85rem}.resource-note i{margin-right:6px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:40px;padding:60px 0 0;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent) 70%, transparent);opacity:.25;height:1px;position:absolute;top:0;left:10%;right:10%}.footer-grid{grid-template-columns:1.5fr 1fr 1.5fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{font-size:1.4rem;font-weight:700;font-family:var(--font-heading);align-items:center;gap:10px;display:flex}.footer-logo i{color:var(--accent)}.footer-brand p{color:var(--text-muted);margin-top:8px;font-size:.9rem}.footer-links h4,.footer-contact h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:18px;font-size:.85rem;font-weight:600}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-contact p{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;display:flex}.footer-contact i{color:var(--accent);width:18px}.developer-credit{color:var(--text-muted);margin-top:20px;font-size:.85rem}.developer-credit a{color:var(--accent);border-bottom:1px dotted;text-decoration:none}.footer-bottom{text-align:center;color:var(--text-muted);background:rgba(0,0,0,.04);padding:18px 0;font-size:.85rem}[data-theme=dark] .footer-bottom,body.dark-mode .footer-bottom{background:rgba(0,0,0,.15)}.notification{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-hover);z-index:300;border:1px solid var(--border);white-space:nowrap;border-radius:48px;padding:14px 28px;font-size:.9rem;font-weight:600;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:28px;right:28px;transform:translate(calc(100% + 40px))}.notification.show{transform:translate(0)}.gsap-reveal{opacity:0;transform:translateY(40px)}.gsap-reveal-left{opacity:0;transform:translate(-40px)}.gsap-reveal-right{opacity:0;transform:translate(40px)}@media (max-width:1024px){.techniques-grid,.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar{width:calc(100% - 24px);padding:8px 16px;top:12px}.logo{font-size:1.1rem}.logo i{font-size:1.5rem}.nav-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;padding:16px;display:none;position:absolute;top:64px;left:12px;right:12px}.nav-menu.active{display:flex}.nav-link{border-radius:12px;padding:10px 16px}.nav-link:after{display:none}.nav-toggle{display:flex}.section{padding:64px 0}.about-grid{grid-template-columns:1fr}.details-grid,.techniques-grid,.resources-grid{grid-template-columns:repeat(2,1fr)}.leaders-grid{max-width:100%}.footer-grid{grid-template-columns:1fr;gap:32px}.hero-title{font-size:max(2.2rem,min(8vw,3.5rem))}}@media (max-width:480px){.section{padding:48px 0}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.btn{padding:10px 24px;font-size:.9rem}.details-grid{grid-template-columns:1fr 1fr;gap:12px}.detail-card{padding:20px 12px}.techniques-grid,.resources-grid{grid-template-columns:1fr}.stats{flex-direction:column;gap:16px}.notification{white-space:normal;text-align:center;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.scroll-indicator{opacity:.4;animation:none}.card:hover,.leader-card:hover .leader-avatar,.btn-primary:hover,.btn:hover{transform:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:not(.light-mode):not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.card,.hero-content,.section>.container,.about-text,.detail-card,.leader-card,.resource-card,.production-card,.topic-card,.activity-card,.feature-card{-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.15)}[data-theme=dark] .card,[data-theme=dark] .hero-content,[data-theme=dark] .section>.container,[data-theme=dark] .about-text,[data-theme=dark] .detail-card,[data-theme=dark] .leader-card,[data-theme=dark] .resource-card,[data-theme=dark] .production-card,[data-theme=dark] .topic-card,[data-theme=dark] .activity-card,[data-theme=dark] .feature-card{background:rgba(13,15,26,.45);border:1px solid rgba(255,255,255,.06)}.theme-toggle{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .28s;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}