:root{--gutter:clamp(24px, 8vw, 196px);--nav-pad-x:clamp(16px, 5vw, 76px);--home-section-y:clamp(64px, 12vw, 120px);--home-section-y-sm:clamp(40px, 8vw, 80px);--nav-inner-max:1376px;--nav-link-gap:clamp(16px, 3vw, 32px);--hero-inner-w:1136px;--hero-col-w:544px;--hero-col-gap:48px;--hero-pt:clamp(100px, 15vw, 180px);--hero-eyebrow-mb:16px;--hero-desc-mt:16px;--hero-cta-mt:32px;--hero-pb:80px;--duration-reveal:.8s;--stagger-step:.1s}.home{font-family:var(--font), "PingFang SC", "Microsoft YaHei", sans-serif;background:var(--bg);color:var(--text);margin:0 auto;position:relative;overflow-x:hidden}@keyframes home-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-blob-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(-14px,10px)scale(1.04)}}@keyframes hero-blob-drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(12px,-8px)scale(1.03)}}@media (prefers-reduced-motion:no-preference){.hero__blob-cyan{animation:20s ease-in-out infinite alternate hero-blob-drift-a}.hero__blob-purple{animation:24s ease-in-out infinite alternate hero-blob-drift-b}.hero__left>*{opacity:0;animation:home-fade-up .58s var(--ease-out) forwards}.hero__left>:first-child{animation-delay:calc(var(--stagger-step) * 1)}.hero__left>:nth-child(2){animation-delay:calc(var(--stagger-step) * 2)}.hero__left>:nth-child(3){animation-delay:calc(var(--stagger-step) * 3)}.hero__left>:nth-child(4){animation-delay:calc(var(--stagger-step) * 4)}.hero__right{opacity:0;animation:home-fade-up .68s var(--ease-out) calc(var(--stagger-step) * 2.5) forwards}}@media (prefers-reduced-motion:reduce){.hero__left>*,.hero__right{opacity:1;animation:none}.hero__blob-cyan,.hero__blob-purple{animation:none}}.home-reveal:not(.home-reveal--visible){opacity:0;pointer-events:none;transform:translateY(36px)}.home-reveal{transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);will-change:opacity, transform}.home-reveal--visible{opacity:1;pointer-events:auto;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.home-reveal:not(.home-reveal--visible){opacity:1;pointer-events:auto;transform:none}.home-reveal{will-change:auto;transition:none}}.home-reveal--footer:not(.home-reveal--visible){transform:translateY(20px)}.nav{height:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:blur(var(--nav-blur));border-bottom:1px solid var(--border-subtle);z-index:1000;padding:0 var(--nav-pad-x);transition:background var(--transition-normal), border-color var(--transition-normal);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav__inner{width:100%;max-width:var(--nav-inner-max);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid}.nav__brand{color:var(--text);letter-spacing:-.02em;transition:opacity var(--transition-fast);justify-self:start;align-items:center;gap:12px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.nav__brand:hover{opacity:.8}.nav__brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px #00e0ff4d}.nav__links{align-items:center;gap:var(--nav-link-gap);justify-self:center;display:flex}.nav__link{color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-weight:520;text-decoration:none}.nav__link:hover{color:var(--text);background:#ffffff0f}.nav__link--active{color:var(--accent);background:#00e0ff24}.nav__actions{justify-self:end;align-items:center;gap:12px;display:flex}.nav__user{max-width:240px;color:var(--text);border:1px solid var(--border-medium);transition:all var(--transition-fast);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:4px 8px;text-decoration:none;display:inline-flex}.nav__user:hover{border-color:var(--border-strong);background:var(--border-subtle)}.nav__user-avatar,.nav__user-avatar-img{border-radius:50%;flex-shrink:0;width:32px;height:32px}.nav__user-avatar{color:#001014;background:linear-gradient(135deg, var(--accent), var(--purple));place-items:center;font-size:14px;font-weight:700;display:grid}.nav__user-avatar-img{object-fit:cover;border:1px solid var(--border-medium)}.nav__user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.nav__btn{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:all var(--transition-fast);border:none;padding:0 20px;font-size:14px;font-weight:600}.nav__btn--ghost{color:var(--text);border:1px solid var(--border-medium);background:0 0}.nav__btn--ghost:hover{background:var(--border-subtle);border-color:var(--border-strong)}.nav__btn--primary{background:var(--accent);color:#000;box-shadow:var(--shadow-sm)}.nav__btn--primary:hover{box-shadow:var(--shadow-accent);filter:brightness(1.1);transform:translateY(-1px)}.main{padding-top:var(--nav-h)}.hero{min-height:clamp(520px,70vh,680px);padding:0 var(--gutter);background:radial-gradient(circle at 0 0,#1a1033 0%,#0000 40%),radial-gradient(circle at 100% 100%,#0a2533 0%,#0000 40%),#050505;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__blobs{pointer-events:none;position:absolute;inset:0}.hero__blob-cyan{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);filter:blur(80px);width:60vw;height:60vw;position:absolute;top:-10%;right:-5%}.hero__blob-purple{background:radial-gradient(circle, var(--purple-glow) 0%, transparent 70%);filter:blur(80px);width:50vw;height:50vw;position:absolute;bottom:-10%;left:-5%}.hero__grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero__left{max-width:var(--hero-col-w)}.hero__eyebrow{margin-bottom:var(--hero-eyebrow-mb);color:var(--accent);background:var(--border-accent);border:1px solid var(--border-accent);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.hero__title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(32px,4.5vw,54px);font-weight:800;line-height:1.15}.hero__title-gradient{background:linear-gradient(to right, var(--accent), var(--purple));color:#0000;filter:drop-shadow(0 0 20px var(--accent-glow));-webkit-background-clip:text;background-clip:text;display:block}.hero__desc{margin:var(--hero-desc-mt) 0 0;color:var(--text-muted);font-size:clamp(15px,1.4vw,18px);font-weight:400;line-height:1.65}.hero__cta{margin-top:var(--hero-cta-mt);align-items:center;gap:16px;display:flex}.hero__btn{border-radius:var(--radius-md);cursor:pointer;height:56px;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:10px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.hero__btn--fill{background:var(--accent);color:#000;box-shadow:var(--shadow-md)}.hero__btn--fill:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.hero__btn--outline{color:var(--purple);border:1px solid var(--purple-glow);background:#bf77ff0d;box-shadow:0 0 10px #bf77ff1a}.hero__btn--outline:hover{border-color:var(--purple);box-shadow:0 0 20px var(--purple-glow);background:#bf77ff1a}.hero__right{justify-content:flex-end;width:100%;display:flex;position:relative}.hero__mock{aspect-ratio:16/10;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:680px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero__play{background:var(--accent);color:#000;width:80px;height:80px;box-shadow:0 0 40px var(--accent-glow);cursor:pointer;transition:all var(--transition-normal);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__play:hover{box-shadow:0 0 60px var(--accent-glow);transform:translate(-50%,-50%)scale(1.1)}.hero__stats{z-index:3;grid-template-columns:1fr 1fr;gap:16px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.hero__stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--border-medium);box-shadow:var(--shadow-md);background:#050505d9;flex-direction:column;padding:16px 20px;display:flex}.hero__stat-val{margin-bottom:2px;font-size:20px;font-weight:800;display:block}.hero__stat-val--cyan{color:var(--accent)}.hero__stat-val--purple{color:var(--purple)}.hero__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.section__title{letter-spacing:0;margin:0;font-size:28px;font-weight:700;line-height:40px}.section__title--lg{font-size:36px;line-height:40px}.section__title--center{text-align:center}.section__desc{color:var(--muted);max-width:810px;margin:16px 0 0;font-size:16px;line-height:28px}.section__desc--center{text-align:center;margin-left:auto;margin-right:auto}.platform{padding:var(--home-section-y) var(--gutter) 0;text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.platform .section__title,.platform .platform__desc,.platform .platform__grid{width:100%;max-width:var(--hero-inner-w);box-sizing:border-box;margin-left:auto;margin-right:auto}.platform .platform__desc{font-size:18px;line-height:28px}.platform__grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.platform-card{border-radius:var(--radius-lg);border:1px solid var(--border-medium);background:var(--surface);transition:all var(--transition-normal);margin:0;padding:32px;position:relative;overflow:hidden}.platform-card:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.platform-card:hover{border-color:var(--border-accent);background:var(--surface-raised);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.platform-card:hover:before{opacity:1}.platform-card__head{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.platform-card__icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.platform-card__icon--cyan{color:#22d3ee;background:#22d3ee1f}.platform-card__icon--red{color:#f87171;background:#f8717124}.platform-card__icon--green{color:#4ade80;background:#4ade801f}.platform-card__icon--yt{color:#ef4444;background:#ef444424}.platform-card__icon--blue{color:#60a5fa;background:#60a5fa24}.platform-card__icon--rose{color:#fb7185;background:#fb71851f}.platform-card__titles{flex-direction:column;gap:4px;min-width:0;display:flex}.platform-card__brand{color:var(--muted);font-size:13px;font-weight:500;line-height:18px}.platform-card__plan{color:var(--text);margin:0;font-size:17px;font-weight:700;line-height:24px}.platform-card__body{color:#a0a0a0;margin:0;font-size:15px;line-height:26px}@media (width<=1024px){.platform__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.platform__grid{grid-template-columns:1fr}}.courses{padding:var(--home-section-y) var(--gutter) var(--home-section-y-sm);margin:0 auto}.courses__head,.courses__grid{width:100%;max-width:var(--hero-inner-w);box-sizing:border-box;margin-left:auto;margin-right:auto}.courses__sub{color:var(--muted);margin:12px 0 0;font-size:18px;font-weight:400;line-height:28px}.courses__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.courses__filters{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{cursor:pointer;border:none;border-radius:12px;min-width:54px;height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:20px}.filter-btn--on{background:var(--accent);color:var(--bg)}.filter-btn--off{color:var(--muted);background:#ffffff0d}.courses__filters .filter-btn:nth-child(-n+3){min-width:68px;padding:0 20px}.courses__filters .filter-btn:nth-child(4){min-width:54px}.courses__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.course-card{color:inherit;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-medium);transition:transform var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.course-card:hover{border-color:var(--border-accent);background:var(--surface-raised);box-shadow:var(--shadow-lg), var(--shadow-accent);transform:translateY(-8px)}.course-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.course-card__media{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.course-card__thumb{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-in-out)}.course-card:hover .course-card__thumb{transform:scale(1.07)}@media (prefers-reduced-motion:reduce){.course-card{transition:border-color .15s,box-shadow .15s}.course-card:hover{transform:none}.course-card__thumb{transition:none}.course-card:hover .course-card__thumb{transform:none}}.course-card__badge{border-radius:var(--radius-sm);color:#000;background:var(--accent);z-index:1;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #0003}.course-card__body{flex-direction:column;flex:1;padding:24px;display:flex}.course-card__t{color:var(--text);transition:color var(--transition-fast);margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.4}.course-card:hover .course-card__t{color:var(--accent)}.course-card__instructor{color:var(--text-muted);margin-bottom:20px;font-size:14px}.course-card__stats{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:14px;display:flex}.course-card__stat{color:var(--muted);align-items:center;gap:4px;font-size:12px;line-height:16px;display:inline-flex}.course-card__stat svg{opacity:.85;color:var(--dim);flex-shrink:0}.course-card__price-row{align-items:baseline;gap:12px;margin-top:auto;display:flex}.course-card__price{color:var(--accent);font-size:24px;font-weight:800}.course-card__price-orig{color:var(--text-dim);font-size:14px;text-decoration:line-through}.creators{padding:var(--home-section-y) var(--gutter) var(--home-section-y-sm);overflow:visible}.creators__inner{width:100%;max-width:var(--hero-inner-w);box-sizing:border-box;margin:0 auto}.creators__sub{text-align:center;max-width:720px;color:var(--muted);margin:16px auto 0;font-size:18px;line-height:28px}.creators__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.creator-card{background:var(--surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);flex-direction:column;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.creator-card:hover{border-color:var(--border-accent);background:var(--surface-raised);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.creator-card__avatar{border:2px solid var(--border-medium);background:var(--surface-overlay);object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:20px;padding:4px}.creator-card__avatar--placeholder{color:var(--accent);box-sizing:border-box;place-items:center;font-size:28px;font-weight:700;display:grid}.creator-card__name{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:700}.creator-card__tag{color:var(--accent);margin-bottom:16px;font-size:14px;font-weight:600}.creator-card__pill{background:var(--surface-overlay);border-radius:var(--radius-md);width:100%;margin-bottom:24px;padding:12px 20px}.creator-card__pill-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.creator-card__qr{justify-content:center;width:100%;margin-top:4px;display:flex}.creator-card__qr img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:#fff;width:104px;height:104px}@media (width<=1100px){.creators__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.creators__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.creators__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creators{padding-top:56px;padding-bottom:48px}}.partner-cta{padding:56px var(--gutter) 88px}.partner-cta__wrap{width:100%;max-width:var(--hero-inner-w);box-sizing:border-box;margin:0 auto}.partner-cta__card{text-align:center;box-sizing:border-box;background:#1a1a1af5;border:1px solid #ffffff14;border-radius:20px;padding:44px 36px 48px}.partner-cta__badge{color:var(--accent);background:#00d9ff12;border:1px solid #00d9ff61;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 0 20px;padding:6px 16px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.partner-cta__badge-ic{color:inherit;display:inline-flex}.partner-cta__title{color:var(--text);margin:0 0 16px;font-size:clamp(26px,3vw,32px);font-weight:700;line-height:1.25}.partner-cta__desc{color:var(--muted);max-width:560px;margin:0 auto;font-size:16px;line-height:28px}.partner-cta__desc+.partner-cta__desc{margin-top:4px}.partner-cta__features{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin-top:40px;margin-bottom:40px;display:grid}.partner-cta__feat-icon{border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 14px;display:grid}.partner-cta__feat-icon--cyan{color:#22d3ee;background:#22d3ee1f}.partner-cta__feat-icon--purple{color:#c084fc;background:#a855f724}.partner-cta__feat-icon--green{color:#4ade80;background:#4ade801f}.partner-cta__feat-t{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:600;line-height:24px}.partner-cta__feat-d{color:var(--muted);margin:0;font-size:13px;line-height:20px}.partner-cta__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.partner-cta__btn{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;min-height:50px;padding:0 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:filter .15s,border-color .15s,background .15s,color .15s;display:inline-flex}.partner-cta__btn--primary{color:#0a0a0a;background:linear-gradient(90deg,#00d9ff 0%,#38bdf8 35%,#a855f7 100%);border:none}.partner-cta__btn--primary:hover{filter:brightness(1.07)}.partner-cta__btn--secondary{color:var(--soft);background:#ffffff0a;border:1px solid #ffffff24}.partner-cta__btn--secondary:hover{color:var(--text);border-color:#00d9ff59}.partner-cta__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=720px){.partner-cta__card{padding:32px 20px 36px}.partner-cta__features{grid-template-columns:1fr;margin-top:32px;margin-bottom:32px}.partner-cta__actions{flex-direction:column;align-items:stretch}.partner-cta__btn{width:100%}}.stats-row{padding:48px var(--gutter) 56px}.stats-row__inner{max-width:var(--hero-inner-w);flex-wrap:wrap;justify-content:center;gap:32px;margin:0 auto;display:flex}.stat-col{text-align:center;flex:0 0 260px;width:260px}.stat-col__val{color:var(--accent);font-size:30px;font-weight:700;line-height:36px}.stat-col__lab{color:var(--muted);margin-top:9px;font-size:14px;line-height:20px}.footer{padding:32px var(--gutter) 40px;border-top:1px solid #ffffff14}.footer__inner{max-width:1376px;margin:0 auto}.footer__row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.footer__brand{color:var(--footer-muted);align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.footer__brand-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--purple));box-sizing:border-box;border-radius:12px;place-items:center;width:24px;height:24px;padding:3px;display:grid}.footer__brand-icon svg{width:16px;height:16px}.footer__icp{color:var(--footer-icp);font-size:12px;line-height:16px}.footer__copy{color:var(--footer-copy);font-size:12px;line-height:16px}.footer__rule{background:#ffffff0f;width:100%;height:1px;margin-top:24px}@media (width<=1528px){:root{--gutter:clamp(24px, 5vw, 196px);--nav-pad-x:clamp(16px, 4vw, 76px);--nav-link-gap:clamp(18px, 2.5vw, 32px);--hero-pt:clamp(56px, 10vw, 181px);--hero-eyebrow-mb:clamp(16px, 2vw, 22px);--hero-desc-mt:clamp(16px, 2vw, 23px);--hero-cta-mt:clamp(32px, 5vw, 52px);--hero-pb:clamp(40px, 6vw, 64px);--hero-col-gap:clamp(32px, 4vw, 48px);--home-section-y:clamp(56px, 10vw, 96px);--home-section-y-sm:clamp(40px, 6vw, 64px)}.hero__grid{flex-direction:column;align-items:stretch;max-width:100%}.hero__left,.hero__right,.hero__mock{width:100%;max-width:542px}.hero__mock{margin-left:auto;margin-right:auto}.courses__grid{grid-template-columns:repeat(2,1fr)}.stats-row__inner{flex-wrap:wrap;justify-content:center}}@media (width<=640px){.nav__inner{justify-content:space-between;align-items:center;column-gap:16px;display:flex}.nav__links{display:none}.nav__brand,.nav__actions{justify-self:auto}.nav__user-name{display:none}.courses__grid{grid-template-columns:1fr}.hero__title{font-size:32px;line-height:40px}.nav__actions{gap:8px}.nav__login-btn{height:34px;padding:0 12px;font-size:13px}.course-card__body{padding:14px 14px 16px}.course-card__t{font-size:16px;line-height:24px}.course-card__instructor,.course-card__stat,.course-card__price-orig{font-size:12px}.course-card__price{font-size:18px}}