.preview-banner{z-index:105;color:#fff;background:#1f2430;border-left:4px solid #f5b800;border-radius:12px;align-items:center;gap:12px;max-width:min(560px,100vw - 32px);padding:10px 10px 10px 14px;font:500 14px/1.5 system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 6px 24px #00000047}.preview-banner[data-preview-state=ended]{border-left-color:#9aa3b2}.preview-banner__text{margin:0}.preview-banner__form{flex:none;margin:0}.preview-banner__btn{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:8px;padding:6px 14px}.preview-banner__btn:hover{background:#ffffff1f}.preview-banner__btn:focus-visible{outline-offset:2px;outline:3px solid #f5b800}@media (max-width:860px){.preview-banner{bottom:calc(66px + env(safe-area-inset-bottom) + 10px);max-width:calc(100vw - 102px)}}@media print{.preview-banner{display:none}}
[data-site-variant]{--site-primary:#b8860b;--site-primary-fg:#fff;--edu-primary:var(--site-primary);--edu-primary-fg:var(--site-primary-fg);--edu-radius-sm:12px;--edu-line-btn:#06c755;--edu-touch:44px;--edu-container:1080px;--edu-text-2xl:30px;--edu-text-3xl:50px;--edu-px-yellow:#f5b82e;--edu-px-orange:#f28c28;--edu-px-red:#e5484d;--edu-px-pink:#f06292;--edu-px-green:#3dbe7a;--edu-px-blue:#3b82f6;--edu-px-sky:#7cc4f5;--edu-px-navy:#23324a;--edu-px-purple:#8b5cf6;--edu-px-brown:#8b5a2b;--edu-px-cream:#fff1d6;font-family:var(--font-sans,"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif);background:var(--edu-bg);color:var(--edu-ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}[data-site-variant=lively]{--edu-bg:#fff;--edu-surface:#fff;--edu-ink:#26221b;--edu-muted:#7a756b;--edu-line:#f0ede6;--edu-chip:#fdf3dc;--edu-radius:24px;--edu-btn-radius:999px;--edu-shadow:0 14px 40px #b8860b24;--edu-hero-bg:radial-gradient(900px 420px at 15% 0%, #fdeecb 0%, transparent 60%), radial-gradient(700px 380px at 95% 10%, #ffe3d0 0%, transparent 55%), #fff;--edu-hero-ink:#26221b}[data-site-variant=warm]{--edu-bg:#faf6ef;--edu-surface:#fff;--edu-ink:#3d3529;--edu-muted:#8a7f6e;--edu-line:#efe7d8;--edu-chip:#f5ebd8;--edu-radius:18px;--edu-btn-radius:14px;--edu-shadow:0 10px 30px #785a141a;--edu-hero-bg:linear-gradient(160deg, #faf6ef 0%, #f5ebd8 100%);--edu-hero-ink:#3d3529}[data-site-variant=pro]{--edu-bg:#f5f6f8;--edu-surface:#fff;--edu-ink:#1b2430;--edu-muted:#66707d;--edu-line:#e4e7ec;--edu-chip:#edf0f4;--edu-radius:10px;--edu-btn-radius:8px;--edu-shadow:0 2px 10px #141e3212;--edu-hero-bg:linear-gradient(170deg, #16202e 0%, #243447 100%);--edu-hero-ink:#f4f6f9}[data-site-variant=minimal]{--edu-bg:#f9fafb;--edu-surface:#fff;--edu-ink:#111827;--edu-muted:#6b7280;--edu-line:#e5e7eb;--edu-chip:#f3f4f6;--edu-radius:12px;--edu-btn-radius:10px;--edu-shadow:0 1px 3px #0000000f;--edu-hero-bg:#f9fafb;--edu-hero-ink:#111827}[data-site-variant] *,[data-site-variant] :before,[data-site-variant] :after{box-sizing:border-box}[data-site-variant] a{text-decoration:none}[data-site-variant] a:where(:not([class])){color:inherit}[data-site-variant] h1,[data-site-variant] h2,[data-site-variant] h3,[data-site-variant] p,[data-site-variant] figure{margin:0}.edu-container{max-width:var(--edu-container);margin:0 auto;padding:0 24px}.edu-btn{min-height:var(--edu-touch);border-radius:var(--edu-btn-radius);cursor:pointer;white-space:nowrap;background:var(--site-accent,var(--site-primary));color:var(--site-primary-fg);box-shadow:var(--edu-shadow);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.edu-btn--ghost{color:inherit;border-color:var(--edu-line);box-shadow:none;background:0 0}.edu-btn--line{background:var(--edu-line-btn);color:#fff}.edu-btn--sm{min-height:40px;padding:0 20px;font-size:14px}.edu-card{background:var(--edu-surface);border:1px solid var(--edu-line);border-radius:var(--edu-radius);box-shadow:var(--edu-shadow);color:var(--edu-ink);position:relative}.edu-card__corner{opacity:.9;pointer-events:none;position:absolute;top:12px;right:12px}.edu-chip{background:var(--edu-chip);min-height:30px;color:var(--edu-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.edu-chip--primary{background:var(--site-primary);color:var(--site-primary-fg)}.edu-eyebrow{color:var(--edu-primary);letter-spacing:.08em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.edu-eyebrow:before{content:"";background:var(--edu-primary);border-radius:999px;width:18px;height:3px}.edu-sec-title{font-size:var(--edu-text-2xl);letter-spacing:.01em;text-wrap:pretty;font-weight:900;line-height:1.3}.edu-sec-sub{color:var(--edu-muted);text-wrap:pretty;max-width:720px;font-size:15px;line-height:1.8}.edu-sec-head{flex-direction:column;gap:10px;display:flex}.edu-sec-head__row{align-items:center;gap:14px;display:flex}.edu-section{isolation:isolate;padding:48px 0;position:relative;overflow:clip}.edu-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 40% at 85% 15%, color-mix(in oklab, var(--edu-primary) 16%, transparent), transparent 70%), radial-gradient(40% 35% at 10% 90%, color-mix(in oklab, var(--edu-primary) 9%, transparent), transparent 70%);position:absolute;inset:-25% 0}.edu-section__inner{flex-direction:column;gap:28px;display:flex}.edu-section__decor{right:max(24px, calc((100% - var(--edu-container)) / 2 + 24px));top:40px}.edu-px{vertical-align:middle;display:inline-block}.edu-px svg{shape-rendering:crispedges;display:block}.edu-sprite{pointer-events:none;position:absolute}.edu-sprite--soft{opacity:.7}.edu-px-dots{pointer-events:none;opacity:.55;background-image:radial-gradient(color-mix(in oklab, var(--edu-primary) 28%, transparent) 1.5px, transparent 1.6px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 85%);mask-image:linear-gradient(#000000e6,#0000 85%)}.edu-px-strip{background-image:linear-gradient(90deg, var(--edu-px-yellow) 0 25%, var(--edu-px-green) 25% 50%, var(--edu-px-blue) 50% 75%, var(--edu-px-pink) 75% 100%);opacity:.85;background-size:32px 8px;height:8px}.edu-px-strip--thin{opacity:.6;background-size:16px 4px;height:4px}.edu-px-wave{opacity:.85;width:100%;height:24px;display:block}.edu-nav-bar{box-shadow:inset 0 -3px 0 var(--site-secondary,transparent)}.edu-nav{justify-content:space-between;align-items:center;gap:22px;padding:18px 24px;display:flex}.edu-nav__right{align-items:center;gap:22px;display:flex}.edu-brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.edu-brand__mark{background:var(--site-primary);width:36px;height:36px;color:var(--site-primary-fg);object-fit:contain;border-radius:11px;place-items:center;font-size:15px;font-weight:900;display:grid}.edu-nav__links{color:var(--edu-muted);align-items:center;gap:24px;font-size:14px;font-weight:500;display:flex}.edu-nav__links a:hover{color:var(--edu-primary)}.edu-nav__actions{align-items:center;gap:10px;display:flex}.edu-hero{background:var(--edu-hero-bg);color:var(--edu-hero-ink);position:relative;overflow:hidden}.edu-hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding:64px 24px 80px;display:grid;position:relative}.edu-hero__grid--solo{text-align:center;grid-template-columns:minmax(0,1fr)}.edu-hero__grid--solo .edu-hero__copy{align-items:center}.edu-hero__copy{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.edu-hero__tags{flex-wrap:wrap;gap:8px;display:flex}.edu-hero__title{font-size:var(--edu-text-3xl);letter-spacing:.01em;text-wrap:balance;font-weight:900;line-height:1.22}.edu-hero__lead{opacity:.85;text-wrap:pretty;white-space:pre-line;max-width:520px;font-size:17px;line-height:1.9}.edu-hero__cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.edu-hero__side{flex-direction:column;gap:14px;display:flex;position:relative}.edu-hero__photo{padding:10px;overflow:hidden}.edu-hero__photo img,.edu-hero__photo svg{aspect-ratio:16/13;object-fit:cover;border-radius:16px;width:100%;display:block}.edu-hero__minis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.edu-mini{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.edu-mini__t{font-size:12px;font-weight:700}.edu-mini__s{color:var(--edu-muted);font-size:11px}.edu-grid{gap:18px;display:grid}.edu-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.edu-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.edu-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-grid--1{grid-template-columns:minmax(0,1fr)}.edu-course{flex-direction:column;gap:12px;padding:24px 22px;display:flex}.edu-course__head{align-items:center;gap:12px;display:flex}.edu-ic{background:var(--edu-chip);border-radius:14px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.edu-course__grade{color:var(--edu-muted);font-size:12px;font-weight:700}.edu-course__name{font-size:18px;font-weight:800}.edu-course__desc{color:var(--edu-muted);white-space:pre-line;font-size:14px;line-height:1.8}.edu-course__tags{flex-wrap:wrap;gap:6px;display:flex}.edu-teacher{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 22px;display:flex}.edu-teacher__avatar{background:var(--edu-chip);border-radius:20px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.edu-teacher__avatar img{object-fit:cover;width:100%;height:100%}.edu-teacher__id{flex-direction:column;gap:4px;display:flex}.edu-teacher__name{font-size:17px;font-weight:800}.edu-teacher__sub{color:var(--edu-muted);font-size:13px}.edu-teacher__quote{color:var(--edu-muted);font-size:14px;line-height:1.8}.edu-feature{flex-direction:column;gap:12px;padding:24px 22px;display:flex}.edu-feature h3{font-size:16px;font-weight:800}.edu-feature p{color:var(--edu-muted);white-space:pre-line;font-size:13.5px;line-height:1.8}.edu-photo{flex-direction:column;gap:8px;margin:0;padding:10px;display:flex}.edu-photo img{aspect-ratio:16/13;object-fit:cover;border-radius:16px;width:100%;display:block}.edu-photo figcaption{color:var(--edu-muted);padding:0 6px 4px;font-size:13px}.edu-stat-band{flex-direction:column;gap:22px;display:flex}.edu-stat-band__deco{justify-content:center;gap:10px;display:flex}.edu-stat{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;display:flex}.edu-stat__n{color:var(--edu-primary);font-size:34px;font-weight:900;line-height:1}.edu-stat__l{color:var(--edu-muted);font-size:14px}.edu-rich{flex-direction:column;gap:10px;display:flex}.edu-rich__body{white-space:pre-line;max-width:760px;color:var(--edu-ink);line-height:1.95}.edu-faq{flex-direction:column;padding:4px 0;display:flex}.edu-faq details{padding:18px 22px}.edu-faq details+details{border-top:1px solid var(--edu-line)}.edu-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:700;list-style:none;display:flex}.edu-faq summary::-webkit-details-marker{display:none}.edu-faq summary:after{content:"";border-right:2px solid var(--edu-muted);border-bottom:2px solid var(--edu-muted);flex:none;width:8px;height:8px;transition:transform .15s;transform:rotate(45deg)}.edu-faq details[open] summary:after{border-color:var(--edu-primary);transform:rotate(-135deg)}.edu-faq p{color:var(--edu-muted);white-space:pre-line;margin-top:8px;font-size:14px;line-height:1.85}.edu-contact{background:var(--edu-hero-bg);color:var(--edu-hero-ink);grid-template-columns:1.1fr .9fr;gap:32px;padding:44px 48px;display:grid;position:relative;overflow:hidden}.edu-contact--solo{grid-template-columns:minmax(0,1fr)}.edu-contact__copy{flex-direction:column;gap:18px;display:flex;position:relative}.edu-contact__rows{flex-direction:column;gap:10px;display:flex}.edu-info-row{align-items:flex-start;gap:12px;font-size:14px;line-height:1.7;display:flex}.edu-info-row .edu-px{flex:none;margin-top:2px}.edu-contact__map{flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.edu-contact__map iframe{aspect-ratio:4/3;border:0;border-radius:16px;width:100%;display:block}.edu-cta-final{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;display:flex}.edu-footer__inner{color:var(--edu-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px;font-size:13px;display:flex}.edu-footer{border-top:1px solid var(--site-secondary,var(--edu-line));margin-top:20px}.edu-footer__brand{align-items:center;gap:10px;display:inline-flex}.edu-footer__links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.edu-footer__links a{text-decoration:underline}.s-maintenance{text-align:center;place-items:center;min-height:60vh;padding:40px 24px;display:grid}@media (max-width:720px){.edu-container{padding:0 20px}.edu-nav{padding:14px 20px}.edu-nav__links{display:none}.edu-hero__grid{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 20px 56px}.edu-hero__title{font-size:34px}.edu-grid--4,.edu-grid--3,.edu-grid--2{grid-template-columns:minmax(0,1fr)}.edu-sec-title{font-size:26px}.edu-hero__cta{flex-direction:column;align-items:stretch}.edu-hero__cta .edu-btn{width:100%}.edu-contact{grid-template-columns:minmax(0,1fr);padding:32px 24px}.edu-footer__inner{flex-direction:column;align-items:flex-start}.edu-sprite--desk{display:none}}.edu-hero__frame,.edu-photo__frame{border-radius:16px;overflow:hidden}.edu-hero .edu-px-dots{inset:-14% 0 0}@media (prefers-reduced-motion:no-preference){[data-reveal].is-pending .edu-eyebrow:before{transform-origin:0;scale:0 1}[data-reveal].is-revealed .edu-eyebrow:before{transform-origin:0;animation:reveal-line .8s cubic-bezier(.22, .61, .36, 1) calc(var(--reveal-delay,0s) + .25s) backwards}}