:root{--primary:#00d4ff;--primary-light:#7ef0ff;--accent-1:#3b82f6;--accent-2:#10b981;--accent-3:#f59e0b;--accent-4:#3b82f6;--accent-5:#00d4ff;--bg-dark:#0a0a14;--bg-card:#0d1421;--bg-card-hover:#131c2e;--text-primary:#f0f4f8;--text-secondary:#b0c4de;--text-muted:#6b8aab;--border-subtle:#ffffff0f;--shadow-card:0 4px 30px #0006;--shadow-card-hover:0 12px 50px #00d4ff4d;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--font-display:"Georgia", "Times New Roman", serif;--font-body:"Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--transition-smooth:.35s cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#bg-canvas{z-index:0;pointer-events:none;opacity:.5;width:100%;height:100%;position:fixed;top:0;left:0}.nav{z-index:1000;transition:all var(--transition-smooth);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a18bf;padding:10px 32px}.nav-logo{color:var(--text-primary);z-index:10;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.nav-logo .logo-icon{color:#fff;background-image:url(data:image/gif;base64,R0lGODlhKAAmAPcAADrF0nPb49P++zTJzWXT3irUw1O3wT7itlTL2XPi1HfW2bT/87bt6ga2qWTs09z//bbx7RzDwgKFn23Y4Q67twKmqDS6zuz//xPDu8T/+vL+/mXIyUfJvZfn3QKJsS3Bziq8thG9vGrUyZv38av/9gOMogyhvaTs48P79CjHs0HJ06X97EzjzVzrzWnx1EvV1iyar3vz3GjG0Ybh2RS+wS28zZTW28z/+pL07mzr3Jz76hC8qx+5xRutxQKWoTi6u3Xr4rv/9HXw3EXjwzihtQOQtFvSya7p6aTx8yTNwuD//ovq7Lz9+hWWqFza3ITi6SLHxIHz4jrevsv89kTKyKf06lXqyyS0yVvs0pnt8RWnqjjdwa307UPD04vz6qf29RzKvzzUzBSpwpvz7Hvf5rn385vb4FvQ3Fzl1RXJu5P55Wvh4oLb46Pq7FLd1USpumW9yTzcyX3t42Tg3FXU2hK2uoT13nPEzab98on25JXq8Irl60zmxY755DLbxT7ltHHXzub//2nu1I/c3T7hxXnw4Qidu0HbzRnCvxizw1vi2DXRypPr4pzp7VPny1HMwjvOuUXlvLL29EnG1ULVzQeauXrJ063/74De1Fmzv7L6+Dy/zyOxroLl4IXt4kTnuCC/zFLi1A7AuE3d0iPAw0ThzSvIySq3y0q9vUzqxaTn40bX0R+hrl/azS3OxmHMzUHiuWrl3BWmwiKxxKjs5UfN1j/hvjXXyHHy2CjCyIPy6BaKoxy+x37k6HXi5R6zxyyqsSPCyZ7q4w6xsVjLww+lvhaywFLCxASVt63294Pd16zm61/DxkfmvyLBsEvP15Hm5I/U2g6mwgB/mxrQvlToxx+7sBDEuEfc0T/exeL/+9f7+GHv0Rm5v7Dw6JT36UXnvJb757Lv8IXq6Ijf44f34KPa3nzo573170/T1qzf4mGxu3bm6Bm5r6Pl34/36ZDo7U3fzj7P0WDo14PT2YrQ14nc1k7Q3FXHzFbNz07SwEytv7/v7kLmt0TkvETjuSH5BAAAAAAALAAAAAAoACYAAAj/AP8IPEDwgK2DUhJuWbjQj0M/BSImSQIGTBoMGDGKEkVBVIh+IAvCOniQkC1C2VJmi7Myjp9bEilWzIghhEePnz79OQCr58EhQIewGEp0aLxSh+LcuuVqIpgIiBDVDEGVxqd+PP/58weUjyNHVtDMG0t2Hho0oUZhO3RrUVMoUBFRpRCCBrh+Wv014+PVigMHgnIIGTy4UCEgOXLMUxQKG6UwrlzBRUSjql1wkSLtrdaihSBcQmJEsZPnnWnTXnQdVqzIzaowi0xNpkH7smY+nAGLLh1Oh44VeEgIx6MDR2rEc1zLiw03Qm1wzTZ7xhUjjxodeC4tyBBkQZUx4IOT/xjhRQ6QOYpeyBtgKhio2tFxexZSrs/vBUxucEkAKYUzZ9YECIIRjIynCxCxOKEee8HQFkIzqVjhWQx2hLPCJUHcUIU+znCASRXooIAOOsIA8oMWIHSCBw7nxJLeernwwgsNEc5nhxorbIdCKykAMsUFGlwgpBIPFCkAF6+w8sMYI5yzhoIqmELKjBFyg8uNOeoHiQjbaONNB2AKg442FyghgAA3CCDJMawE0OQadKz3gYwSuhBDH1kyog8EF3zJAARHCDOICMQMsk2ZaGaQATTAvIIDO07cI88HoPBihZXl6HDJFIwkUOQJ3qiijBEgNAACMcdwogUzDCihxA2Kav9yjAxLwFnLALmA0oKdeAZRxQmBbENLB5gA8ggI7dijygwzkCOCFj6gcoSZTDChiQIEnOPEMwBQamWFCwSBQiBTCDNDscRwYI07DDDAwTDD4KMAtD4YwIAAGWjyBTlkwKnCAB9gqkOGN6ADJiYiiPBIAyLQooEGx1Qg8Ssb+OBDCSUY0Ia1XyzhixO1dGtlr+icMAMg+nDAgTMN7KCKEYNsILHEm9jTxMUlTCMBETKw8YQvBHAbMC72JaAPJDu0vMPSOzhzghENSDyMFrPgoworGJcgwTRc7wLDGwjc0y0WuOSxQhAZoADBDBwkvXQ7wrRCCgV1gFBDPuTw04TWJRD/Accd9LCxBxkThFwD2ZlekoEADwTiJQcNRK6MJ5RQQUU+CkAzhToSlPDG35YM0kgWe/hyxiQA1GCFIDHgGIQ3jCshZAfWVAACF54k0AkjsF9ARBOZZGJJPRsn4/MEZ6jwQQ0stCBEHjoswMUMAgTygDYabPNKBT9AkMEUAjy8zi6fR3PHIBlI0nMvBCDQRQ1XlOKIA4W8c3YVRjBQpjaBaMAAKpxghhnMcYcmTAMG67jDHcTxgDbsQwHwCMDpPnCKXxCCBWjIQRS+sQImcIEDylCC48ikAX5sABjAMAAchhcNMzDOEjBggx7I0L5NwK8HfigFBnOgi2/goVqP+MER/y4QCCL1TxtHsEE0bGCGZQhgGUQgwugIdzoLnKIHYvBDHEoRjwxuEA8LuIEyOIEKVTSuiLKz3pmWsY9dwCEZWXhCAAgwiU1UUAzSKIBDDtHFHMgBByPQRAbK8AotAIMZgzgCBAA1CDjAYBf7aEQy9CDH9nXBArPogTRMQI2I3OIQblBELOTghTF8QZCSUMAPWNGEVraSZ43QBBLgUUn3WeAKmjSBIajRyQKE4RCjECUQxoEDU2qCCYNEQiMa0YZkWAsJetgDG5BnyyuKQZeV4CU1kuCKRVBiFG6YQyzOMY4lZGEMSEDCF5KRjC8gIQvRrOTpNnHLHshCl8hABjXSkP8GMHBzEfJYhRucMIc1+KIX49hDOeEBjz084QlkmOMZEFBHTNrTBJXIJzL4yU8wQMEUrpCHPF6QDicQdAJrCIAvAsDSCRCAABOt6ClmIYZ7ZjSfReDnNTCACCj41BQDGIA8avGMdNDhqGegwxkmStEu0PMUuBRDMQyR0SJYNafXEMVOoxIBKOQCqAMAgArGqoJajLULAKBnDaDag4saAqdX9cA1sroRqiAiAhEghV5zkYsP+PWvNVgrD3CJxWJgFK5F8IBi6UqBxtKlMt2ILA8mS9lT8OAXmMWiNAxLVWTEVbGK3cgOHEs3utXhtMZIbSISYYzVGkMMUuVsVT8LWg8CBAQAOw==);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);padding:6px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--primary-light);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-links .nav-icon{text-decoration:none;color:#fff!important;font-size:1.4rem!important}.nav-cta{background:linear-gradient(135deg, var(--primary), #0e7490);border-radius:30px;color:#fff!important;padding:10px 22px!important;font-weight:600!important;transition:all .3s!important}.nav-cta:after{display:none!important}.nav-toggle{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:#fff;border-radius:2px;width:26px;height:2.5px;display:block}.hero-3d{z-index:1;width:100%;min-height:110vh;position:relative;overflow:hidden}.hero-3d canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.hero-overlay{text-align:center;z-index:10;pointer-events:none;width:90%;max-width:900px;position:absolute;top:16%;left:50%;transform:translate(-50%,-50%)}.hero-overlay .hero-badge{-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);pointer-events:auto;background:#0d1421b3;border:1px solid #00d4ff4d;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 22px;font-size:.85rem;display:inline-flex}.hero-overlay .hero-badge .dot{background:#00d4ff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{box-shadow:0 0 #00d4ff99}50%{box-shadow:0 0 0 12px #00d4ff00}}.hero-overlay h1{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(160deg,#fff 20%,#7ef0ff 50%,#00d4ff 80%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(1.8rem,3vw,5.5rem);font-weight:700;line-height:1.1;animation:5s cubic-bezier(.34,1.56,.64,1) forwards bookUnfold}@keyframes bookUnfold{0%{clip-path:inset(0 100% 0 0%);opacity:0;letter-spacing:.3em;transform:scale(1)}60%{opacity:1;transform:scale(1)}to{clip-path:inset(0 0%);opacity:1;letter-spacing:-.03em;transform:scale(1)}}.hero-overlay p{color:var(--text-secondary);text-align:right;max-width:620px;margin:0 auto 40px;font-size:clamp(1.05rem,1vw,1.3rem)}.hero-buttons{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;transition:all var(--transition-smooth);font-size:1rem;font-weight:600;font-family:var(--font-body);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 30px;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #0e7490);color:#fff;box-shadow:0 8px 32px #00d4ff73}.btn-outline{-webkit-backdrop-filter:blur(12px);color:#fff;background:#0d142180;border:1.5px solid #00d4ff80}.scroll-indicator{z-index:10;animation:2s ease-in-out infinite bounceDown;position:absolute;top:80%;left:50%;transform:translate(-50%)}.scroll-indicator svg{stroke:#7ef0ffcc;fill:none;stroke-width:2px;width:32px;height:32px}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(14px)}}.section{z-index:1;max-width:1200px;margin:0 auto;padding:80px 32px;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-display);color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700}.section-header .subtitle{color:var(--text-muted);font-size:1.05rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-smooth);cursor:pointer;color:inherit;padding:36px 28px;text-decoration:none;display:block;position:relative}.feature-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.feature-card .card-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:1.6rem;display:flex}.feature-card .card-icon.ci-cyan{color:#7ef0ff;background:#00d4ff33}.feature-card .card-icon.ci-blue{color:#93c5fd;background:#3b82f633}.feature-card h3{color:#fff;margin-bottom:8px;font-size:1.2rem;font-weight:650}.feature-card p{color:var(--text-muted);font-size:.9rem}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.course-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.course-card .card-visual{justify-content:center;align-items:center;height:180px;display:flex}.course-card .card-body{padding:24px 22px}.footer{z-index:1;border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding:32px;position:relative}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(30px);background:#0a0a18f2;flex-direction:column;width:260px;height:100vh;padding:100px 30px 40px;transition:right .4s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-toggle{display:flex}.hero-overlay h1{font-size:2.4rem}}.nav-links .nav-icon{align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex;color:#7ef0ff!important;font-size:1.4rem!important}.nav-links .nav-icon:hover{color:#fff!important}.nav-links .nav-icon svg{width:1.4rem;height:1.4rem}.nav-links .nav-icon:after{display:none!important}.svg-tooltip{color:#b0e0ff;pointer-events:none;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#001428e6;border:1px solid #00d4ff66;border-radius:8px;padding:6px 12px;font-size:.85rem;display:none;position:fixed;transform:translate(12px,-50%)}#about{scroll-margin-top:70px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{color:#ccd;background:#141e32f2;border:1px solid #7ef0ff4d;border-radius:24px;width:90%;max-width:600px;max-height:80vh;padding:2.5rem 3rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000c}.modal-close{color:#7ef0ff;cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:transform .2s;position:absolute;top:16px;right:20px}.modal-close:hover{transform:rotate(90deg)}.modal-content h2{color:#7ef0ff;margin-bottom:1.5rem;font-size:1.8rem}.news-list{margin:0;padding:0;list-style:none}.news-list li{border-bottom:1px solid #7ef0ff1a;align-items:baseline;gap:1rem;padding:.8rem 0;font-size:1.05rem;display:flex}.news-list li:last-child{border-bottom:none}.news-date{color:#7ef0ff;white-space:nowrap;background:#7ef0ff1a;border-radius:12px;padding:.2rem .6rem;font-size:.9rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.model-status{z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#aad4ff;letter-spacing:1px;text-shadow:0 0 12px #7ef0ff4d;white-space:nowrap;background:#0a142880;border:1px solid #7ef0ff4d;border-radius:30px;max-width:80vw;padding:10px 28px;font-family:Courier New,monospace;font-size:1rem;transition:all .3s;position:absolute;top:80%;left:78%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.arrow-indicator{color:#7ef0ff;margin-right:8px;font-weight:700;animation:1.2s ease-in-out infinite sway;display:inline-block}@keyframes sway{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.model-status,#statusText{pointer-events:none}#statusText a{pointer-events:auto;cursor:pointer;color:#7ef0ff;text-underline-offset:2px;text-decoration:underline;transition:all .2s}#statusText a:hover{color:#aff;text-shadow:0 0 12px #7ef0ff80}.experience-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;display:grid}.experience-card{background:var(--bg-card);border-radius:var(--radius-md);min-height:150px;color:inherit;cursor:pointer;border:1px solid #00d4ff26;flex-direction:column;justify-content:space-between;padding:28px 24px;text-decoration:none;transition:all .4s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;overflow:hidden}.experience-card:hover{background:linear-gradient(135deg,#0a2740 0%,#005c8a 100%);border-color:#00d4ffb3;transform:translateY(-5px);box-shadow:0 10px 40px #00d4ff40}.ec-header,.ec-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.ec-footer{margin-top:16px}.experience-card .ec-icon{color:#fff;text-shadow:0 0 8px #7ef0ff66;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;transition:text-shadow .3s;display:inline-flex}.experience-card:hover .ec-icon{text-shadow:0 0 16px #7ef0ffcc}.experience-card .ec-badge{letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;background:0 0;border:1px solid #fff3;border-radius:4px;padding:4px 10px;font-size:.65rem;font-weight:600;transition:all .3s}.experience-card:hover .ec-badge{color:#fff;border-color:#fff9;box-shadow:0 0 8px #00d4ff4d}.experience-card h3{color:#fff;letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:600}@media (width<=1100px){.experience-grid{grid-template-columns:repeat(2,1fr)}}.list-item{color:var(--text-primary);margin-bottom:12px;padding-left:28px;position:relative}.list-item:before{content:"●";color:var(--primary);text-shadow:0 0 6px #00d4ff66;font-size:1.2rem;line-height:1;position:absolute;top:.15em;left:0;transform:translateY(-10%)}.footer{z-index:1;color:var(--text-muted);border-top:none;padding:32px;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:1px;margin-bottom:28px;display:block}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:.92rem;text-decoration:none;transition:color .25s}.footer-links a:hover{color:var(--primary-light)}.footer-copyright{flex-direction:column;gap:8px;font-size:.88rem;display:flex}.footer-icp a{color:var(--text-muted);text-decoration:none}.footer-icp a:hover{color:var(--primary-light)}.footer-disclaimer{color:var(--text-secondary);text-shadow:0 0 4px #00d4ff2e;margin-top:6px;font-size:.82rem}