.sunl-site {--sunl-teal:#009d94;--sunl-mint:#e5f6f5;--sunl-text:#212121;--sunl-muted:#6b6b6b;--sunl-yellow:#f5ce13;--sunl-cream:#ffffc8;--sunl-line:#d9d9d9;--sunl-background:#f9faf8;color:var(--sunl-text);font-family:'Noto Sans TC',sans-serif;font-size:18px;line-height:1.8;background:#fff}
.sunl-site * {box-sizing:border-box}
.sunl-site.sunl-site :is(h1,h2,h3,h4,h5,h6,p,ul,ol) {margin:0}
.sunl-site a {color:inherit;text-decoration:none}
.sunl-site a:hover {color:var(--sunl-teal)}
.sunl-site img {display:block;max-width:100%;height:auto}
.sunl-site button,.sunl-site input,.sunl-site select,.sunl-site textarea {font:inherit}
.sunl-site :focus-visible {outline:3px solid #d1aa00;outline-offset:4px}
.sunl-container {max-width:1280px;width:calc(100% - 64px);margin:0 auto}
.sunl-skip {position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:99999}.sunl-skip:focus {top:50px}
.sunl-header {max-width:1280px;width:calc(100% - 64px);margin:auto;min-height:94px;padding:24px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;position:relative;z-index:10}
.sunl-logo {width:199px;flex-shrink:0}.sunl-logo img {width:100%;height:70px;object-fit:contain}
.sunl-navigation {display:flex;gap:28px;align-items:center;border-radius:999px;padding:12px 24px;background:rgba(255,255,255,.94);box-shadow:0 3px 18px #d3e5e42e;font-size:16px;font-weight:600}
.sunl-navigation .sunl-account-link {font-size:16px;padding:9px 20px;white-space:nowrap;color:#fff}
.sunl-menu-toggle {display:none;background:white;border:1px solid var(--sunl-teal);color:var(--sunl-teal);border-radius:25px;padding:8px 15px}
.sunl-button {display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:999px;background:var(--sunl-teal);color:white!important;padding:12px 26px;border:1.5px solid var(--sunl-teal);font-weight:500;line-height:1.3;text-align:center;font-size:18px;cursor:pointer;transition:background .15s,transform .15s}
.sunl-button:hover {background:#007f78;transform:translateY(-1px)}
.sunl-button.sunl-outline {background:white;color:var(--sunl-teal)!important}.sunl-button.sunl-outline:hover {background:var(--sunl-mint)}
.sunl-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sunl-between {justify-content:space-between}
.sunl-hero {position:relative;max-width:1760px;width:calc(100% - 160px);margin:-98px auto 0;border-radius:0 0 80px 80px;padding:178px 0 120px;background-image:url('images/home-header.png');background-position:center;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden}
.sunl-hero .sunl-container {width:calc(100% - 96px)}
.sunl-hero-grid {display:grid;grid-template-columns:minmax(0,732px) minmax(0,541px);gap:7px;min-height:467px;align-items:start}
.sunl-site .sunl-hero-copy h1 {font-size:52px;line-height:1.4;color:var(--sunl-teal);font-weight:700;letter-spacing:-.02em}
.sunl-site .sunl-hero-copy p {font-size:20px;line-height:1.8;margin-top:32px;max-width:732px}
.sunl-hero-copy .sunl-actions {margin-top:60px}.sunl-hero-copy .sunl-button {padding:16px 32px}
.sunl-hero-art {position:relative;aspect-ratio:541/467;width:100%;max-width:541px;align-self:end}
.sunl-hero-art img {position:absolute;object-fit:contain;pointer-events:none}
.sunl-art-bird {width:19.04%;height:19.91%;top:0;left:0}
.sunl-art-standing {width:33.09%;height:87.58%;top:12.2%;left:66.91%;transform:scaleX(-1)}
.sunl-art-crouching {width:46.95%;height:65.10%;top:34.90%;left:0;transform:scaleX(-1)}
.sunl-art-child {width:36.04%;height:54.17%;top:45.61%;left:46.95%;transform:scaleX(-1)}
.sunl-art-yellow-bubble {width:43.62%;height:32.55%;top:3.64%;left:27.54%}
.sunl-art-green-bubble {width:20.33%;height:22.27%;top:27.84%;left:41.22%;transform:scaleX(-1)}
.sunl-section {padding:120px 0;position:relative}
.sunl-home-sections {background:#fff}.sunl-home-intro {background:url('images/mesh.png') center/100% 100% no-repeat}.sunl-home-programs {background:url('images/courses-paper.png') center/100% 100% no-repeat}
.sunl-section-heading {text-align:center;margin-bottom:60px}.sunl-eyebrow {display:inline-block;color:var(--sunl-teal);background:var(--sunl-mint);padding:4px 14px;border-radius:99px;font-size:15px;font-weight:500;line-height:1.2}
.sunl-site .sunl-section-heading h2 {font-size:40px;font-weight:700;line-height:1.3;margin-top:8px}
.sunl-teal {color:var(--sunl-teal)}
.sunl-about-grid {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sunl-about-grid .sunl-section-heading {text-align:left;margin-bottom:32px}
.sunl-site .sunl-about-grid h3 {font-size:24px;font-weight:500;margin-bottom:32px;line-height:1.5}
.sunl-site .sunl-about-grid p {color:var(--sunl-muted);margin-bottom:32px}
.sunl-about-photo {width:100%;border-radius:16px;aspect-ratio:588/431;object-fit:cover}
.sunl-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.sunl-stats>div {display:flex;flex-direction:column;gap:4px}.sunl-stats strong {font-size:40px;color:var(--sunl-teal);line-height:1.2}.sunl-stats span {font-size:15px;color:var(--sunl-muted)}
.sunl-test {display:inline-block!important;background:#fff4ce;color:#805d00!important;font-size:12px!important;line-height:1.5!important;padding:3px 9px;border-radius:7px;border:1px solid #ead493;max-width:max-content;font-weight:500}
.sunl-social {display:flex;gap:16px}.sunl-social img {width:44px;height:44px;object-fit:contain}
.sunl-service-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sunl-service-card {border:1px solid #f1f4f3;background:#ffffffbc;box-shadow:0 6px 16px #004c4510;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:16px}
.sunl-service-card>img {width:100%;aspect-ratio:240/150;object-fit:contain}.sunl-service-audience {font-size:16px;color:var(--sunl-teal);font-weight:500}
.sunl-site .sunl-service-card h3 {font-size:24px;line-height:1.4}.sunl-site .sunl-service-card p {font-size:16px;color:var(--sunl-muted);line-height:1.7}
.sunl-service-card .sunl-button {align-self:flex-start;margin-top:auto;font-size:16px;padding:10px 19px}
.sunl-sustain-banner {margin-top:60px;background:var(--sunl-mint);border-radius:24px;padding:48px;position:relative;min-height:285px;overflow:hidden}
.sunl-sustain-banner>div {position:relative;z-index:1;width:75%}.sunl-site .sunl-sustain-banner h3 {font-size:28px;line-height:1.4;color:var(--sunl-teal);margin-bottom:20px}.sunl-site .sunl-sustain-banner p {margin-bottom:30px;font-size:18px}.sunl-sustain-banner>img {position:absolute;bottom:0;right:0;max-width:43%;max-height:78%;object-fit:contain;object-position:bottom right}
.sunl-filter-pills {display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:60px}.sunl-filter-pills a {border:1px solid #d7dddc;background:white;border-radius:99px;line-height:1.4;padding:10px 24px;font-size:18px;font-weight:500}.sunl-filter-pills a[aria-current],.sunl-filter-pills a:hover {background:var(--sunl-teal);color:white;border-color:var(--sunl-teal)}
.sunl-course-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.sunl-course-card {overflow:hidden;border-radius:20px;background:white;box-shadow:0 4px 16px #005e5510;border:1px solid #edf1f0}.sunl-course-cover img {width:100%;aspect-ratio:16/9;object-fit:cover}.sunl-course-card-body {padding:24px}.sunl-course-card-body>.sunl-test {margin-bottom:8px}.sunl-course-kicker {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px;margin-bottom:16px}.sunl-course-kicker>span {background:var(--sunl-yellow);padding:2px 8px;border-radius:4px}.sunl-course-kicker strong {color:var(--sunl-teal);font-size:16px;line-height:1.5}
.sunl-site .sunl-course-card h3 {font-size:24px;line-height:1.4;margin-bottom:18px}.sunl-site .sunl-course-card .sunl-course-meta {font-size:16px;color:var(--sunl-muted);line-height:1.6}.sunl-section-cta {text-align:center;margin-top:60px}
.sunl-feedback-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.sunl-feedback-card {border-radius:24px;border:1px solid #fff1b2;background:#ffffffcc;box-shadow:0 8px 18px #ad8e0020;padding:32px;display:flex;flex-direction:column;gap:18px}.sunl-quote {font-family:serif;font-size:56px;line-height:.7;color:#e1c135}.sunl-site .sunl-feedback-card p {font-size:18px;color:var(--sunl-muted)}.sunl-feedback-card strong {font-size:16px;margin-top:auto}
.sunl-center {text-align:center;color:var(--sunl-muted);max-width:840px;margin:0 auto!important}.sunl-join .sunl-section-heading {margin-bottom:20px}.sunl-join-grid {display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}.sunl-join-grid article {display:flex;gap:24px;align-items:center;padding:32px;background:white;border:1px solid #f4f4f4;border-radius:24px;box-shadow:0 6px 24px #0000000a}.sunl-join-grid article>div {flex:1;min-width:0}.sunl-join-grid img {width:140px;height:140px;object-fit:contain}.sunl-site .sunl-join-grid h3 {font-size:26px;margin-bottom:16px;line-height:1.4}.sunl-site .sunl-join-grid p {font-size:17px;color:var(--sunl-muted);margin-bottom:20px}.sunl-join-grid .sunl-test {margin-bottom:10px}.sunl-join-grid .sunl-button {font-size:16px;padding:10px 20px}
.sunl-footer-landscape {height:235px;overflow:hidden;margin-top:40px}.sunl-footer-landscape img {width:100%;height:100%;object-fit:cover;object-position:bottom}
.sunl-footer {background:var(--sunl-teal);color:white;padding:70px 0 24px;font-size:16px}.sunl-footer a:hover {color:#ffe76c}.sunl-footer-grid {display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:64px}.sunl-footer-logo {width:248px;filter:brightness(0) invert(1);margin-bottom:20px}.sunl-site .sunl-footer h3 {font-size:20px;color:#ffffc7;margin-bottom:20px}.sunl-site .sunl-footer p {margin-bottom:10px}.sunl-footer-links {display:grid;grid-template-columns:1fr 1fr;gap:12px}.sunl-footer .sunl-social {margin-top:24px;filter:brightness(0) invert(1)}.sunl-footer .sunl-social img {width:32px;height:32px}.sunl-footer-bottom {display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff44;margin-top:44px;padding-top:20px;font-size:14px}.sunl-footer-bottom>div {display:flex;gap:24px}
.sunl-inner {padding-top:80px;padding-bottom:100px;min-height:600px}.sunl-page-heading {margin-bottom:56px}.sunl-site .sunl-page-heading h1 {font-size:48px;line-height:1.4;color:var(--sunl-teal);margin-top:12px;margin-bottom:16px}
.sunl-content {font-size:18px}.sunl-site .sunl-content > :is(h2,h3,h4) {line-height:1.5;margin:48px 0 24px}.sunl-site .sunl-content > h2 {font-size:34px}.sunl-site .sunl-content > h3 {font-size:26px}.sunl-site .sunl-content > p {margin-bottom:24px}.sunl-site .sunl-content > :is(ul,ol) {padding-left:24px;margin-bottom:24px}.sunl-content > :is(p,ul,ol) a:not(.sunl-button) {color:var(--sunl-teal)}.sunl-content > .sunl-container {width:100%}
.sunl-notice {padding:18px 22px;border:1px solid #e8d891;background:#fff8df;border-radius:12px;margin:20px 0;font-size:16px;line-height:1.8}
.sunl-teacher-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.sunl-teacher-card {padding:32px;border:1px solid #dce9e7;border-radius:24px;background:#fff}.sunl-teacher-card>img,.sunl-portrait-placeholder {width:160px;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:24px}.sunl-portrait-placeholder {display:flex;align-items:center;justify-content:center;background:var(--sunl-mint);color:var(--sunl-teal)}
.sunl-article-cover {width:100%;height:210px;object-fit:contain;background:var(--sunl-mint);padding:24px}
.sunl-faq-list {max-width:960px;margin:auto}.sunl-site details {border:1px solid #d9e4e2;border-radius:16px;padding:22px 26px;margin-bottom:18px;background:#fff}.sunl-site summary {cursor:pointer;font-weight:600}.sunl-site details>div {padding-top:20px}.sunl-site details p {margin-top:16px}
.sunl-course-facts {padding:24px;background:var(--sunl-mint);border-radius:16px;margin:24px 0}.sunl-site .sunl-course-facts p {display:grid;grid-template-columns:100px 1fr;gap:20px;font-size:16px;margin-bottom:8px}.sunl-table-scroll {max-width:100%;min-width:0;overflow-x:auto}.sunl-table-scroll table {min-width:500px}.sunl-site table {border-collapse:collapse;width:100%}.sunl-site th,.sunl-site td {padding:16px;border-bottom:1px solid #d5e2df;text-align:left}.sunl-site th {background:var(--sunl-mint)}
.sunl-app {--sunl-app-primary:#2563eb;color:#212121}.sunl-site .sunl-app h2 {font-size:30px;margin-bottom:12px}.sunl-site .sunl-app h3 {font-size:22px;margin:24px 0 16px}.sunl-site .sunl-app p {margin-bottom:16px}.sunl-member-card {padding:24px;margin:24px 0;background:#fff;border:1px solid #dce2e7;border-radius:12px;box-shadow:0 1px 2px #00000005}.sunl-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.sunl-form-grid label {font-size:15px;font-weight:500;display:flex;flex-direction:column;gap:8px}.sunl-site .sunl-app :is(input,select,textarea),.sunl-site .woocommerce :is(input.input-text,select,textarea) {height:auto;min-height:44px;border:1px solid #cbd2dc;background:white;border-radius:7px;padding:10px 12px;line-height:1.5;color:#212121;width:100%}.sunl-app .sunl-button {background:var(--sunl-app-primary);border-color:var(--sunl-app-primary);border-radius:8px;font-size:15px;padding:11px 20px}.sunl-app .sunl-button.sunl-outline {color:var(--sunl-app-primary)!important;background:#fff}.sunl-member-card legend {font-weight:600;font-size:18px;padding:0 8px}
.sunl-site .woocommerce-MyAccount-navigation {width:23%;background:#f8fafc;border-radius:16px;padding:20px}.sunl-site .woocommerce-MyAccount-navigation ul {list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.sunl-site .woocommerce-MyAccount-navigation a {display:block;padding:10px 14px;border-radius:8px}.sunl-site .woocommerce-MyAccount-navigation .is-active a {background:#e7eefc;color:#2563eb;font-weight:600}.sunl-site .woocommerce-MyAccount-content {width:73%}.sunl-site .woocommerce form {border-radius:16px}.sunl-site .woocommerce .button {background:var(--sunl-teal);color:white;border-radius:99px;line-height:1.5;padding:12px 24px}.sunl-site .woocommerce div.product .product_title {font-size:36px;line-height:1.4}.sunl-site .woocommerce div.product .price {color:var(--sunl-teal)}.sunl-site .woocommerce div.product .woocommerce-tabs {padding-top:40px}.sunl-site .woocommerce ul.products li.product {border:1px solid #e8efed;border-radius:16px;padding:16px}.sunl-site .woocommerce .quantity input {width:80px}.sunl-site .woocommerce .form-row label {font-weight:500}.sunl-site .woocommerce .form-row {margin-bottom:18px}.sunl-site .woocommerce-checkout #payment {border-radius:16px;background:var(--sunl-mint)}
.sunl-owned {background:#fff}.sunl-owned .gsbp-sunlit-page {max-width:none!important;padding:0!important;margin:0!important;width:100%!important}.sunl-owned .gsbp-sunlit-page>.gsbp_row {width:100%!important;max-width:none!important}
@media(max-width:1450px) {.sunl-navigation {gap:18px;padding:12px 18px;font-size:14px}.sunl-hero {width:calc(100% - 64px)}.sunl-site .sunl-hero-copy h1 {font-size:44px}.sunl-site .sunl-hero-copy p {font-size:18px}.sunl-service-card {padding:22px 18px}.sunl-site .sunl-service-card h3 {font-size:21px}}
@media(max-width:1100px) {.sunl-header {align-items:center;padding:20px 0;min-height:100px}.sunl-menu-toggle {display:block}.sunl-navigation {display:none;position:absolute;top:90px;right:0;width:300px;max-width:100%;border-radius:20px;box-shadow:0 8px 35px #003a3320;align-items:stretch;padding:24px;gap:14px}.sunl-navigation.sunl-open {display:flex;flex-direction:column}.sunl-navigation>a {padding:8px}.sunl-hero {margin-top:-100px;padding-top:150px;padding-bottom:80px}.sunl-hero-grid {grid-template-columns:1.2fr 1fr;gap:20px;min-height:400px}.sunl-site .sunl-hero-copy h1 {font-size:34px}.sunl-site .sunl-hero-copy p {font-size:17px}.sunl-hero-copy .sunl-actions {margin-top:36px}.sunl-hero-copy .sunl-button {font-size:16px;padding:13px 20px}.sunl-section {padding:80px 0}.sunl-site .sunl-section-heading h2 {font-size:32px}.sunl-service-grid {grid-template-columns:repeat(2,1fr)}.sunl-course-grid,.sunl-feedback-grid {gap:20px}.sunl-course-card-body {padding:18px}.sunl-site .sunl-course-card h3 {font-size:20px}.sunl-course-kicker {flex-direction:column;align-items:flex-start}.sunl-join-grid article {padding:24px}.sunl-join-grid img {width:90px;height:90px}.sunl-stats strong {font-size:32px}.sunl-footer-grid {gap:32px}}
@media(max-width:767px) {.sunl-container,.sunl-header {width:calc(100% - 40px)}.sunl-logo {width:150px}.sunl-logo img {height:52px}.sunl-header {min-height:90px;padding:16px 0}.sunl-hero {width:calc(100% - 24px);margin-top:-90px;padding:122px 0 52px;border-radius:0 0 36px 36px;background-size:100% 100%}.sunl-hero .sunl-container {width:calc(100% - 40px)}.sunl-hero-grid {grid-template-columns:1fr;gap:30px;min-height:0}.sunl-site .sunl-hero-copy h1 {font-size:30px;line-height:1.45}.sunl-site .sunl-hero-copy p {font-size:16px;line-height:1.8;margin-top:24px}.sunl-hero-copy .sunl-actions {margin-top:28px;gap:10px}.sunl-hero-copy .sunl-button {padding:12px 17px;font-size:14px}.sunl-hero-art {max-width:350px;margin:auto}.sunl-section {padding:64px 0}.sunl-section-heading {margin-bottom:34px}.sunl-site .sunl-section-heading h2 {font-size:28px}.sunl-about-grid {grid-template-columns:1fr;gap:28px}.sunl-about-grid .sunl-section-heading {margin-bottom:24px}.sunl-site .sunl-about-grid h3 {font-size:21px;margin-bottom:20px}.sunl-site .sunl-about-grid p {font-size:16px;margin-bottom:24px}.sunl-stats {gap:12px;margin:24px 0}.sunl-stats strong {font-size:28px}.sunl-stats span {font-size:13px}.sunl-social {gap:12px}.sunl-social img {width:34px;height:34px}.sunl-service-grid {gap:16px}.sunl-service-card {padding:20px 15px;gap:12px;border-radius:18px}.sunl-site .sunl-service-card h3 {font-size:18px}.sunl-site .sunl-service-card p {font-size:14px}.sunl-service-audience {font-size:13px}.sunl-service-card .sunl-button {font-size:13px;padding:9px 13px;gap:4px}.sunl-sustain-banner {margin-top:32px;padding:28px 24px 160px;min-height:0}.sunl-sustain-banner>div {width:100%}.sunl-site .sunl-sustain-banner h3 {font-size:23px}.sunl-site .sunl-sustain-banner p {font-size:16px}.sunl-sustain-banner>img {max-width:80%;max-height:160px}.sunl-filter-pills {gap:10px;margin-bottom:32px}.sunl-filter-pills a {font-size:14px;padding:9px 16px}.sunl-course-grid,.sunl-feedback-grid,.sunl-join-grid,.sunl-teacher-grid {grid-template-columns:1fr;gap:24px}.sunl-course-kicker {flex-direction:row;align-items:center}.sunl-course-card-body {padding:22px}.sunl-site .sunl-course-card h3 {font-size:23px}.sunl-feedback-card {padding:28px}.sunl-site .sunl-feedback-card p {font-size:16px}.sunl-section-cta {margin-top:32px}.sunl-center {font-size:16px}.sunl-join-grid {margin-top:30px}.sunl-site .sunl-join-grid h3 {font-size:22px}.sunl-join-grid img {width:80px;height:80px}.sunl-join-grid article {padding:24px 20px;gap:16px}.sunl-join-grid .sunl-button {font-size:14px}.sunl-footer-landscape {height:120px;margin-top:16px}.sunl-footer {padding:48px 0 24px}.sunl-footer-grid {grid-template-columns:1fr;gap:32px}.sunl-footer-logo {width:200px}.sunl-footer-bottom {flex-direction:column;align-items:flex-start;font-size:12px;gap:14px;margin-top:32px}.sunl-inner {padding-top:48px;padding-bottom:64px}.sunl-page-heading {margin-bottom:32px}.sunl-site .sunl-page-heading h1 {font-size:32px}.sunl-content {font-size:16px}.sunl-site .sunl-content > h2 {font-size:26px}.sunl-site .sunl-content > h3 {font-size:22px}.sunl-site .sunl-content > :is(h2,h3,h4) {margin-top:32px;margin-bottom:18px}.sunl-site details {padding:18px;font-size:16px}.sunl-site .woocommerce-MyAccount-navigation,.sunl-site .woocommerce-MyAccount-content {width:100%;float:none}.sunl-site .woocommerce-MyAccount-navigation {padding:12px;margin-bottom:28px}.sunl-site .woocommerce-MyAccount-navigation ul {flex-direction:row;overflow:auto;gap:8px}.sunl-site .woocommerce-MyAccount-navigation a {white-space:nowrap;padding:8px 12px;font-size:14px}.sunl-form-grid {grid-template-columns:1fr;gap:16px}.sunl-member-card {padding:18px}.sunl-site .woocommerce div.product .product_title {font-size:28px}.sunl-course-facts {padding:18px}.sunl-site .sunl-course-facts p {grid-template-columns:80px 1fr;gap:12px}.sunl-notice {font-size:14px;padding:16px}.sunl-site .woocommerce table.shop_table {min-width:0}.sunl-site .woocommerce div.product div.images,.sunl-site .woocommerce div.product div.summary {width:100%;float:none}}
@media(prefers-reduced-motion:reduce) {.sunl-button {transition:none}.sunl-button:hover {transform:none}}

/* Figma FXZ73Ht4vsPdhKFNeklykR：共用元件與內頁頁首。 */
.sunl-logo img {width:auto;height:auto}
.sunl-subpage .sunl-logo {width:235px}
.sunl-header {min-height:98px}
.sunl-navigation {font-weight:500;background:rgba(255,255,255,.8);box-shadow:0 4px 6px #009d940d}
.sunl-account-icon {flex:none}
.sunl-subpage .sunl-header {min-height:94px}
.sunl-page-hero .sunl-eyebrow {display:block;width:max-content;font-size:13px}
.sunl-page-hero {position:relative;max-width:1800px;width:calc(100% - 120px);margin:-94px auto 0;padding:174px 0 144px;min-height:470px;border-radius:0 0 80px 80px;background:url('images/inner-header.png') center/100% 100% no-repeat}
.sunl-page-hero .sunl-container {max-width:1280px;width:calc(100% - 64px)}
.sunl-site .sunl-page-hero h1 {font-size:52px;font-weight:700;line-height:1.4;color:var(--sunl-text);margin-top:8px;text-wrap:balance}
.sunl-breadcrumb {display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.5;color:var(--sunl-teal);margin-top:24px;flex-wrap:wrap}
.sunl-breadcrumb-arrow {flex:none}
.sunl-subpage main {background:url('images/mesh.png') center 470px/100% calc(100% - 470px) no-repeat}
.sunl-inner {padding-top:120px;padding-bottom:120px}
.sunl-page-status {margin-bottom:24px}
.sunl-site .sunl-content >p:has(.sunl-button) {margin-top:40px;margin-bottom:0}
.sunl-content>.sunl-button {margin-top:40px}
.sunl-site .sunl-service-card {padding:28px;border-radius:20px;background:rgba(255,255,255,.3);border:0;box-shadow:0 8px 24px #f2f2f2;gap:16px;min-width:0}
.sunl-service-card>img {height:160px;aspect-ratio:auto;object-fit:cover;border-radius:16px}
.sunl-service-audience {display:flex;gap:8px;align-items:center;line-height:1.2}
.sunl-service-audience img {flex:none}
.sunl-site .sunl-service-card h3 {margin:0;font-size:24px;line-height:1.4;font-weight:700}
.sunl-site .sunl-service-card p {margin:0;line-height:1.7;font-size:16px}
.sunl-service-card .sunl-button {font-size:18px;line-height:1.2;border-width:2px;padding:10px 22px}
.sunl-site .sunl-teacher-card {display:flex;gap:24px;align-items:flex-start;padding:24px;border:0;border-radius:20px;background:rgba(255,255,255,.8);box-shadow:0 8px 24px #f2f2f2;min-width:0}
.sunl-teacher-portrait {position:relative;width:180px;height:220px;flex:none;overflow:hidden;border-radius:16px;background:var(--sunl-mint)}
.sunl-teacher-portrait>img {width:100%;height:100%;object-fit:cover}
.sunl-teacher-portrait.sunl-portrait-lynn>img {position:absolute;max-width:none;width:245.75%;height:113.13%;left:-78.72%;top:-10.37%}
.sunl-teacher-portrait.sunl-portrait-tiger>img {position:absolute;max-width:none;width:221.35%;height:101.87%;left:-62.71%;top:0}
.sunl-teacher-portrait .sunl-portrait-placeholder {margin:0;width:100%;height:100%;border-radius:0}
.sunl-teacher-copy {display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.sunl-site .sunl-teacher-card h3 {font-size:28px;line-height:1.3;margin:0;color:var(--sunl-text)}
.sunl-site .sunl-teacher-card p {font-size:16px;line-height:1.75;margin:0;color:var(--sunl-muted)}
.sunl-site .sunl-teacher-card p.sunl-teal {line-height:1.4;font-weight:500;color:var(--sunl-teal)}
.sunl-teacher-detail-photo {width:320px;max-width:100%;border-radius:16px;margin-bottom:24px}
.sunl-service-section {isolation:isolate;overflow:hidden}
.sunl-service-section:before {content:"";position:absolute;z-index:-1;pointer-events:none;left:-2.62%;top:0;width:15.49%;height:267px;background:url('images/d53e9.png') left top/contain no-repeat}
.sunl-service-section:after {content:"";position:absolute;z-index:-1;pointer-events:none;right:-3.5%;bottom:20px;width:16.74%;height:225px;background:url('images/16c21.png') right bottom/contain no-repeat}
.sunl-voices-section {isolation:isolate;overflow:hidden}
.sunl-voices-section:before {content:"";position:absolute;z-index:-1;left:-4.94%;top:10%;width:18.45%;height:234px;background:url('images/58233.png') left top/contain no-repeat}
.sunl-join {background:url('images/cb9f0.png') 5% 16%/103px 93px no-repeat,url('images/8c236.png') right bottom/194px auto no-repeat,url('images/99dee.png') center/cover no-repeat;padding-bottom:160px}
.sunl-join-grid article {border:0;border-radius:20px;box-shadow:0 8px 24px #f2f2f2}
.sunl-join-grid article:nth-child(2) .sunl-button {background:var(--sunl-yellow);border-color:var(--sunl-yellow);color:var(--sunl-text)!important}
.sunl-footer-logo {filter:none}
.sunl-footer-grid {display:flex;justify-content:space-between;gap:48px}
.sunl-footer-grid>div:nth-child(1) {width:248px}
.sunl-footer-grid>div:nth-child(2) {width:280px}
.sunl-footer-grid>div:nth-child(3) {width:232px}
.sunl-footer-links {white-space:nowrap;grid-template-columns:auto auto auto;gap:12px;font-size:16px}
.sunl-footer .sunl-footer-social {filter:none;gap:16px;margin-top:32px}
.sunl-footer .sunl-footer-social img {width:auto;height:auto}
.sunl-footer-landscape {margin-top:0;height:235px;background:url('images/99dee.png') center/cover}
@media(min-width:1600px) {.sunl-navigation {gap:36px;padding:16px 36px;font-size:18px}.sunl-navigation .sunl-account-link {font-size:18px}.sunl-about-grid {grid-template-columns:620px 588px;gap:72px}}
@media(max-width:1450px) {.sunl-page-hero {width:calc(100% - 64px)}.sunl-site .sunl-service-card {padding:24px}.sunl-site .sunl-service-card h3 {font-size:22px}.sunl-teacher-portrait {width:150px;height:183.333px}}
@media(max-width:1100px) {.sunl-header,.sunl-subpage .sunl-header {min-height:100px}.sunl-page-hero {margin-top:-100px;padding-top:150px;padding-bottom:100px;min-height:400px}.sunl-site .sunl-page-hero h1 {font-size:40px}.sunl-inner {padding-top:80px;padding-bottom:80px}.sunl-teacher-grid {grid-template-columns:1fr}.sunl-teacher-portrait {position:relative;width:180px;height:220px}.sunl-footer-grid {gap:32px}.sunl-footer-links {grid-template-columns:1fr 1fr}.sunl-logo img {max-height:60px}}
@media(max-width:767px) {.sunl-header,.sunl-subpage .sunl-header {min-height:90px}.sunl-subpage .sunl-logo {width:180px}.sunl-page-hero {width:calc(100% - 24px);margin-top:-90px;padding:122px 0 86px;min-height:330px;border-radius:0 0 36px 36px;background-size:auto 100%;background-position:center}.sunl-page-hero .sunl-container {width:calc(100% - 40px)}.sunl-site .sunl-page-hero h1 {font-size:30px;line-height:1.45}.sunl-breadcrumb {font-size:13px;margin-top:20px}.sunl-inner {padding:56px 0 64px}.sunl-site .sunl-content >p:has(.sunl-button),.sunl-content>.sunl-button {margin-top:32px}.sunl-service-grid {grid-template-columns:1fr}.sunl-site .sunl-service-card {padding:24px;gap:16px}.sunl-service-card>img {height:180px}.sunl-site .sunl-service-card h3 {font-size:24px}.sunl-site .sunl-service-card p {font-size:16px}.sunl-service-card .sunl-button {font-size:16px}.sunl-teacher-portrait {width:110px;height:134.444px}.sunl-site .sunl-teacher-card {padding:20px;gap:16px}.sunl-site .sunl-teacher-card h3 {font-size:22px}.sunl-site .sunl-teacher-card p {font-size:14px}.sunl-join {background-size:70px auto,100px auto,auto 100%;padding-bottom:100px}.sunl-service-section:before {width:100px;height:140px;opacity:.65}.sunl-service-section:after {width:100px;height:140px}.sunl-voices-section:before {width:100px;height:140px}.sunl-footer-grid {display:grid;grid-template-columns:1fr}.sunl-footer-grid>div {width:auto!important}.sunl-footer-links {grid-template-columns:repeat(3,auto);max-width:290px}.sunl-footer-landscape {height:120px}}

/* 保留設計稿字距，避免佈景主題的 8% letter-spacing 改變斷行。 */
.sunl-site {letter-spacing:0}
.sunl-site.sunl-site :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,button) {letter-spacing:normal}
.sunl-header {line-height:1.5}
.sunl-navigation {line-height:1.5}
.sunl-navigation .sunl-account-link {line-height:1.2;gap:8px;padding:10px 22px;border:0}
.sunl-home .sunl-header {max-width:1273px}
.sunl-eyebrow {display:block;width:max-content;margin:0 auto}
.sunl-about-grid .sunl-eyebrow,.sunl-page-hero .sunl-eyebrow {margin:0}
.sunl-stats span {font-size:16px;line-height:1.2}
.sunl-button {gap:8px;line-height:1.2}
.sunl-site img.sunl-button-arrow {width:20px;max-width:none;height:auto;flex:none}
.sunl-about-grid .sunl-button {padding:10px 22px;border-width:2px}
.sunl-home .sunl-service-card {min-height:495px}
.sunl-site .sunl-service-card h3 {width:100%}
.sunl-filter-pills {gap:12px}
.sunl-filter-pills a {line-height:1.2;border:2px solid var(--sunl-line)}
.sunl-course-card {border:0;border-radius:20px 20px 0 0;background:rgba(255,255,255,.3);box-shadow:0 8px 24px #f2f2f2}
.sunl-site .sunl-course-cover img {height:260px;aspect-ratio:auto}
.sunl-course-card-body {display:flex;flex-direction:column;gap:12px;padding:20px 24px 24px}
.sunl-course-card-body>.sunl-test {margin:0}
.sunl-course-kicker {margin:0;flex-wrap:wrap}
.sunl-course-kicker>span {font-size:15px;line-height:1.2;padding:4px 12px;border-radius:6px}
.sunl-course-kicker strong {font-size:18px;line-height:1.2}
.sunl-site .sunl-course-card h3 {line-height:1.5;margin:0}
.sunl-site .sunl-course-card .sunl-course-meta {display:flex;gap:6px;align-items:flex-start;line-height:1.4}
.sunl-site img.sunl-meta-icon {width:24px;height:24px;object-fit:contain;flex:none}
.sunl-section-cta .sunl-button {padding:16px 32px;border-width:2px}
.sunl-feedback-grid {gap:24px}
.sunl-feedback-card {gap:20px;border:1px solid var(--sunl-mint);border-radius:20px;background:rgba(255,255,255,.3);box-shadow:0 8px 24px #f5ce1333}
.sunl-site img.sunl-quote-icon {width:17.76px;height:14.88px}
.sunl-feedback-person {display:flex;gap:12px;align-items:center;margin-top:auto}
.sunl-site .sunl-feedback-avatar {width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.sunl-feedback-placeholder {display:flex;align-items:center;justify-content:center;background:var(--sunl-mint);color:var(--sunl-teal);font-size:18px}
.sunl-feedback-person>div {display:flex;flex-direction:column;gap:2px;min-width:0}
.sunl-feedback-person strong {font-size:18px;line-height:1.2}
.sunl-feedback-person>div>span {font-size:15px;line-height:1.2;color:var(--sunl-muted)}
.sunl-voices-section .sunl-section-heading {margin-bottom:48px}
.sunl-voices-section .sunl-section-cta {margin-top:48px}
.sunl-join {background:url('images/99dee.png') center bottom/100% 89.77% no-repeat,url('images/35393.png') center/cover,var(--sunl-cream);padding-bottom:360px;isolation:isolate;overflow:hidden}
.sunl-join:before {content:"";position:absolute;z-index:-1;left:4.94%;top:.04%;width:11.71%;height:23.77%;background:url('images/cb9f0.png') center/contain no-repeat;pointer-events:none}
.sunl-join:after {content:"";position:absolute;z-index:-1;left:90.53%;top:57.14%;width:10.06%;height:19.85%;background:url('images/8c236.png') center/contain no-repeat;pointer-events:none}
.sunl-join .sunl-section-heading {margin-bottom:12px}
.sunl-join-grid {margin-top:40px}
.sunl-site .sunl-join-grid h3 {font-size:28px;display:flex;align-items:center;gap:16px}
.sunl-site img.sunl-join-icon {width:24px;height:24px;flex:none}
.sunl-site .sunl-join-grid p {font-size:16px;line-height:1.75;margin-bottom:16px}
.sunl-join-grid .sunl-button {font-size:18px;padding:10px 22px}
.sunl-join-grid article {background:rgba(255,255,255,.8);border-radius:24px}
.sunl-footer {padding:72px 0 32px}
.sunl-footer-logo {margin-bottom:16px}
.sunl-site .sunl-footer h3 {font-size:18px;line-height:1.4;margin-bottom:12px}
.sunl-site .sunl-footer p,.sunl-footer-links {line-height:1.4}
.sunl-footer-bottom {margin-top:40px;padding-top:20px}
@media(max-width:1100px) {.sunl-home .sunl-service-card {min-height:0}.sunl-site .sunl-course-cover img {height:200px}.sunl-join {padding-bottom:240px}.sunl-site .sunl-join-grid h3 {font-size:22px}.sunl-join-grid .sunl-button {font-size:16px}}
@media(max-width:767px) {.sunl-site .sunl-course-cover img {height:210px}.sunl-course-card-body {padding:22px}.sunl-feedback-person strong {font-size:16px}.sunl-voices-section .sunl-section-heading,.sunl-filter-pills {margin-bottom:32px}.sunl-voices-section .sunl-section-cta {margin-top:32px}.sunl-join {padding-bottom:160px}.sunl-join:before {width:80px;height:90px}.sunl-join:after {width:100px;height:110px;left:auto;right:-20px;top:auto;bottom:90px}.sunl-join-grid article {padding:24px 20px}.sunl-join-grid article>img {width:80px;height:80px}.sunl-site .sunl-join-grid h3 {font-size:22px;gap:8px}.sunl-join-grid .sunl-button {font-size:14px}.sunl-footer {padding:48px 0 24px}.sunl-stats span {font-size:13px}}

.sunl-service-card:first-child>img {object-position:33.7% center}

.sunl-join-grid article>.sunl-join-gift {position:relative;width:140px;height:140px;flex:none;overflow:hidden;border-radius:16px;background:var(--sunl-mint)}
.sunl-site .sunl-join-gift>img {position:absolute;max-width:none;width:181.69%;height:124.29%;left:-29.87%;top:-8.49%;object-fit:fill}
@media(max-width:767px) {.sunl-join-grid article>.sunl-join-gift {width:80px;height:80px}}

.sunl-service-accent-cloud,.sunl-service-accent-leaf,.sunl-voices-accent {position:absolute;pointer-events:none;z-index:-1;display:block}
.sunl-service-accent-cloud {left:-10.29%;top:11.83%;width:18.21%;height:15.71%;background:url('images/3eecc.png') center/100% 100% no-repeat}
.sunl-service-accent-leaf {right:-1.5%;bottom:25px;width:12.11%;height:25.64%;background:url('images/dd127.png') center/100% 100% no-repeat}
.sunl-voices-accent {left:2.62%;top:.03%;width:13.84%;height:21.63%;background:url('images/4e79a.png') center/100% 100% no-repeat}
@media(max-width:767px) {.sunl-service-accent-cloud {width:110px;height:65px;left:-50px;top:8%}.sunl-service-accent-leaf {width:80px;height:110px;right:-10px;bottom:32px}.sunl-voices-accent {width:90px;height:60px;left:10px}}