:root{--benji-font-sans:Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}html,body{overscroll-behavior-y:none}html{font-family:var(--benji-font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,textarea,select{font-family:inherit}:root{--home-ink:#f4f4f2;--home-muted:#a9adb5;--home-accent:#e7c07a;--home-accent-strong:#f3d59c;--home-line:#ffffff1f;--home-surface:#121316;--home-canvas:#121316;--home-soft:#1c1e23;--home-raised:#2a2d33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--benji-font-sans);background:var(--home-surface)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--home-surface)}body{min-width:320px;color:var(--home-ink);background:var(--home-surface);margin:0;overflow-x:clip}body,button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #fff}.dark-home{--dark-header-height:64px;--dark-inline:clamp(20px, 3.4vw, 68px);--dark-ease:cubic-bezier(.16, 1, .3, 1);width:100%;min-width:0;max-width:100%;min-height:100svh;padding-top:var(--dark-header-height);background:var(--home-surface)}.dark-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.dark-hero{z-index:0;width:100%;padding:10px var(--dark-inline) 0;position:relative}.dark-hero__frame{width:min(100%, calc((100svh - var(--dark-header-height) - 120px) * 2.4));background:#0d0f13;border-radius:24px;margin-inline:auto;position:relative;overflow:hidden}.dark-hero__slides{aspect-ratio:2.4;width:100%;display:grid}.dark-hero__slide{opacity:0;visibility:hidden;background:#0d0f13;grid-area:1/1;min-width:0;transition:opacity .62s,visibility 0s linear .62s;position:relative;overflow:hidden}.dark-hero__slide--active{opacity:1;visibility:visible;transition:opacity .62s,visibility}.dark-hero picture{display:block;position:absolute;inset:0}.dark-hero picture img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.dark-home img.dark-artwork--contain{object-fit:contain;background:#061119}.dark-hero__content{z-index:1;position:absolute;bottom:clamp(16px,2.4vw,36px);left:clamp(16px,2.4vw,36px)}.dark-hero__facts,.dark-hero__summary{display:none}.dark-hero__facts{color:#fff;flex-wrap:wrap;margin:0;padding:0;font-size:14px;font-weight:600;line-height:1.5;list-style:none}.dark-hero__facts li+li:before{color:#ffffff80;content:"•";margin-inline:10px}.dark-hero__summary{color:#eceded;max-width:34em;margin:6px 0 0;font-size:15px;line-height:1.55}.dark-hero__actions{flex-wrap:wrap;gap:12px;display:flex}.dark-hero__action{color:#fff;background:#fff3;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 26px;font-size:17px;font-weight:700;transition:background-color .16s;display:inline-flex}.dark-hero__action:hover{background:#ffffff4d}.dark-hero__action--primary{color:#111;background:#fff}.dark-hero__action--primary:hover{background:#dedfe2}.dark-hero__action svg{width:22px;height:22px}.dark-hero__pager{z-index:2;align-items:center;display:flex;position:absolute;bottom:clamp(10px,1.2vw,20px);right:clamp(12px,1.4vw,26px)}.dark-hero__pager button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.dark-hero__pager button>span{background:#ffffff6b;border-radius:999px;width:10px;height:6px;transition:background-color .16s;display:block;overflow:hidden}.dark-hero__pager button:hover>span{background:#ffffffbf}.dark-hero__pager button[aria-current=true]>span{width:34px}.dark-hero__pager i{border-radius:inherit;transform-origin:0;background:#fff;height:100%;animation:7s linear both dark-hero-timer;display:block}.dark-hero[data-paused] .dark-hero__pager i,body[data-scroll-locked] .dark-hero__pager i{animation-play-state:paused}body:has(.auth-dialog-overlay) .dark-hero__pager i{animation-play-state:paused}@keyframes dark-hero-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dark-courses{z-index:1;background:var(--home-canvas);scroll-margin-top:var(--dark-header-height);padding-top:clamp(32px,3vw,48px);padding-bottom:clamp(24px,2.4vw,40px);position:relative}.dark-courses__title{margin:0 var(--dark-inline) 14px;color:var(--home-ink);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(20px,1.6vw,28px);font-weight:700;line-height:1.3}.dark-rail{position:relative}.dark-rail__track{padding:8px var(--dark-inline) 14px;overscroll-behavior-x:contain;scroll-padding-inline:var(--dark-inline);scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-flow:column;gap:clamp(12px,1.1vw,20px);display:grid;overflow-x:auto}.dark-rail__track::-webkit-scrollbar{display:none}.dark-rail__track>*{scroll-snap-align:start}.dark-rail__track--courses{grid-auto-columns:calc(50% - clamp(12px,1.1vw,20px)/2)}.dark-rail__arrow{z-index:3;width:var(--dark-inline);color:#fff;cursor:pointer;opacity:0;background:#121316b8;border:0;place-items:center;min-width:44px;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;top:8px;bottom:14px}.dark-rail:hover .dark-rail__arrow,.dark-rail__arrow:focus-visible{opacity:1}.dark-rail__arrow:hover{background:#121316e6}.dark-rail__arrow svg{width:26px;height:26px}.dark-rail__arrow--start{left:0}.dark-rail__arrow--end{right:0}@media (hover:none){.dark-rail__arrow{display:none}}.dark-course-card{--dark-course-card-radius:16px;border-radius:var(--dark-course-card-radius);background:var(--home-soft);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-width:0;transition:background-color .18s;display:grid;overflow:hidden}a.dark-course-card:hover{background:var(--home-raised)}.dark-course-card__media{aspect-ratio:16/9;position:relative;overflow:hidden}.dark-course-card__media picture,.dark-course-card__media img{width:100%;height:100%;display:block}.dark-course-card__media img{object-fit:cover;transition:transform .42s var(--dark-ease)}a.dark-course-card:hover .dark-course-card__media img{transform:scale(1.04)}.dark-course-card__body{flex-direction:column;min-width:0;padding:clamp(14px,1.3vw,24px);display:flex}.dark-course-card__instructor{color:var(--home-muted);margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.dark-course-card h3{color:var(--home-ink);letter-spacing:-.01em;margin:0;font-size:clamp(17px,1.3vw,22px);font-weight:700;line-height:1.4}.dark-course-card__progress{gap:8px;margin-top:auto;padding-top:14px;display:grid}.dark-course-card__progress-summary{color:var(--home-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.dark-course-card__progress-summary strong{color:var(--home-ink);font-size:inherit;font-variant-numeric:tabular-nums lining-nums;flex:none;font-weight:700}.dark-course-card__progress-counts{min-width:0;color:var(--home-muted);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;align-items:center;gap:7px;margin:0;display:flex}.dark-course-card__progress-counts svg{flex:none;width:12px;height:14px}.dark-course-card__progress-percentage{white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;margin:0}.dark-course-card__progress-track{background:#ffffff24;border-radius:999px;height:8px;overflow:hidden}.dark-course-card__progress-track>span{border-radius:inherit;background:var(--home-accent);height:100%;display:block}.dark-course-card__meta{margin-top:12px}.dark-course-card__meta>strong:not(.dark-course-card__price){color:var(--home-muted);font-size:14px;font-weight:600}.dark-course-card__price{color:var(--home-ink);font-variant-numeric:tabular-nums lining-nums;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:clamp(18px,1.5vw,24px);font-weight:750;line-height:1.2;display:flex}.dark-course-card__price del{color:var(--home-muted);font-size:13px;font-weight:600}@media (width<=1180px){.dark-course-card{grid-template-columns:1fr}.dark-course-card__body{min-height:160px}}@media (width<=900px){.dark-hero__frame{border-radius:18px}.dark-hero__slides{aspect-ratio:auto;min-height:0;max-height:none}.dark-hero__frame{width:100%}.dark-hero picture{aspect-ratio:16/9;position:relative;inset:auto}.dark-hero picture img{aspect-ratio:16/9;height:auto}.dark-hero__content{width:100%;padding:14px 16px 52px;position:static}.dark-hero__facts{margin-top:0;font-size:14px;display:flex}.dark-hero__summary{display:block}.dark-hero__pager{justify-content:center;bottom:2px;left:0;right:0}.dark-rail__track--courses{grid-auto-columns:min(78vw,420px)}}@media (width<=620px){.dark-home{--dark-header-height:58px;--dark-inline:16px}.dark-hero{padding-top:6px}.dark-hero__facts li+li:before{margin-inline:7px}.dark-hero__facts li:nth-child(3){display:none}.dark-hero__summary{margin-top:6px;font-size:15px}.dark-hero__actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:14px;display:grid}.dark-hero__action{min-height:46px;padding-inline:12px;font-size:15px}.dark-hero__action svg{width:18px;height:18px}.dark-rail__track--courses{grid-auto-columns:84vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dark-hero__slide,.dark-hero__slide--active,.dark-course-card__media img{transition:none}.dark-hero__pager i{animation:none;transform:none}}