body[data-page='/talk2us-step2'] { background:#11100e; color:#fffaf1; font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif; }
body[data-page='/talk2us-step2'] .site-main { display:block; width:100%; max-width:none; margin:0; padding:0; }
.lesson-page { --lesson-ink:#11100e; --lesson-paper:#fffaf1; --lesson-orange:#e68217; --lesson-deep:#99560f; --lesson-muted:#6a6053; --lesson-line:#ded1bd; width:100%; }
.lesson-page,.lesson-page * { box-sizing:border-box; }
.lesson-page [hidden] { display:none!important; }
.lesson-page h1,.lesson-page h2,.lesson-page p,.lesson-page ol { margin:0; }
.lesson-page h1,.lesson-page h2 { width:auto; max-width:none; font-family:inherit; letter-spacing:-.035em; text-wrap:pretty; }
.lesson-page p { font-size:16px; line-height:1.75; text-wrap:pretty; }
.lesson-page svg { display:block; flex:none; width:24px; height:24px; }
.lesson-page button,.lesson-page a { -webkit-tap-highlight-color:transparent; }
.lesson-page :is(a,button,summary,video,iframe):focus-visible { outline:3px solid var(--lesson-orange); outline-offset:5px; }
.lesson-container { width:min(1184px,calc(100% - 64px)); margin:0 auto; }
.lesson-watch { background:var(--lesson-ink); padding:32px 0 40px; }
.lesson-topline { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:32px; }
.lesson-brand { display:flex; align-items:center; gap:12px; flex:none; }
.lesson-brand img { display:block; width:48px; height:43px; padding:4px; object-fit:contain; background:var(--lesson-paper); border-radius:6px; }
.lesson-brand span { color:var(--lesson-paper); font-size:14px; font-weight:700; letter-spacing:.045em; }
.lesson-path { display:flex; gap:28px; padding:0; list-style:none; }
.lesson-path li { display:flex; align-items:center; gap:8px; color:#c9bda9; font-size:13px; font-weight:600; white-space:nowrap; }
.lesson-path li>span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #706555; border-radius:50%; font-size:11px; }
.lesson-path li[aria-current='step'] { color:var(--lesson-orange); }
.lesson-path li[aria-current='step']>span { color:var(--lesson-ink); background:var(--lesson-orange); border-color:var(--lesson-orange); }
.lesson-heading { margin-bottom:24px; }
.lesson-page .lesson-kicker { margin:0 0 10px; color:var(--lesson-orange); font-size:13px; font-weight:800; letter-spacing:.08em; }
.lesson-heading h1 { color:var(--lesson-paper); font-size:clamp(32px,3.4vw,49px); line-height:1.25; font-weight:850; }
.lesson-heading h1>span { display:block; color:var(--lesson-orange); }
.lesson-heading>p:last-child { max-width:70ch; margin-top:14px; color:#d5cbbb; }
.lesson-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr); align-items:start; gap:24px; }
.lesson-film { min-width:0; }
.lesson-page .lesson-player { position:relative; width:100%; margin:0; aspect-ratio:16/9; overflow:hidden; background:#070706; border:1px solid #5a5144; border-radius:12px; }
.lesson-player>video,.lesson-player>iframe,.lesson-player__poster { display:block; width:100%; height:100%; border:0; object-fit:contain; }
.lesson-play { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; height:100%; margin:0; padding:16px; border:0; border-radius:10px; background:linear-gradient(180deg,transparent 50%,rgb(0 0 0 / .38)); color:var(--lesson-ink); cursor:pointer; }
.lesson-play__circle { display:grid; place-items:center; width:72px; height:72px; background:var(--lesson-orange); border-radius:50%; box-shadow:0 4px 24px rgb(0 0 0 / .24); transition:transform .18s ease,background-color .18s ease; }
.lesson-play__circle svg { width:28px; height:28px; margin-left:3px; }
.lesson-play__label { padding:5px 12px; border-radius:5px; background:var(--lesson-ink); color:var(--lesson-paper); font-size:13px; font-weight:700; }
.lesson-play:hover .lesson-play__circle { transform:scale(1.06); background:#f49c32; }
.lesson-play:active .lesson-play__circle { transform:scale(.97); }
.lesson-page .lesson-play:focus-visible { outline-offset:-6px; }
.lesson-page .lesson-player-status { margin:10px 0; color:#e5d8c4; font-size:14px; }
.lesson-player-error { padding:16px; margin:12px 0; border:1px solid #d2b99a; border-radius:8px; color:var(--lesson-paper); }
.lesson-player-error p { font-size:14px; }
.lesson-player-error>div { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:10px; }
.lesson-player-error button,.lesson-player-error a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid #bca17d; border-radius:6px; background:transparent; color:var(--lesson-paper); font:inherit; font-size:14px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.lesson-page .lesson-player--unavailable { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:24px; color:var(--lesson-paper); }
.lesson-player--unavailable a { color:var(--lesson-paper); text-decoration:underline; text-underline-offset:4px; }
.lesson-nojs-video { position:absolute; inset:auto 16px 16px; display:block; padding:12px; border-radius:6px; background:var(--lesson-paper); color:var(--lesson-ink); text-align:center; }
.lesson-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:18px 0 12px; list-style:none; }
.lesson-highlights li { display:flex; align-items:center; justify-content:center; gap:9px; padding:0 8px; border-right:1px solid #534938; color:#ede2d0; font-size:14px; line-height:1.5; }
.lesson-highlights li:first-child { justify-content:flex-start; padding-left:0; }
.lesson-highlights li:last-child { justify-content:flex-end; padding-right:0; border:0; }
.lesson-highlights li>span { color:var(--lesson-orange); font-size:11px; font-weight:750; }
.lesson-media-privacy { color:#c9bda9; font-size:12px; }
.lesson-media-privacy summary { display:inline-flex; align-items:center; min-height:32px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.lesson-media-privacy p { max-width:66ch; margin-top:5px; color:#d5cbbb; font-size:13px; }
.lesson-book { min-width:0; padding:28px; border:1px solid var(--lesson-line); border-radius:12px; background:var(--lesson-paper); color:var(--lesson-ink); }
.lesson-page .lesson-book .lesson-kicker { color:var(--lesson-deep); font-size:12px; letter-spacing:.04em; }
.lesson-book h2 { margin:0 0 14px; color:var(--lesson-ink); font-size:clamp(27px,2.5vw,34px); line-height:1.3; font-weight:850; }
.lesson-page .lesson-book__body { margin:0 0 18px; color:#514333; font-size:16px; line-height:1.75; }
.lesson-book__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0; margin-bottom:22px!important; list-style:none; }
.lesson-book__steps li { display:grid; justify-items:center; gap:7px; padding:10px 0; color:#4c3b29; font-size:12px; font-weight:650; }
.lesson-book__steps svg { width:27px; height:27px; }
.lesson-page .lesson-book__cta { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:56px; margin:0; padding:14px 16px; border:1px solid var(--lesson-orange); border-radius:8px; background:var(--lesson-orange); color:var(--lesson-ink); font-size:17px; font-weight:850; line-height:1.45; text-align:center; text-decoration:none; transition:background-color .18s ease,transform .18s ease; }
.lesson-book__cta:hover { background:#f49c32; transform:translateY(-2px); }
.lesson-book__cta:active { transform:translateY(0); }
.lesson-page .lesson-book__cta:focus-visible { outline-color:var(--lesson-deep); }
.lesson-book__cta svg { width:20px; height:20px; }
.lesson-page .lesson-book__note { margin:12px 0 0; color:#514333; font-size:12px; text-align:center; }
.lesson-page .lesson-book__service { margin:10px 0 0; padding-top:12px; border-top:1px solid var(--lesson-line); color:#62523e; font-size:12px; line-height:1.7; }
.lesson-faq { padding:40px 0 32px; background:var(--lesson-paper); color:var(--lesson-ink); }
.lesson-faq>.lesson-container { display:grid; grid-template-columns:minmax(190px,.65fr) minmax(0,1.5fr); gap:16px 48px; align-items:start; }
.lesson-page .lesson-faq .lesson-kicker { color:var(--lesson-deep); font-size:12px; }
.lesson-faq h2 { color:var(--lesson-ink); font-size:28px; line-height:1.4; }
.lesson-faq__items { min-width:0; }
.lesson-faq__items details { padding:0 0 16px; border-bottom:1px solid var(--lesson-line); }
.lesson-faq__items details+details { padding-top:16px; }
.lesson-faq__items summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:40px; color:#33271c; font-size:16px; font-weight:700; line-height:1.65; cursor:pointer; list-style:none; }
.lesson-faq__items summary::-webkit-details-marker { display:none; }
.lesson-faq__items summary>span { flex:none; color:var(--lesson-deep); font-size:22px; transition:transform .18s ease; }
.lesson-faq__items details[open] summary>span { transform:rotate(45deg); }
.lesson-faq__items details>p { padding-top:12px; color:#62523e; font-size:15px; line-height:1.85; }
.lesson-page .lesson-service-note { grid-column:2; color:#6a6053; font-size:12px; line-height:1.75; }
.lesson-page-privacy { grid-column:2; color:#6a6053; font-size:12px; }
.lesson-page-privacy summary { display:inline-flex; align-items:center; min-height:32px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.lesson-page-privacy p { margin-top:8px; font-size:13px; line-height:1.75; }
@media(max-width:60rem) {
  .lesson-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .lesson-book { padding:24px; }
  .lesson-book__steps { max-width:360px; margin:0 auto 14px!important; }
  .lesson-book h2 br { display:none; }
  .lesson-book h2 { font-size:29px; }
  .lesson-topline { gap:20px; }
  .lesson-path { gap:16px; }
}
@media(max-width:40rem) {
  .lesson-container { width:calc(100% - 32px); }
  .lesson-watch { padding:20px 0 28px; }
  .lesson-topline { margin-bottom:24px; }
  .lesson-brand img { width:40px; height:36px; }
  .lesson-brand span { font-size:12px; }
  .lesson-path { display:none; }
  .lesson-heading { margin-bottom:20px; }
  .lesson-heading h1 { font-size:clamp(27px,7.8vw,32px); line-height:1.35; }
  .lesson-heading>p:last-child { margin-top:12px; font-size:15px; line-height:1.75; }
  .lesson-page .lesson-kicker { font-size:11px; }
  .lesson-highlights { padding:15px 0 8px; }
  .lesson-highlights li,.lesson-highlights li:first-child,.lesson-highlights li:last-child { flex-direction:column; justify-content:center; gap:3px; padding:0 5px; font-size:12px; text-align:center; }
  .lesson-play__circle { width:56px; height:56px; }
  .lesson-play__circle svg { width:23px; height:23px; }
  .lesson-play__label { font-size:11px; }
  .lesson-book { padding:22px 20px; }
  .lesson-book h2 { font-size:27px; }
  .lesson-page .lesson-book__body { font-size:16px; }
  .lesson-page .lesson-book__cta { font-size:16px; }
  .lesson-faq { padding:28px 0; }
  .lesson-faq>.lesson-container { grid-template-columns:minmax(0,1fr); gap:20px; }
  .lesson-faq h2 { font-size:25px; }
  .lesson-service-note,.lesson-page-privacy { grid-column:auto!important; }
  .lesson-faq__items summary { gap:12px; font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .lesson-page *,.lesson-page *::before,.lesson-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}