:root{--brand-blue:#5a91e1;--brand-blue-600:#4a7fcc;--brand-blue-700:#3a6cb5;--brand-blue-100:#e3edfa;--brand-blue-50:#f1f6fd;--brand-yellow:#f3c640;--brand-yellow-600:#e0b022;--brand-yellow-100:#fdf3cf;--brand-coral:#ff6b6b;--brand-navy:#1a2138;--brand-navy-700:#232c47;--brand-navy-600:#2d3957;--bg:#f7f8fa;--bg-elevated:#fff;--bg-section:#f2f2f2;--bg-section-2:#fff;--surface:#fff;--surface-soft:#f7f8fa;--border:#e5e7eb;--border-strong:#d1d5db;--text:#2a2f3a;--text-strong:#1a2138;--text-soft:#5a6071;--text-mute:#8b91a1;--text-on-blue:#fff;--text-on-yellow:#1a2138;--shadow-sm:0 1px 2px #1a21380d;--shadow-md:0 4px 16px #1a21380f, 0 1px 3px #1a21380a;--shadow-lg:0 12px 32px #1a213814, 0 2px 6px #1a21380a;--shadow-blue:0 12px 32px #5a91e12e;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--font-zh:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-en:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "Noto Sans TC", system-ui, sans-serif;--container:1600px;--header-h:72px}[data-theme=dark]{--bg:#131830;--bg-elevated:#1a2138;--bg-section:#0f1428;--bg-section-2:#1a2138;--surface:#232c47;--surface-soft:#1d2540;--border:#2d3957;--border-strong:#3a4669;--text:#e7eaf3;--text-strong:#fff;--text-soft:#a8b0c5;--text-mute:#7681a0;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 6px 20px #0006, 0 1px 3px #0003;--shadow-lg:0 16px 40px #00000080, 0 2px 6px #0000004d;--shadow-blue:0 16px 40px #5a91e14d}.home-v2-root,.home-v2-root *,.home-v2-root :before,.home-v2-root :after{box-sizing:border-box}.home-v2-root{font-family:var(--font-zh);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;font-size:16px;line-height:1.65;transition:background-color .3s,color .3s}.home-v2-root img{max-width:100%;display:block}.home-v2-root button{cursor:pointer;font-family:inherit}.home-v2-root a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container);padding:0 var(--s-6);margin:0 auto}.section{padding:var(--s-20) 0}.section-tight{padding:var(--s-12) 0}@media (max-width:720px){.section{padding:var(--s-12) 0}.section-tight{padding:var(--s-10) 0}}.section-eyebrow{font-family:var(--font-en);letter-spacing:.18em;color:var(--brand-blue);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--text-strong);letter-spacing:-.01em;margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.2}.section-sub{color:var(--text-soft);max-width:640px;margin:0;font-size:16px}@media (max-width:720px){.section-title{font-size:26px}.section-sub{font-size:14px}}.btn{border-radius:var(--r-pill);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand-blue);color:#fff;box-shadow:0 4px 12px #5a91e14d}.btn-primary:hover{background:var(--brand-blue-600);transform:translateY(-1px);box-shadow:0 6px 18px #5a91e166}.btn-yellow{background:var(--brand-yellow);color:var(--brand-navy);box-shadow:0 4px 12px #f3c64059}.btn-yellow:hover{background:var(--brand-yellow-600);transform:translateY(-1px)}.btn-ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.btn-link{color:var(--brand-blue);background:0 0;padding:0;font-weight:600}.btn-link:hover{gap:12px}.chip{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.chip:hover{border-color:var(--brand-blue);color:var(--brand-blue);transform:translateY(-1px)}.chip.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.badge-coming{border-radius:var(--r-pill);background:var(--brand-yellow);color:var(--brand-navy);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-coming:before{content:"";background:var(--brand-navy);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-blue-100);transform:translateY(-4px)}[data-theme=dark] .card:hover{border-color:var(--brand-blue)}.device-mobile{background:var(--bg);border:10px solid #1a2138;border-radius:40px;width:390px;height:800px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000040}.device-mobile-inner{scrollbar-width:thin;width:100%;height:100%;overflow:hidden auto}.device-mobile-inner::-webkit-scrollbar{width:4px}.device-mobile-inner::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.coming-soon-veil{position:relative}.coming-soon-veil:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fff0 0%,#fff9 100%);position:absolute;inset:0}[data-theme=dark] .coming-soon-veil:after{background:linear-gradient(#1a213800 0%,#1a2138b3 100%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s both fadeUp}.text-blue{color:var(--brand-blue)}.text-yellow{color:var(--brand-yellow)}.text-strong{color:var(--text-strong)}.text-soft{color:var(--text-soft)}.text-mute{color:var(--text-mute)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.banner-section{padding:32px 0 16px;overflow:hidden}@media (max-width:720px){.banner-section{padding:16px 0 4px}}.banner-stage{width:100%;max-width:1920px;margin:0 auto;padding:0;position:relative}.banner-track{aspect-ratio:1701/701;width:100%;position:relative}.banner-card{aspect-ratio:1701/701;border-radius:var(--r-xl);background:#1a2138;width:84%;transition:transform .6s,opacity .6s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0000002e}.banner-card .banner-img{object-fit:cover;width:100%;height:100%;display:block}.banner-card-center{z-index:3;opacity:1;filter:none;transform:translate(-50%,-50%)}.banner-card-left,.banner-card-right{z-index:2;opacity:.5;cursor:pointer}.banner-card-left{transform:translate(-108%,-50%)scale(.86)}.banner-card-right{transform:translate(8%,-50%)scale(.86)}.banner-card-left:hover,.banner-card-right:hover{opacity:.75}.banner-card-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.86)}.banner-stage.is-mobile .banner-cta-overlay{display:none}@media (max-width:720px){.banner-stage.is-peek .banner-cta-overlay{display:none}.banner-stage.is-peek .banner-track{aspect-ratio:376/444}.banner-stage.is-peek .banner-card{aspect-ratio:376/444;border-radius:var(--r-lg);width:100%}.banner-stage.is-peek .banner-card-left,.banner-stage.is-peek .banner-card-right{display:none}}.banner-stage.is-mobile .banner-track{aspect-ratio:376/444}.banner-stage.is-mobile .banner-card{aspect-ratio:376/444;border-radius:var(--r-lg);width:100%}.banner-stage.is-mobile .banner-card-left,.banner-stage.is-mobile .banner-card-right{display:none}.banner-cta-overlay{z-index:4;padding:14px 28px;font-size:16px;position:absolute;bottom:12%;left:6%;box-shadow:0 8px 24px #00000040}@media (max-width:720px){.banner-cta-overlay{padding:10px 22px;font-size:14px;bottom:8%;left:50%;transform:translate(-50%)}}.banner-arrow{width:56px;height:96px;color:var(--text);z-index:5;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-arrow svg{width:36px;height:36px}.banner-arrow:hover{color:var(--brand-blue);background:#0000000f;transform:translateY(-50%)translate(0)}.banner-arrow-l:hover{transform:translateY(-50%)translate(-2px)}.banner-arrow-r:hover{transform:translateY(-50%)translate(2px)}.banner-arrow-l{left:4px}.banner-arrow-r{right:4px}[data-theme=dark] .banner-arrow{color:#ffffffd9}[data-theme=dark] .banner-arrow:hover{color:#fff;background:#ffffff14}@media (max-width:720px){.banner-arrow{width:44px;height:72px}.banner-arrow svg{width:28px;height:28px}.banner-arrow-l{left:2px}.banner-arrow-r{right:2px}}.banner-dots{z-index:5;justify-content:center;gap:8px;margin-top:20px;display:flex;position:relative}.banner-dot{background:var(--border);cursor:pointer;border:none;border-radius:4px;width:28px;height:4px;transition:all .2s}.banner-dot.is-active{background:var(--brand-blue);width:44px}.banner-content,.banner-eyebrow,.banner-title,.banner-desc,.banner-ctas,.banner-ghost,.banner-bear{display:none}.value-section{background:var(--bg)}.value-header{text-align:center;margin-bottom:56px}.value-header .section-sub{margin:0 auto}.value-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}@media (max-width:920px){.value-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:540px){.value-grid{grid-template-columns:1fr}}.value-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 24px;transition:all .25s;position:relative}.value-card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-num{font-family:var(--font-en);letter-spacing:.15em;color:var(--brand-blue);margin-bottom:16px;font-size:14px;font-weight:700}.value-icon{margin-bottom:16px;font-size:36px;line-height:1}.value-label{background:var(--brand-blue-50);color:var(--brand-blue);border-radius:var(--r-pill);white-space:nowrap;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}[data-theme=dark] .value-label{color:#a8c4ed;background:#5a91e126}.value-title{color:var(--text-strong);margin:0 0 12px;font-size:22px;font-weight:700}.value-desc{color:var(--text-soft);margin:0;font-size:14px;line-height:1.7}.value-connector{background:var(--brand-blue);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}@media (max-width:920px){.value-connector{display:none}}.category-section{background:var(--bg)}.cur-head{grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:36px;display:grid}.cur-head-copy{max-width:760px}.cur-head-copy .section-title{margin:12px 0 16px}.cur-head-copy .section-sub{margin:0}.cur-head-cta{white-space:nowrap;flex-shrink:0;font-weight:700}@media (max-width:760px){.cur-head{grid-template-columns:1fr;align-items:start;gap:20px}.cur-head-cta{justify-self:start}}.cur-categories{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.cur-cat{background:var(--surface);border:1px solid var(--border);cursor:pointer;font:inherit;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:84px;padding:22px 24px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:flex;box-shadow:0 2px 6px #4646460d}.cur-cat:hover{border-color:var(--brand-blue);color:var(--brand-blue);transform:translateY(-2px);box-shadow:0 8px 22px #5a91e129}.cur-cat.active{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy);transform:translateY(-1px);box-shadow:0 8px 22px #1a213847}.cur-cat.active .cur-cat-title{color:#fff}.cur-cat.active:hover{color:#fff;border-color:var(--brand-navy)}[data-theme=dark] .cur-cat.active{background:var(--brand-blue);border-color:var(--brand-blue);box-shadow:0 8px 22px #5a91e159}.cur-cat-icon{font-size:28px;line-height:1}.cur-cat-title{letter-spacing:.02em;font-size:16px;font-weight:700}@media (max-width:760px){.cur-categories{grid-template-columns:repeat(2,1fr);gap:10px}.cur-cat{min-height:64px;padding:16px}.cur-cat-icon{font-size:22px}.cur-cat-title{font-size:14px}}.cur-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:920px){.cur-grid{grid-template-columns:1fr;gap:18px}}.cur-course{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.cur-course:hover{transform:translateY(-3px);box-shadow:0 12px 28px #4646461f}.cur-course-thumb{aspect-ratio:16/9;background:#000;position:relative}.cur-course-thumb iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.cur-course-lvl{background:var(--brand-blue);color:#fff;letter-spacing:.04em;z-index:2;pointer-events:none;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.cur-course-body{flex-direction:column;gap:8px;padding:22px 22px 24px;display:flex}.cur-course-tag{color:var(--brand-blue);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.cur-course-title{color:var(--text);margin:2px 0 0;font-size:18px;font-weight:800;line-height:1.45}.cur-course-desc{color:var(--text-mute);margin:0;font-size:14px;line-height:1.6}.cur-course-meta{border-top:1px solid var(--border);color:var(--text-mute);justify-content:space-between;align-items:center;margin-top:10px;padding-top:14px;font-size:13px;display:flex}.cur-course-meta .by{color:var(--text);font-weight:600}.hot-header,.toolbox-header,.inst-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px;display:flex}@media (max-width:720px){.hot-header,.toolbox-header,.inst-header{margin-bottom:24px}.hot-all{display:none}}.course-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.course-grid{grid-template-columns:1fr}}.course-card{flex-direction:column;display:flex}.course-cover{aspect-ratio:16/10;position:relative;overflow:hidden}.course-cover-bear{opacity:.35;pointer-events:none;width:60%;position:absolute;bottom:-10%;right:-10%}.course-cover-bear img{width:100%}.course-badge{color:var(--brand-navy);border-radius:var(--r-pill);z-index:2;white-space:nowrap;background:#fffffff2;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.course-cover-meta{color:#fffffff2;z-index:2;white-space:nowrap;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:12px}.course-body{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex}.course-title{color:var(--text-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px;margin:0;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.course-instructor{align-items:center;gap:10px;display:flex}.course-avatar{background:var(--brand-blue-100);width:32px;height:32px;color:var(--brand-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}[data-theme=dark] .course-avatar{color:#a8c4ed;background:#5a91e133}.course-inst-info{flex:1;min-width:0}.course-inst-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.course-inst-role{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.course-stats{color:var(--text-soft);flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.course-students,.course-rating{white-space:nowrap}.course-rating{color:var(--text-strong);align-items:center;gap:4px;font-weight:700;display:inline-flex}.course-price{border-top:1px solid var(--border);align-items:baseline;gap:8px;margin-top:auto;padding-top:12px;display:flex}.course-price-now{font-family:var(--font-en);color:var(--brand-blue);font-size:20px;font-weight:800}.course-price-was{font-family:var(--font-en);color:var(--text-mute);font-size:13px;text-decoration:line-through}.instructor-section{background:radial-gradient(at 50% 0,#232c47 0%,#131830 45%,#0c1024 100%);padding-top:88px;padding-bottom:96px;position:relative;overflow:hidden}.section-eyebrow{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.inst-wall{filter:blur(2px);opacity:.55;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:720px){.inst-wall{grid-template-columns:repeat(2,1fr)}}.inst-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;padding:24px}.inst-avatar{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-700));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:28px;font-weight:700;display:flex}.inst-name{color:var(--text-strong);font-size:18px;font-weight:700}.inst-title{color:var(--brand-blue);margin-top:4px;font-size:13px;font-weight:600}.inst-agency{color:var(--text-mute);margin-bottom:16px;font-size:12px}.inst-stats{color:var(--text-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0;font-size:12px;display:flex}.inst-stats strong{color:var(--text-strong);margin-right:4px;font-size:16px}.inst-stats-divider{background:var(--border-strong);width:1px;height:16px}.inst-cta{width:100%;padding:8px;font-size:13px}.inst-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(at 50% 40%,#000 30%,#0000 80%)}.inst-container{z-index:1;position:relative}.inst-headline{text-align:center;padding:24px 0 56px;position:relative}.inst-eyebrow{opacity:.9;color:var(--brand-blue)!important}.inst-title-h2{color:#fff;letter-spacing:.04em;margin:8px 0 12px;font-size:clamp(32px,4vw,48px);font-weight:800;position:relative}.inst-sub{color:#ffffffa6;margin:0;font-size:16px;position:relative}.inst-track-wrap{position:relative}.inst-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:8px 4px 24px;scroll-padding-left:4px;display:flex;overflow-x:auto}.inst-track::-webkit-scrollbar{display:none}.inst-arrow{color:#fff;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:flex;position:absolute;top:42%;transform:translateY(-50%)}.inst-arrow:hover{background:#5a91e166;transform:translateY(-50%)scale(1.05)}.inst-arrow-l{left:-8px}.inst-arrow-r{right:-8px}.inst-card-v2{scroll-snap-align:start;aspect-ratio:3/4;isolation:isolate;background:#1a2138;border-radius:18px;flex:0 0 280px;text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 12px 40px #0006,inset 0 0 0 1px #ffffff0f}.inst-card-v2:hover{transform:translateY(-6px);box-shadow:0 20px 50px #3a6cb566,inset 0 0 0 1px #78aaeb66}.inst-portrait{z-index:0;background:linear-gradient(155deg,#1a2138 0%,#0c1024 100%);position:absolute;inset:0}.inst-portrait-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.inst-en{z-index:2;writing-mode:vertical-rl;letter-spacing:.22em;color:#ffffffeb;text-shadow:0 1px 8px #0000008c;font-size:18px;font-weight:700;position:absolute;top:56px;right:14px}.inst-name-cn{display:none}.inst-course{z-index:2;text-align:center;color:#fff;letter-spacing:.04em;text-shadow:0 2px 12px #0009;background:linear-gradient(#0000 0%,#0006 40%,#000000b8 100%);padding:36px 16px 18px;font-size:22px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.inst-cta-wrap{justify-content:center;margin-top:36px;display:flex}.inst-cta-all{color:var(--brand-navy,#1a2138);letter-spacing:.04em;background:#fff;border:1px solid #fff;border-radius:999px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #ffffff1f}.inst-cta-all svg{transition:transform .2s}.inst-cta-all:hover{background:var(--brand-yellow,#f3c640);border-color:var(--brand-yellow,#f3c640);color:var(--brand-navy,#1a2138);transform:translateY(-2px);box-shadow:0 10px 28px #f3c64066}.inst-cta-all:hover svg{transform:translate(2px)}@media (max-width:720px){.instructor-section{padding-top:56px;padding-bottom:64px}.inst-card-v2{flex-basis:200px}.inst-arrow{display:none}.inst-track{gap:14px;padding-left:16px;padding-right:16px}}.about-card-cta{background:var(--brand-yellow);color:var(--brand-navy);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 12px #f3c6404d}.about-card-cta svg{transition:transform .15s}.about-card-cta:hover{background:var(--brand-yellow-600,#e5b933);transform:translateY(-1px);box-shadow:0 8px 20px #f3c64066}.about-card-cta:hover svg{transform:translate(2px)}.coming-overlay,.toolbox-coming{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coming-overlay{padding-top:200px}.coming-card,.toolbox-coming-inner{background:var(--surface);border:2px solid var(--brand-yellow);border-radius:var(--r-lg);text-align:center;pointer-events:auto;max-width:480px;padding:36px 40px;box-shadow:0 24px 60px #1a21381f,0 0 0 8px #f3c6401a}.coming-card .badge-coming,.toolbox-coming-inner .badge-coming{margin-bottom:16px}.coming-card h3,.toolbox-coming-inner h3{color:var(--text-strong);margin:0 0 12px;font-size:24px}.coming-card p,.toolbox-coming-inner p{color:var(--text-soft);margin:0 0 20px;font-size:14px;line-height:1.7}.article-section{background:var(--bg)}.article-grid{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr;gap:20px;display:grid}.article-card.is-featured{grid-row:span 2}.article-card.is-featured .article-cover{aspect-ratio:16/9}.article-card.is-featured .article-title{font-size:22px;line-height:1.4}@media (max-width:920px){.article-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.article-card.is-featured{grid-area:auto/span 2}}@media (max-width:540px){.article-grid{grid-template-columns:1fr}.article-card.is-featured{grid-column:auto}}.article-card{flex-direction:column;display:flex}.article-cover{aspect-ratio:16/10;position:relative}.article-cat{color:var(--brand-navy);border-radius:var(--r-pill);white-space:nowrap;background:#fffffff2;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.article-body{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.article-title{color:var(--text-strong);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.article-excerpt{color:var(--text-soft);margin:0;font-size:14px;line-height:1.7}.article-meta{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;font-size:12px;display:flex}.article-dot{color:var(--border-strong)}.toolbox-section{background:var(--bg);position:relative}.toolbox-wrap{position:relative}.toolbox-grid{filter:blur(2px);opacity:.5;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:720px){.toolbox-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:14px;padding:18px;display:flex}.tool-icon{font-size:28px}.tool-info{flex:1}.tool-name{color:var(--text-strong);font-size:14px;font-weight:700}.tool-desc{color:var(--text-mute);margin-top:2px;font-size:12px}.tool-arrow{color:var(--brand-blue)}.toolbox-coming{padding-top:80px}.toolbox-coming-inner{text-align:left;align-items:center;gap:24px;max-width:640px;display:flex}.toolbox-bear{flex-shrink:0;width:96px}.toolbox-bear img{width:100%}.toolbox-coming-text{flex:1}@media (max-width:540px){.toolbox-coming-inner{text-align:center;flex-direction:column;padding:28px 24px}}.plans-section{background:var(--bg)}.plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-top:48px;display:grid}@media (max-width:920px){.plan-grid{grid-template-columns:1fr}}.plan-name-block{margin-bottom:24px}.plan-name{color:var(--brand-blue);margin:0 0 4px;font-size:18px;font-weight:700}.plan-card.is-primary .plan-name{color:#fff}.plan-card.is-primary .plan-tag{color:var(--brand-yellow)}.plan-card.is-primary .plan-save-note{color:#ffffffd9}.plan-save-note{color:var(--text-soft);margin-bottom:16px;font-size:13px}.plan-trial{text-align:center;margin-top:28px}.plan-trial-link{color:var(--brand-blue);font-size:14px;font-weight:500;text-decoration:none}.plan-trial-link:hover{text-decoration:underline}.plan-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:var(--r-lg);flex-direction:column;padding:36px 32px;transition:all .25s;display:flex;position:relative}.plan-card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-md);transform:translateY(-4px)}.plan-card.is-primary{background:var(--brand-navy);border:2px solid var(--brand-navy);color:#fff;box-shadow:var(--shadow-lg);transform:scale(1.04)}.plan-card.is-primary:hover{transform:scale(1.04)translateY(-4px)}.plan-badge{color:#fff;white-space:nowrap;background:#d94c4c;border-radius:0 0 8px 8px;padding:6px 24px;font-size:13px;font-weight:700;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.plan-card.is-disabled{opacity:.85}.plan-en,.plan-desc{display:none}.plan-en-hide{letter-spacing:.18em;color:var(--brand-blue);margin-bottom:8px;font-size:12px;font-weight:700}.plan-card.is-primary .plan-en{color:var(--brand-yellow)}.plan-tag{color:var(--brand-blue);font-size:14px;font-weight:500}.plan-desc{color:var(--text-soft);margin:0 0 24px;font-size:13px}.plan-card.is-primary .plan-desc{color:#ffffffbf}.plan-price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.plan-currency{color:var(--text-soft);font-size:16px;font-weight:600}.plan-amount{font-family:var(--font-en);color:var(--text-strong);font-size:44px;font-weight:800;line-height:1}.plan-card.is-primary .plan-amount,.plan-card.is-primary .plan-currency{color:#fff}.plan-period{color:var(--text-mute);font-size:13px}.plan-card.is-primary .plan-period{color:#ffffffb3}.plan-cta{width:100%;padding:14px}.plan-cta:disabled{opacity:.7;cursor:not-allowed}.plan-features{text-align:left;border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;display:flex}.plan-card.is-primary .plan-features{border-top-color:#ffffff26}.plan-feature{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;display:flex}.plan-card.is-primary .plan-feature{color:#ffffffeb}.plan-feature svg{flex-shrink:0;margin-top:2px}.testimonial-section{background:var(--bg)}.testi-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:56px;display:grid}@media (max-width:720px){.testi-grid{grid-template-columns:1fr}}.testi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:all .2s}.testi-card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-md)}.testi-quote{color:var(--text);margin:0 0 24px;font-size:15px;line-height:1.8}.testi-person{align-items:center;gap:12px;display:flex}.testi-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.testi-name{color:var(--text-strong);font-size:14px;font-weight:700}.testi-role{color:var(--text-mute);font-size:12px}.testi-stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;padding:32px;display:flex}.stat-item{text-align:center}.stat-num{font-family:var(--font-en);color:var(--brand-blue);font-size:40px;font-weight:800;line-height:1}.stat-num span{color:var(--brand-yellow);margin-left:2px;font-size:22px}.stat-label{color:var(--text-soft);white-space:nowrap;margin-top:8px;font-size:13px}.stat-divider{background:var(--border);width:1px;height:48px}@media (max-width:720px){.stat-divider{display:none}}.about-section{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-section-2) 100%);position:relative;overflow:hidden}.about-wrap{grid-template-columns:1fr .85fr;align-items:center;gap:64px;display:grid}@media (max-width:920px){.about-wrap{grid-template-columns:1fr;gap:40px}}.about-lead{color:var(--text-strong);margin:24px 0 16px;font-size:22px;font-weight:700;line-height:1.5}.about-body{color:var(--text-soft);margin:0 0 32px;font-size:15px;line-height:1.85}.about-mission{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border);gap:20px;margin-bottom:32px;padding:24px;display:grid}.mission-item{align-items:flex-start;gap:16px;display:flex}.mission-icon{flex-shrink:0;font-size:28px}.mission-title{color:var(--brand-blue);letter-spacing:.05em;margin-bottom:4px;font-size:13px;font-weight:700}.mission-desc{color:var(--text);font-size:14px;line-height:1.6}.about-ctas{flex-wrap:wrap;gap:12px;display:flex}.about-visual{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:16px;height:460px;display:grid}@media (max-width:540px){.about-visual{height:360px}}.about-card-blue,.about-card-yellow,.about-card-navy{border-radius:var(--r-lg);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative;overflow:hidden}.about-card-blue{background:linear-gradient(160deg, var(--brand-blue) 0%, var(--brand-blue-700) 100%);color:#fff}.about-card-yellow{background:var(--brand-yellow);grid-row:span 2;justify-content:center;align-items:center}.about-card-yellow img{filter:drop-shadow(0 12px 32px #1a21382e);width:80%}.about-card-navy{background:var(--brand-navy);color:#fff}.about-card-num{font-family:var(--font-en);font-size:40px;font-weight:800;line-height:1}.about-card-label{opacity:.85;margin-top:8px;font-size:13px}.cw-section{background:var(--bg);padding-top:36px;padding-bottom:36px}.cw-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.cw-title-group{align-items:center;gap:14px;display:flex}.cw-title-bar{background:var(--blue,#5a91e1);border-radius:2px;width:4px;height:22px}.cw-title{color:var(--text);letter-spacing:.02em;margin:0;font-size:22px;font-weight:800}.cw-more{color:var(--text-mute);align-items:center;gap:4px;margin-left:4px;font-size:14px;text-decoration:none;transition:color .18s;display:inline-flex}.cw-more:hover{color:var(--blue,#5a91e1)}.cw-pagination{font-family:var(--font-en);color:var(--text-mute);align-items:center;gap:8px;display:flex}.cw-page-num{color:var(--text);letter-spacing:.04em;font-size:13px;font-weight:700}.cw-page-total{color:var(--text-mute);font-size:12px}.cw-page-dots{gap:4px;margin-left:8px;display:flex}.cw-page-dot{background:var(--border-strong,#d1d5db);border-radius:2px;width:18px;height:3px;transition:background .2s,width .2s}.cw-page-dot.is-active{background:var(--blue,#5a91e1);width:24px}.cw-viewport{position:relative}.cw-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:calc(20% - 12.8px);grid-auto-flow:column;gap:16px;padding:4px 2px 8px;scroll-padding-left:2px;display:grid;overflow:auto hidden}.cw-scroller::-webkit-scrollbar{display:none}.cw-scroller>*{scroll-snap-align:start}@media (max-width:1180px){.cw-scroller{grid-auto-columns:calc(25% - 12px)}}@media (max-width:920px){.cw-scroller{grid-auto-columns:calc(33.3333% - 9.33333px);gap:14px}}@media (max-width:640px){.cw-scroller{grid-auto-columns:70%;gap:12px}}.cw-arrow{color:#fff;cursor:pointer;z-index:5;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161cc7;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .25s,transform .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #0000002e}.cw-arrow.is-visible{opacity:1;pointer-events:auto}.cw-arrow:hover{background:#14161cf2;transform:translateY(-50%)scale(1.06)}.cw-arrow--left{left:-22px}.cw-arrow--right{right:-22px}@media (max-width:760px){.cw-arrow{display:none}}.cw-card{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.3,1);display:flex;position:relative}.cw-card:hover{transform:translateY(-4px)}.cw-card-frame{border-radius:8px;transition:box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.cw-card.is-hovered .cw-card-frame{box-shadow:0 14px 30px #0000002e}.cw-cover{aspect-ratio:16/9;background:#f2f2f2;width:100%;position:relative;overflow:hidden}.cw-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.cw-card.is-hovered .cw-cover img{transform:scale(1.04)}.cw-badge{letter-spacing:.04em;z-index:3;font-size:11px;font-weight:800;font-family:var(--font-en);border-radius:4px;padding:3px 8px;position:absolute;top:8px;right:8px}.cw-badge--new{color:#fff;background:#e85a3b}.cw-badge--hot{color:#e85a3b;background:#fff;box-shadow:0 2px 6px #00000026}.cw-progress{z-index:2;background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.cw-progress-fill{background:var(--blue,#5a91e1);height:100%;transition:width .4s;box-shadow:0 0 8px #5a91e199}.cw-overlay{opacity:0;z-index:1;background:linear-gradient(#0000 30%,#0000008c 100%);justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.cw-card.is-hovered .cw-overlay{opacity:1}.cw-play{background:var(--blue,#5a91e1);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:4px;transition:transform .15s,background .2s;display:flex;box-shadow:0 6px 18px #0000004d}.cw-play:hover{background:#3a73c7;transform:scale(1.08)}.cw-remaining{color:#fff;font-size:12px;font-weight:700;font-family:var(--font-en);letter-spacing:.02em;position:absolute;bottom:12px;left:12px}.cw-meta{padding:10px 2px 0}.cw-meta-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.cw-meta-row{color:var(--text-mute);font-size:12px;font-family:var(--font-en);justify-content:space-between;align-items:center;display:flex}.cw-meta-instr{align-items:center;gap:4px;display:inline-flex}.cw-meta-dur{font-weight:600}.mobile-scope .cw-section{padding-top:24px;padding-bottom:24px}.mobile-scope .cw-title{font-size:18px}.mobile-scope .cw-pagination,.mobile-scope .cw-arrow{display:none}.mobile-scope .cw-meta-title{font-size:13px}.app-header-placeholder{height:var(--header-h);padding:0 var(--s-6);border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:50;align-items:center;display:flex;position:sticky;top:0}.mobile-stage{background:var(--bg-section);flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:40px 20px;display:flex}.mobile-stage-info{text-align:center}.mobile-stage-info-title{color:var(--text);font-size:14px;font-weight:700}.mobile-stage-info-sub{font-family:var(--font-en);color:var(--text-mute);margin-top:4px;font-size:12px}.mobile-scope{--container:100%}.mobile-scope .container{padding:0 16px}.mobile-scope .section{padding:36px 0}.mobile-scope .section-tight{padding:24px 0}.mobile-scope .section-title{font-size:22px}.mobile-scope .section-sub{font-size:13px}.mobile-scope .banner-frame{border-radius:20px}.mobile-scope .banner-slide{flex-direction:column;align-items:flex-start;padding:28px 20px 60px}.mobile-scope .banner-title{font-size:30px}.mobile-scope .banner-desc{margin-bottom:18px;font-size:13px}.mobile-scope .banner-bear,.mobile-scope .banner-arrow{display:none}.mobile-scope .banner-eyebrow{padding:4px 10px;font-size:11px}.mobile-scope .value-grid{grid-template-columns:1fr;gap:14px}.mobile-scope .value-connector{display:none}.mobile-scope .category-header{flex-direction:column;align-items:flex-start}.mobile-scope .chip-cat{padding:8px 14px;font-size:13px}.mobile-scope .course-grid{grid-template-columns:1fr}.mobile-scope .hot-header{flex-direction:column;align-items:flex-start}.mobile-scope .hot-all{display:inline-flex}.mobile-scope .inst-wall{grid-template-columns:1fr 1fr;gap:12px}.mobile-scope .inst-card{padding:16px 12px}.mobile-scope .inst-avatar{width:56px;height:56px;font-size:22px}.mobile-scope .coming-overlay{padding-top:80px}.mobile-scope .coming-card{max-width:320px;padding:24px 20px}.mobile-scope .coming-card h3{font-size:18px}.mobile-scope .article-grid{grid-template-rows:auto;grid-template-columns:1fr}.mobile-scope .article-card.is-featured{grid-area:auto}.mobile-scope .article-card.is-featured .article-title{font-size:17px}.mobile-scope .toolbox-grid{grid-template-columns:1fr 1fr;gap:10px}.mobile-scope .tool-card{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.mobile-scope .tool-arrow{display:none}.mobile-scope .toolbox-coming-inner{flex-direction:column;max-width:320px;padding:24px 18px}.mobile-scope .toolbox-bear{width:72px}.mobile-scope .toolbox-coming-text h3{font-size:18px}.mobile-scope .plan-grid{grid-template-columns:1fr;gap:16px}.mobile-scope .plan-card.is-primary{transform:none}.mobile-scope .plan-card.is-primary:hover{transform:translateY(-4px)}.mobile-scope .plan-card{padding:24px 20px}.mobile-scope .plan-amount{font-size:36px}.mobile-scope .testi-grid{grid-template-columns:1fr;gap:14px}.mobile-scope .testi-card{padding:20px}.mobile-scope .testi-quote{font-size:14px}.mobile-scope .testi-stats{gap:16px;padding:20px}.mobile-scope .stat-num{font-size:28px}.mobile-scope .stat-divider{display:none}.mobile-scope .about-wrap{grid-template-columns:1fr;gap:28px}.mobile-scope .about-lead{font-size:18px}.mobile-scope .about-body{font-size:14px}.mobile-scope .about-visual{height:320px}.mobile-scope .about-card-num{font-size:28px}.section,.cw-section{isolation:isolate;position:relative}.section:after,.cw-section:after{content:"";pointer-events:none;z-index:-1;filter:blur(8px);background:radial-gradient(50% 50%,#5a91e138 0%,#5a91e11a 35%,#5a91e100 70%);width:120%;height:280px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}:root:not([data-theme=dark]) .section:after,:root:not([data-theme=dark]) .cw-section:after{background:radial-gradient(50% 50%,#5a91e11a 0%,#5a91e10d 40%,#5a91e100 75%)}[data-theme=dark] .section:after,[data-theme=dark] .cw-section:after{background:radial-gradient(50% 50%,#78aaf04d 0%,#5a91e124 35%,#5a91e100 70%);height:320px}.banner-section:after,.section.section-tight+.section .section-tight:before{display:none}.section:last-of-type:after,.cw-section:last-of-type:after{opacity:.5}@media (max-width:720px){.section:after,.cw-section:after{width:140%;height:180px}}.mobile-scope .section:after,.mobile-scope .cw-section:after{filter:blur(6px);width:160%;height:140px}