@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Noto+Serif+TC:wght@600;700&display=swap";:root{font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f4ed;background:#090c13;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090c13;--bg-deep: #06080d;--surface: #111722;--surface-2: #171e2a;--surface-3: #202938;--line: rgba(238, 242, 248, .12);--line-strong: rgba(238, 242, 248, .22);--text: #f8f5ee;--muted: #a9b1bf;--muted-2: #7f8999;--navy: #2f4f7f;--navy-light: #6f8ebd;--coral: #f28c84;--coral-dark: #c75f60;--gold: #e8c48f;--ivory: #f4f1e8;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--shadow: 0 24px 70px rgba(0, 0, 0, .34);--container: min(1240px, calc(100% - 48px) )}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}body,button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button,select{cursor:pointer}:focus-visible{outline:3px solid rgba(242,140,132,.75);outline-offset:3px}.container{width:var(--container);margin-inline:auto}.section{padding:112px 0}.section--surface{background:linear-gradient(180deg,#171e2abf,#0c1018f5);border-block:1px solid var(--line)}.site-shell{min-height:100vh;overflow:clip}main{min-height:60vh}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow svg{width:17px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:.92rem;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-2px)}.button svg{width:18px}.button--primary{background:linear-gradient(135deg,var(--coral),#e26f70);color:#120b0c;box-shadow:0 12px 34px #e26f7033}.button--primary:hover{background:linear-gradient(135deg,#f6a19a,var(--coral))}.button--ghost{border-color:var(--line-strong);background:#ffffff08}.button--ghost:hover{border-color:var(--coral);color:var(--coral);background:#f28c840f}.button--small{min-height:38px;padding-inline:18px;font-size:.82rem}.button--full{width:100%}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:.9rem}.text-link svg{width:18px;transition:transform .18s ease}.text-link:hover{color:var(--coral)}.text-link:hover svg{transform:translate(4px)}.site-header{position:sticky;inset:0 0 auto;z-index:50;height:76px;display:flex;align-items:center;background:#090c13e6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-logo{flex:0 0 auto;display:block}.brand-logo__desktop{width:272px;height:58px;display:flex;align-items:center;overflow:hidden}.brand-logo__desktop img{width:100%;height:100%;object-fit:contain;object-position:left center}.brand-logo__mobile{display:none}.primary-nav{display:flex;align-items:center;gap:28px}.nav-link{position:relative;padding:26px 0;color:#d6d9df;font-size:.9rem;font-weight:600;transition:color .18s ease}.nav-link:after{position:absolute;content:"";left:0;right:100%;bottom:0;height:2px;background:var(--coral);transition:right .18s ease}.nav-link:hover,.nav-link--active{color:var(--text)}.nav-link--active:after{right:0}.menu-button{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-2);align-items:center;justify-content:center}.menu-button svg{width:22px}.home-hero{position:relative;min-height:730px;display:flex;align-items:center;padding:82px 0 94px;background:radial-gradient(circle at 60% 35%,rgba(47,79,127,.16),transparent 33%),linear-gradient(180deg,#0b0f17,#090c13);overflow:hidden}.home-hero:before{position:absolute;content:"";inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to right,black,transparent 74%);mask-image:linear-gradient(to right,black,transparent 74%)}.home-hero__glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.home-hero__glow--one{width:420px;height:420px;right:-180px;top:10%;background:#f28c8412}.home-hero__glow--two{width:320px;height:320px;left:20%;bottom:-180px;background:#2f4f7f1f}.home-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:clamp(50px,8vw,120px)}.home-hero__copy h1{margin:24px 0 26px;max-width:640px;font-family:"Noto Serif TC",serif;font-size:clamp(3.3rem,6vw,5.7rem);line-height:1.15;letter-spacing:-.045em}.home-hero__copy h1 em{color:var(--coral);font-style:normal}.home-hero__copy>p{max-width:590px;color:#b7bec9;font-size:1.1rem;line-height:2}.home-hero__actions{display:flex;gap:14px;margin-top:38px}.home-hero__trust{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:44px;color:var(--muted);font-size:.78rem}.home-hero__trust span{padding-right:24px;border-right:1px solid var(--line)}.home-hero__trust span:last-child{border-right:0}.home-hero__trust strong{display:block;color:var(--text);font-size:1.2rem}.hero-showcase{position:relative;padding:18px;border:1px solid var(--line-strong);border-radius:30px;background:#111722c7;box-shadow:var(--shadow);transform:rotate(1.3deg)}.hero-showcase:before{position:absolute;content:"";inset:-14px;border:1px solid rgba(242,140,132,.13);border-radius:36px;transform:rotate(-2.3deg);z-index:-1}.hero-showcase__label{position:absolute;z-index:2;top:-15px;left:32px;padding:8px 16px;border-radius:999px;background:var(--ivory);color:#243a5f;font-size:.72rem;font-weight:800;letter-spacing:.08em}.hero-showcase .course-visual{min-height:310px}.hero-showcase__info{padding:23px 12px 8px}.hero-showcase__info h2{margin:16px 0 8px;font-size:1.55rem}.hero-showcase__info p{color:var(--muted);line-height:1.6}.hero-showcase__stats{display:flex;gap:22px;color:var(--muted);font-size:.82rem}.hero-showcase__stats span{display:inline-flex;align-items:center;gap:7px}.hero-showcase__stats svg{width:16px}.floating-note{position:absolute;z-index:3;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#090c13e6;color:var(--gold);font-size:.72rem;font-weight:700;box-shadow:0 10px 30px #00000040}.floating-note--top{right:-24px;top:88px;transform:rotate(4deg)}.floating-note--bottom{left:-27px;bottom:107px;transform:rotate(-4deg)}.course-visual{--course-accent: #385d97;--course-accent-2: #ef8d86;position:relative;min-height:390px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--course-accent) 84%,black),#0c111a 70%);isolation:isolate}.course-visual:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,8,13,.62));z-index:-1}.course-visual__grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:38px 38px;transform:perspective(400px) rotateX(50deg) scale(1.4) translateY(30%);transform-origin:bottom}.course-visual__orb{position:absolute;border-radius:50%;filter:blur(1px)}.course-visual__orb--one{width:230px;height:230px;right:-45px;top:15px;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--course-accent-2) 95%,white),color-mix(in srgb,var(--course-accent-2) 20%,transparent) 60%,transparent 68%);opacity:.72}.course-visual__orb--two{width:150px;height:150px;right:130px;bottom:-65px;border:1px solid rgba(255,255,255,.24)}.course-visual__stage{position:absolute;top:25px;left:27px;font-size:.76rem;font-weight:700;letter-spacing:.14em}.course-visual__symbol{position:absolute;right:32px;bottom:28px;color:#ffffffe6;font-family:Georgia,serif;font-size:clamp(5.8rem,10vw,9.5rem);font-weight:500;line-height:.9;text-shadow:0 16px 40px rgba(0,0,0,.25)}.course-visual__subject{position:absolute;left:28px;bottom:25px;color:#ffffffc2;font-size:1rem;font-weight:800;letter-spacing:.5em}.course-visual--compact{min-height:205px;border-radius:14px}.course-visual--compact .course-visual__symbol{right:20px;bottom:20px;font-size:5.5rem}.course-visual--compact .course-visual__stage{top:18px;left:19px}.course-visual--compact .course-visual__subject{left:19px;bottom:16px;font-size:.8rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-heading h2{margin:13px 0 0;font-family:"Noto Serif TC",serif;font-size:clamp(2rem,3vw,3.25rem);line-height:1.3;letter-spacing:-.03em}.section-heading p{max-width:630px;margin:14px 0 0;color:var(--muted);line-height:1.8}.section-heading--center{display:block;text-align:center}.section-heading--center p{margin-inline:auto}.stage-gateways{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}.stage-gateway{position:relative;min-height:320px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:transform .22s ease,border-color .22s ease}.stage-gateway:before{position:absolute;content:"";width:330px;height:330px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 64%)}.stage-gateway--junior{background:linear-gradient(140deg,#2f4f7fd1,#121a27 68%)}.stage-gateway--senior{background:linear-gradient(140deg,#894a51c7,#17151d 68%)}.stage-gateway:hover{transform:translateY(-6px);border-color:#ffffff52}.stage-gateway__number{position:absolute;top:32px;right:40px;color:#ffffff26;font-family:Georgia,serif;font-size:6rem}.stage-gateway h3{margin:12px 0;font-size:2rem}.stage-gateway p{max-width:430px;margin:0;color:#ced3db;line-height:1.8}.stage-gateway__arrow{position:absolute;right:38px;bottom:38px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:transform .18s ease,background .18s ease}.stage-gateway__arrow svg{width:21px}.stage-gateway:hover .stage-gateway__arrow{transform:translate(5px);background:#ffffff1a}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:#131923;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.course-card:hover{transform:translateY(-7px);border-color:#f28c8461;box-shadow:0 20px 60px #0000003d}.course-card__link{display:block;height:100%;padding:12px}.course-card__body{padding:19px 10px 10px}.course-card__badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid var(--line-strong);border-radius:999px;color:#c7ced7;font-size:.68rem;font-weight:700}.badge--coral{border-color:#f28c8459;background:#f28c841a;color:#f4aaa4}.course-card h3{margin:14px 0 8px;font-size:1.13rem;line-height:1.45}.course-card__subtitle{min-height:46px;margin-bottom:17px;color:var(--muted);font-size:.82rem;line-height:1.65}.course-card__teacher{display:flex;align-items:center;gap:9px;color:#c8cdd5;font-size:.78rem}.avatar{--avatar-color: #5f83c4;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--avatar-color) 72%,white);border-radius:50%;background:color-mix(in srgb,var(--avatar-color) 65%,#111722);color:#fff;font-family:"Noto Serif TC",serif;font-size:1.05rem;font-weight:700}.avatar--small{width:28px;height:28px;border-width:1px;font-size:.72rem}.course-card__price{display:flex;align-items:baseline;gap:9px;margin-top:17px}.course-card__price strong{font-size:1.25rem}.course-card__price del{color:var(--muted-2);font-size:.73rem}.course-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:.69rem}.course-card__meta span{display:inline-flex;align-items:center;gap:4px}.course-card__meta svg{width:13px}.teacher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.teacher-grid--preview{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-card{min-width:0;display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.teacher-card--compact{grid-template-columns:1fr}.teacher-card__portrait{--teacher-accent: #5f83c4;position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--teacher-accent) 78%,#0d1119),#0f141e)}.teacher-card--compact .teacher-card__portrait{min-height:240px}.teacher-card__portrait:before{position:absolute;content:"";width:140px;height:175px;bottom:-15px;border-radius:75px 75px 0 0;background:#05080d6e}.teacher-card__portrait>span{z-index:1;transform:translateY(-22px);font-family:"Noto Serif TC",serif;font-size:4.5rem;color:#ffffffeb}.teacher-card__rings{position:absolute;width:200px;height:200px;border:1px solid rgba(255,255,255,.17);border-radius:50%}.teacher-card__rings:after{position:absolute;content:"";inset:25px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.teacher-card__body{padding:34px;align-self:center}.teacher-card__body h3{margin:10px 0 7px;font-size:1.45rem}.teacher-card__specialty{color:var(--gold)!important;font-size:.85rem;font-weight:600}.teacher-card__body p{color:var(--muted);font-size:.86rem;line-height:1.8}.teacher-card__body .text-link{margin-top:13px;font-size:.8rem}.belief-section{background:var(--bg-deep)}.belief-section__grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(60px,10vw,140px)}.belief-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:46% 54% 44% 56%/62% 45% 55% 38%;background:radial-gradient(circle at 50% 42%,rgba(242,140,132,.2),transparent 30%),radial-gradient(circle,#2f4f7f73,#0b0f16 66%)}.belief-visual__mark{font-family:Georgia,serif;font-size:12rem;font-style:italic;color:#ffffffd6}.belief-visual>span:last-child{position:absolute;bottom:52px;color:#ffffff73;font-size:.68rem;letter-spacing:.35em}.belief-visual__line{position:absolute;width:80%;height:80%;border:1px solid rgba(255,255,255,.12);border-radius:50%}.belief-visual__line--one{transform:rotate(24deg)}.belief-visual__line--two{transform:rotate(-31deg)}.belief-copy h2{margin:18px 0 25px;font-family:"Noto Serif TC",serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.45}.belief-copy>p{color:var(--muted);font-size:1rem;line-height:2}.check-list{margin:36px 0 0;padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);color:#d6dae1}.check-list li span{color:var(--coral);font-family:Georgia,serif}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:transform .22s ease,border-color .22s ease}.article-card:hover{transform:translateY(-5px);border-color:#ffffff40}.article-card__visual{--article-accent: #385d97;position:relative;min-height:180px;display:flex;align-items:flex-end;padding:20px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--article-accent) 83%,black),#111722)}.article-card__visual:before{position:absolute;content:"";width:220px;height:220px;right:-70px;top:-70px;border:1px solid rgba(255,255,255,.19);border-radius:50%;box-shadow:0 0 0 34px #ffffff09,0 0 0 68px #ffffff05}.article-card__visual span{font-size:.72rem;font-weight:700;letter-spacing:.15em}.article-card__visual strong{position:absolute;right:20px;bottom:2px;font-family:Georgia,serif;font-size:5.5rem;color:#ffffff2b}.article-card__body{padding:24px}.article-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:.68rem}.article-card__meta span{display:flex;align-items:center;gap:5px}.article-card__meta svg{width:13px}.article-card h3{margin:18px 0 10px;font-size:1.12rem;line-height:1.6}.article-card__body>p{min-height:76px;color:var(--muted);font-size:.82rem;line-height:1.8}.article-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);color:#c2c8d1;font-size:.76rem}.icon-link{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:50%;background:transparent}.icon-link:hover{border-color:var(--coral);color:var(--coral)}.icon-link svg{width:16px}.closing-cta{background:radial-gradient(circle at 50% 0,rgba(47,79,127,.28),transparent 48%),var(--bg);text-align:center}.closing-cta__inner{padding:76px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1f2a3bd6,#0e121be0)}.closing-cta h2{margin:18px auto 12px;font-family:"Noto Serif TC",serif;font-size:clamp(2rem,4vw,3.6rem)}.closing-cta p{margin-bottom:30px;color:var(--muted)}.page-hero{position:relative;padding:106px 0 78px;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0e1420,#090c13)}.page-hero:before{position:absolute;content:"";inset:0;opacity:.18;background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:90px 100%;-webkit-mask-image:linear-gradient(90deg,transparent,black,transparent);mask-image:linear-gradient(90deg,transparent,black,transparent)}.page-hero__glow{position:absolute;width:450px;height:450px;right:5%;top:-270px;border-radius:50%;background:#f28c841c;filter:blur(5px)}.page-hero__inner{position:relative;text-align:center}.page-hero h1{margin:17px 0 15px;font-family:"Noto Serif TC",serif;font-size:clamp(3rem,6vw,5.7rem);letter-spacing:-.05em}.page-hero p{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.85}.stage-tabs{max-width:700px;margin:-30px auto 62px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;padding:7px;border:1px solid var(--line);border-radius:16px;background:#121823;box-shadow:var(--shadow)}.stage-tab{min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:1rem;font-weight:700}.stage-tab span{font-family:Georgia,serif;color:var(--muted-2)}.stage-tab--active{background:linear-gradient(135deg,var(--navy),#243d62);color:#fff;box-shadow:0 10px 26px #0000003d}.stage-tab--active span{color:var(--coral)}.course-library__layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:46px}.filter-sidebar{position:sticky;top:105px}.filter-group+.filter-group{margin-top:40px}.filter-group h2{margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.74rem;letter-spacing:.16em}.filter-button{width:100%;min-height:41px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.84rem;text-align:left}.filter-button:hover{background:#ffffff0a;color:var(--text)}.filter-button--active{background:#f28c8414;color:var(--coral);font-weight:700}.filter-button small{color:var(--muted-2)}.course-results__header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.course-results__header h2{margin:8px 0 0;font-size:1.6rem}.result-count{color:var(--muted);font-size:.78rem}.course-grid--results{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-filters{display:none}.empty-state{padding:80px 25px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:#ffffff05;text-align:center}.empty-state>strong{display:block;font-size:1.3rem}.empty-state p{color:var(--muted)}.course-detail-hero{padding:70px 0 76px;background:radial-gradient(circle at 75% 20%,rgba(47,79,127,.2),transparent 36%),linear-gradient(180deg,#0d121d,#090c13)}.course-detail-hero__grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px;color:var(--muted-2);font-size:.72rem}.breadcrumbs a:hover{color:var(--coral)}.course-detail-hero h1{margin:24px 0 17px;font-family:"Noto Serif TC",serif;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.25;letter-spacing:-.04em}.course-detail-hero__subtitle{color:#b9c0ca;font-size:1.06rem;line-height:1.8}.course-detail-hero__teacher{display:flex;align-items:center;gap:13px;margin-top:31px}.course-detail-hero__teacher div{display:flex;flex-direction:column;gap:3px}.course-detail-hero__teacher small{color:var(--muted);font-size:.68rem}.course-detail-hero__meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.course-detail-hero__meta span{display:grid;grid-template-columns:22px auto;align-items:center;column-gap:7px;color:var(--muted);font-size:.72rem}.course-detail-hero__meta svg{grid-row:span 2;width:18px;color:var(--coral)}.course-detail-hero__meta strong{color:var(--text);font-size:.95rem}.course-detail-hero__visual{position:relative}.course-detail-hero__visual .course-visual{min-height:450px;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.play-button{position:absolute;inset:50% auto auto 50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#090c138a;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,background .18s ease}.play-button:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--coral);color:#170c0e}.play-button svg{width:30px}.course-detail-hero__preview-label{position:absolute;right:24px;bottom:20px;color:#ffffff8c;font-size:.62rem;letter-spacing:.23em}.course-anchor-nav{position:sticky;z-index:35;top:76px;border-block:1px solid var(--line);background:#090c13eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.course-anchor-nav .container{display:flex;align-items:center;justify-content:center;gap:55px;min-height:61px}.course-anchor-nav a{color:var(--muted);font-size:.78rem;font-weight:600}.course-anchor-nav a:hover{color:var(--coral)}.course-detail-content__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:70px}.detail-section{padding:20px 0 95px}.detail-section+.detail-section{padding-top:72px;border-top:1px solid var(--line)}.detail-section h2{margin:16px 0 25px;font-family:"Noto Serif TC",serif;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.4}.detail-lead,.detail-section__description{color:var(--muted);font-size:1rem;line-height:2}.intro-panel{display:grid;grid-template-columns:70px 1fr;gap:20px;margin-top:22px;padding:27px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,#2f4f7f1f,#ffffff06)}.intro-panel__number{color:var(--coral);font-family:Georgia,serif;font-size:1.6rem}.intro-panel h3{margin-bottom:8px}.intro-panel p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.8}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.outcome-card{min-height:200px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.outcome-card span{color:var(--coral);font-family:Georgia,serif;font-size:1.7rem}.outcome-card p{margin:30px 0 0;line-height:1.75}.accordion-item{border-bottom:1px solid var(--line)}.accordion-item:first-child{border-top:1px solid var(--line)}.accordion-item__trigger{width:100%;min-height:76px;padding:17px 5px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;text-align:left;font-weight:700}.accordion-item__aside{display:flex;align-items:center;gap:15px;color:var(--muted);white-space:nowrap}.accordion-item__aside small{font-size:.68rem;font-weight:500}.accordion-item__aside svg{width:18px;transition:transform .18s ease}.accordion-item--open .accordion-item__aside svg{transform:rotate(180deg)}.accordion-item__content{padding:0 5px 25px;color:var(--muted);font-size:.88rem;line-height:1.85}.accordion-item__content>p:last-child{margin-bottom:0}.curriculum-description{margin-bottom:18px}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{min-height:48px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:7px 12px;border-radius:8px;color:#cbd1d9}.lesson-list li:nth-child(odd){background:#ffffff06}.lesson-index{color:var(--muted-2);font-family:Georgia,serif;font-size:.72rem}.lesson-list button{margin-left:10px;padding:4px 8px;border:1px solid rgba(242,140,132,.3);border-radius:999px;background:#f28c8414;color:var(--coral);font-size:.63rem}.lesson-list small{color:var(--muted-2)}.teacher-profile{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:43px;padding:32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.teacher-profile__portrait{--teacher-accent: #5f83c4;min-height:320px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:radial-gradient(circle,color-mix(in srgb,var(--teacher-accent) 70%,black),#0b0f17)}.teacher-profile__portrait span{font-family:"Noto Serif TC",serif;font-size:6rem}.teacher-profile h3{margin:10px 0 6px;font-size:1.7rem}.teacher-profile strong{color:var(--gold);font-size:.83rem}.teacher-profile p{margin-top:20px;color:var(--muted);line-height:1.85}.teacher-profile blockquote{margin:25px 0 0;padding:17px 0 17px 20px;border-left:2px solid var(--coral);color:#dce0e6;font-family:"Noto Serif TC",serif;line-height:1.7}.purchase-card{position:sticky;top:165px;padding:27px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(160deg,#1c2432,#111722);box-shadow:var(--shadow)}.purchase-card__price{display:flex;align-items:baseline;gap:10px;margin:15px 0 12px}.purchase-card__price strong{font-size:1.8rem}.purchase-card__price del{color:var(--muted-2);font-size:.76rem}.purchase-card>p{color:var(--muted);font-size:.8rem;line-height:1.7}.purchase-card .button{margin-top:10px}.purchase-card ul{margin:22px 0;padding:19px 0 0;border-top:1px solid var(--line);list-style:none}.purchase-card li{position:relative;padding:7px 0 7px 20px;color:#c5cbd3;font-size:.76rem}.purchase-card li:before{position:absolute;content:"✓";left:0;color:var(--coral)}.purchase-card>small{color:var(--muted-2);font-size:.64rem}.mobile-purchase-bar{display:none}.teachers-page{background:linear-gradient(180deg,var(--bg),#0c1018)}.articles-page .category-tabs{margin-bottom:45px}.category-tabs{display:flex;flex-wrap:wrap;gap:10px}.category-tab{min-height:42px;padding:0 19px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:.8rem}.category-tab--active{border-color:var(--coral);background:#f28c841a;color:var(--coral)}.article-results-header{margin-bottom:24px;padding-bottom:14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted-2);font-size:.68rem;letter-spacing:.18em}.article-results-header strong{color:var(--coral);font-family:Georgia,serif;font-size:1.2rem}.article-grid--page{grid-template-columns:repeat(3,1fr)}.faq-page__layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:85px}.faq-page aside{position:sticky;top:110px}.faq-page aside h2{margin:14px 0;font-family:"Noto Serif TC",serif;font-size:2rem}.faq-page aside p{color:var(--muted);line-height:1.8}.faq-page aside .button{margin-top:15px}.faq-page aside svg{width:17px}.my-courses-page{background:radial-gradient(circle at 50% 30%,rgba(47,79,127,.16),transparent 35%)}.empty-dashboard{padding:75px 30px;text-align:center}.empty-dashboard__visual{position:relative;width:180px;height:180px;margin:0 auto 38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,#2f4f7f54,#11172266)}.empty-dashboard__visual>svg{width:62px;color:var(--navy-light)}.empty-dashboard__spark{position:absolute;right:25px;top:20px;color:var(--coral);font-size:1.5rem}.empty-dashboard__line{position:absolute;inset:-15px;border:1px dashed rgba(255,255,255,.13);border-radius:50%}.empty-dashboard h2{margin:14px 0;font-family:"Noto Serif TC",serif;font-size:2.5rem}.empty-dashboard>p{max-width:590px;margin:0 auto;color:var(--muted);line-height:1.8}.empty-dashboard__actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.empty-dashboard__features{margin:65px auto 0;max-width:760px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.empty-dashboard__features span{padding:18px;border-right:1px solid var(--line);color:var(--muted);font-size:.74rem}.empty-dashboard__features span:last-child{border-right:0}.not-found-page{min-height:70vh;display:flex;align-items:center}.empty-state--large{max-width:740px}.empty-state--large>span{color:#f28c8438;font-family:Georgia,serif;font-size:8rem;line-height:1}.empty-state--large h1{margin:15px 0;font-size:2rem}.site-footer{padding:72px 0 26px;border-top:1px solid var(--line);background:#06080d}.site-footer__grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:55px}.footer-brand__logo{width:285px}.footer-brand__logo img{width:100%;height:auto}.footer-brand p{max-width:360px;margin-top:22px;color:var(--muted);font-size:.82rem;line-height:1.8}.site-footer h2{margin:7px 0 20px;color:#dce0e6;font-size:.78rem;letter-spacing:.12em}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:12px 0;color:var(--muted-2);font-size:.76rem}.site-footer a:hover{color:var(--coral)}.footer-contact p{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.76rem}.footer-contact svg{width:16px}.footer-note{color:#636c79;font-size:.65rem}.site-footer__bottom{margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#606976;font-size:.66rem}.demo-toast{position:fixed;z-index:100;left:50%;bottom:28px;min-width:min(440px,calc(100vw - 32px));min-height:54px;padding:10px 12px;display:flex;align-items:center;gap:12px;transform:translate(-50%,140%);opacity:0;border:1px solid var(--line-strong);border-radius:13px;background:#181f2bf7;color:var(--text);box-shadow:var(--shadow);font-size:.82rem;transition:transform .25s ease,opacity .25s ease}.demo-toast--visible{transform:translate(-50%);opacity:1}.demo-toast__icon{flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f28c8424;color:var(--coral);font-family:Georgia,serif;font-weight:700}.demo-toast button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:1.4rem}@media(max-width:1100px){:root{--container: min(100% - 36px, 960px)}.primary-nav{gap:18px}.brand-logo__desktop{width:230px}.home-hero__grid{grid-template-columns:1fr 1fr;gap:50px}.course-grid{grid-template-columns:repeat(2,1fr)}.teacher-grid--preview{grid-template-columns:repeat(3,1fr)}.teacher-card--compact .teacher-card__body{padding:25px}.article-grid{grid-template-columns:repeat(2,1fr)}.article-grid .article-card:last-child{display:none}.article-grid--page .article-card:last-child{display:block}.article-grid--page{grid-template-columns:repeat(2,1fr)}.course-detail-content__layout,.course-detail-hero__grid{gap:40px}.outcome-grid{grid-template-columns:1fr}.outcome-card{min-height:140px}.site-footer__grid{grid-template-columns:1.3fr .7fr .7fr}.footer-contact{grid-column:1 / -1}}@media(max-width:880px){:root{--container: min(100% - 32px, 760px)}.section{padding:85px 0}.brand-logo__desktop{width:215px}.menu-button{display:flex}.primary-nav{position:fixed;inset:76px 0 auto;padding:24px 22px 32px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateY(-130%);opacity:0;border-bottom:1px solid var(--line);background:#090c13fa;transition:transform .24s ease,opacity .24s ease}.primary-nav--open{transform:translateY(0);opacity:1}.nav-link{padding:16px 6px;border-bottom:1px solid var(--line)}.nav-link:after{display:none}.nav-login{margin-top:20px}.home-hero{padding-top:68px}.home-hero__grid{grid-template-columns:1fr}.home-hero__copy{text-align:center}.home-hero__copy>p{margin-inline:auto}.home-hero__actions,.home-hero__trust{justify-content:center}.hero-showcase{max-width:620px;margin-inline:auto;transform:none}.stage-gateways{grid-template-columns:1fr}.teacher-grid,.teacher-grid--preview{grid-template-columns:1fr 1fr}.teacher-grid--preview .teacher-card:last-child{display:none}.teacher-card{grid-template-columns:160px 1fr}.teacher-card--compact,.belief-section__grid{grid-template-columns:1fr}.belief-visual{max-width:520px;width:100%;margin:0 auto}.course-library__layout{grid-template-columns:1fr}.filter-sidebar{display:none}.mobile-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-28px 0 40px}.mobile-filters label{color:var(--muted);font-size:.68rem;font-weight:700}.mobile-filters select{width:100%;height:46px;margin-top:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text)}.course-detail-hero__grid{grid-template-columns:1fr}.course-detail-hero__copy{order:2}.course-detail-hero__visual{order:1}.course-detail-hero__visual .course-visual{min-height:390px}.course-detail-content__layout{grid-template-columns:1fr}.purchase-card{display:none}.mobile-purchase-bar{position:fixed;z-index:45;inset:auto 0 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-strong);background:#0e121bf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-purchase-bar div{display:flex;flex-direction:column}.mobile-purchase-bar small{color:var(--muted);font-size:.62rem}.mobile-purchase-bar strong{font-size:1rem}.mobile-purchase-bar .button{min-height:42px}.teacher-profile{grid-template-columns:200px 1fr}.faq-page__layout{grid-template-columns:1fr;gap:50px}.faq-page aside{position:static}.site-footer{padding-bottom:96px}.site-footer__grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-contact{grid-column:1 / -1}}@media(max-width:620px){:root{--container: calc(100% - 28px) }.section{padding:70px 0}.site-header{height:68px}.primary-nav{inset-block-start:68px}.brand-logo__desktop{display:none}.brand-logo__mobile{width:min(220px,calc(100vw - 105px));height:50px;display:flex;align-items:center;overflow:hidden}.brand-logo__mobile img{width:100%;height:100%;object-fit:contain;object-position:left center}.menu-button{width:42px;height:42px}.home-hero{min-height:auto;padding:64px 0 75px}.home-hero__copy h1{margin-top:20px;font-size:3rem}.home-hero__copy>p{font-size:.95rem;line-height:1.85}.home-hero__actions{flex-direction:column;align-items:stretch}.home-hero__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.home-hero__trust span{padding:0 7px}.hero-showcase{padding:12px;border-radius:22px}.hero-showcase:before,.floating-note{display:none}.hero-showcase .course-visual{min-height:240px}.hero-showcase__info{padding:20px 7px 6px}.hero-showcase__info h2{font-size:1.25rem}.hero-showcase__stats{flex-wrap:wrap;gap:10px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:2rem}.section-heading__action{margin-top:20px}.stage-gateways{margin-top:35px}.stage-gateway{min-height:280px;padding:35px 28px}.stage-gateway__number{right:22px;top:23px;font-size:4.2rem}.stage-gateway__arrow{right:25px;bottom:27px}.stage-gateway p{padding-right:50px;font-size:.85rem}.course-grid,.course-grid--results,.teacher-grid,.teacher-grid--preview{grid-template-columns:1fr}.teacher-grid--preview .teacher-card:last-child{display:grid}.teacher-card,.teacher-card--compact{grid-template-columns:1fr}.teacher-card__portrait,.teacher-card--compact .teacher-card__portrait{min-height:240px}.belief-visual{min-height:370px}.belief-visual__mark{font-size:8rem}.belief-copy h2{font-size:2.1rem}.check-list li{align-items:flex-start;font-size:.85rem}.article-grid,.article-grid--page{grid-template-columns:1fr}.article-grid .article-card:last-child{display:block}.closing-cta__inner{padding:54px 18px}.page-hero{padding:75px 0 56px}.page-hero h1{font-size:3rem}.stage-tabs{margin:-18px 0 45px}.stage-tab{min-height:57px;font-size:.88rem}.mobile-filters{margin-top:-20px}.course-results__header{align-items:flex-start}.course-detail-hero{padding:30px 0 55px}.course-detail-hero__visual .course-visual{min-height:270px}.course-detail-hero h1{font-size:2.55rem}.course-detail-hero__meta{gap:15px}.course-anchor-nav{top:68px;overflow-x:auto}.course-anchor-nav .container{width:max-content;min-width:100%;justify-content:flex-start;gap:30px;padding:0 18px}.course-detail-content{padding-top:55px}.detail-section{padding-bottom:65px}.detail-section+.detail-section{padding-top:55px}.detail-section h2{font-size:2rem}.intro-panel{grid-template-columns:45px 1fr;padding:20px}.lesson-list li{grid-template-columns:27px 1fr auto;padding-inline:4px;font-size:.78rem}.lesson-list button{display:block;width:fit-content;margin:5px 0 0}.teacher-profile{grid-template-columns:1fr;padding:22px}.teacher-profile__portrait{min-height:260px}.article-results-header{margin-top:20px}.empty-dashboard{padding-inline:5px}.empty-dashboard h2{font-size:2rem}.empty-dashboard__actions{flex-direction:column}.empty-dashboard__features{grid-template-columns:1fr 1fr}.empty-dashboard__features span:nth-child(2){border-right:0}.empty-dashboard__features span:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-footer__grid{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-brand__logo{width:240px}.site-footer__bottom{gap:14px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}