.elementor-11261 .elementor-element.elementor-element-1685abd{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-040cc08 */.yyk-zsh-article,
.yyk-zsh-article *,
.yyk-zsh-article *::before,
.yyk-zsh-article *::after {
  box-sizing: border-box;
  border-radius: 0 !important;
}

.yyk-zsh-article {
  --yyk-bg: #080910;
  --yyk-panel: #10131d;
  --yyk-panel-soft: #151928;
  --yyk-cream: #fff3bd;
  --yyk-blue: #75f5ff;
  --yyk-lavender: #c28dff;
  --yyk-pink: #ff7bd8;
  --yyk-line: rgba(117, 245, 255, 0.26);
  --yyk-text: #f2efe7;
  --yyk-muted: #adb4c5;
  --yyk-gold: #ffe99a;
  --yyk-warning: #251923;
  --yyk-navy: #fff3bd;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 15px;
  background: transparent;
  color: var(--yyk-text);
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: 17px;
  line-height: 1.9;
}

.yyk-zsh-article a {
  color: var(--yyk-blue);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.yyk-zsh-article a:hover,
.yyk-zsh-article a:focus-visible {
  color: var(--yyk-cream);
}

.yyk-zsh-article h2,
.yyk-zsh-article h3,
.yyk-zsh-article p,
.yyk-zsh-article ul,
.yyk-zsh-article ol,
.yyk-zsh-article dl {
  margin-top: 0;
}

.yyk-zsh-article h2 {
  margin-bottom: 16px;
  padding-left: 12px;
  border-left: 5px solid var(--yyk-blue);
  color: var(--yyk-cream);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.4;
  text-shadow: 0 0 14px rgba(117, 245, 255, 0.12);
}

.yyk-zsh-article h3 {
  margin-bottom: 8px;
  color: #e3c9ff;
  font-size: 21px;
  line-height: 1.5;
}

.yyk-zsh-article p,
.yyk-zsh-article li,
.yyk-zsh-article dd {
  color: var(--yyk-text);
  overflow-wrap: anywhere;
}

.yyk-zsh-hero {
  margin: 0 0 28px;
  padding: 0;
}

.yyk-zsh-kicker {
  margin-bottom: 8px;
  color: var(--yyk-lavender);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.yyk-zsh-lead {
  margin-bottom: 18px;
  color: #e3e7f0;
  font-size: 19px;
}

.yyk-zsh-summary,
.yyk-zsh-notice,
.yyk-zsh-tip {
  margin: 20px 0;
  padding: 15px;
  border-left: 5px solid var(--yyk-blue);
  background: linear-gradient(90deg, rgba(117, 245, 255, 0.10), rgba(194, 141, 255, 0.07));
}

.yyk-zsh-notice {
  border-left-color: var(--yyk-gold);
  background: linear-gradient(90deg, rgba(255, 233, 154, 0.10), rgba(255, 123, 216, 0.05));
}

.yyk-zsh-tip {
  border-left-color: var(--yyk-lavender);
  background: linear-gradient(90deg, rgba(194, 141, 255, 0.12), rgba(117, 245, 255, 0.05));
}

.yyk-zsh-section {
  scroll-margin-top: 90px;
  margin: 0 0 46px;
  padding: 0;
}

.yyk-zsh-grid {
  display: grid;
  gap: 14px;
  margin: 20px 0;
}

.yyk-zsh-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yyk-zsh-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.yyk-zsh-card {
  padding: 15px;
  border: 1px solid var(--yyk-line);
  background: linear-gradient(135deg, var(--yyk-panel), var(--yyk-panel-soft));
}

.yyk-zsh-card p {
  margin-bottom: 0;
}

.yyk-zsh-table-wrap {
  width: 100%;
  margin: 20px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.yyk-zsh-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  background: var(--yyk-panel);
}

.yyk-zsh-table th,
.yyk-zsh-table td {
  padding: 12px 14px;
  border: 1px solid var(--yyk-line);
  text-align: left;
  vertical-align: top;
}

.yyk-zsh-table th {
  background: linear-gradient(90deg, #161a2b, #1b1830);
  color: var(--yyk-cream);
  font-weight: 800;
}

.yyk-zsh-table tbody tr:nth-child(even) {
  background: rgba(117, 245, 255, 0.045);
}

.yyk-zsh-small {
  color: var(--yyk-muted);
  font-size: 14px;
}

.yyk-zsh-checklist {
  margin-bottom: 20px;
  padding: 15px;
  border-left: 4px solid var(--yyk-blue);
  background: linear-gradient(90deg, rgba(117, 245, 255, 0.08), rgba(16, 19, 29, 0.92));
  list-style-position: inside;
}

.yyk-zsh-checklist li + li {
  margin-top: 7px;
}

.yyk-zsh-checklist--warning {
  border-left-color: var(--yyk-pink);
  background: var(--yyk-warning);
}

.yyk-zsh-steps {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  counter-reset: yyk-step;
}

.yyk-zsh-steps li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  column-gap: 15px;
  min-height: 54px;
  margin-bottom: 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--yyk-line);
  counter-increment: yyk-step;
}

.yyk-zsh-steps li::before {
  content: counter(yyk-step, decimal-leading-zero);
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 46px;
  padding: 7px 0;
  background: linear-gradient(135deg, var(--yyk-blue), var(--yyk-lavender));
  color: #090b11;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

.yyk-zsh-steps strong {
  grid-column: 2;
  color: var(--yyk-cream);
  font-size: 19px;
}

.yyk-zsh-steps p {
  grid-column: 2;
  margin-bottom: 0;
}

.yyk-zsh-terms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 20px 0;
  background: var(--yyk-line);
  border: 1px solid var(--yyk-line);
}

.yyk-zsh-terms > div {
  padding: 15px;
  background: var(--yyk-panel);
}

.yyk-zsh-terms dt {
  margin-bottom: 5px;
  color: var(--yyk-lavender);
  font-size: 19px;
  font-weight: 900;
}

.yyk-zsh-terms dd {
  margin: 0;
}

.yyk-zsh-club-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 20px 0;
}

.yyk-zsh-club {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--yyk-line);
  background: linear-gradient(135deg, var(--yyk-panel), var(--yyk-panel-soft));
}

.yyk-zsh-rank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--yyk-blue), var(--yyk-lavender));
  color: #090b11;
  font-size: 17px;
  font-weight: 900;
}

.yyk-zsh-club h3 {
  margin-bottom: 5px;
}

.yyk-zsh-club h3 a {
  color: var(--yyk-cream);
  text-decoration: none;
}

.yyk-zsh-club p {
  margin-bottom: 0;
  font-size: 16px;
}

.yyk-zsh-formula {
  margin: 20px 0;
  padding: 15px;
  border-top: 3px solid var(--yyk-blue);
  border-bottom: 3px solid var(--yyk-lavender);
  background: linear-gradient(90deg, rgba(117, 245, 255, 0.05), rgba(194, 141, 255, 0.08));
  color: var(--yyk-cream);
  text-align: center;
}

.yyk-zsh-formula p {
  margin-bottom: 0;
  font-size: clamp(19px, 3vw, 28px);
}

.yyk-zsh-faq details {
  margin-bottom: 10px;
  border: 1px solid var(--yyk-line);
  background: var(--yyk-panel);
}

.yyk-zsh-faq summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 10px;
  align-items: center;
  padding: 13px 15px;
  color: var(--yyk-cream);
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.yyk-zsh-faq summary::-webkit-details-marker {
  display: none;
}

.yyk-zsh-faq summary::after {
  content: "+";
  grid-column: 2;
  transform: none;
  color: var(--yyk-blue);
  font-size: 24px;
  font-weight: 500;
}

.yyk-zsh-faq details[open] summary::after {
  content: "−";
}

.yyk-zsh-faq details p {
  margin: 0;
  padding: 0 15px 15px;
  color: #d7dbe6;
}

.yyk-zsh-conclusion {
  margin: 0;
  padding: 0;
}

.yyk-zsh-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 24px 0 0;
  padding: 15px;
  border: 1px solid var(--yyk-line);
  border-left: 6px solid var(--yyk-gold);
  background: linear-gradient(120deg, #121827 0%, #1b1730 55%, #102229 100%);
  color: var(--yyk-text);
}

.yyk-zsh-cta strong,
.yyk-zsh-cta span {
  display: block;
}

.yyk-zsh-cta strong {
  margin-bottom: 3px;
  font-size: 20px;
}

.yyk-zsh-cta span {
  color: #d7dce9;
  font-size: 15px;
}

.yyk-zsh-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid var(--yyk-cream);
  background: var(--yyk-cream);
  color: #11131b !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.yyk-zsh-btn:hover,
.yyk-zsh-btn:focus-visible {
  background: var(--yyk-blue);
  border-color: var(--yyk-blue);
}

@media (max-width: 900px) {
  .yyk-zsh-grid--3,
  .yyk-zsh-grid--2,
  .yyk-zsh-club-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .yyk-zsh-article {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 1.85;
  }

  .yyk-zsh-article h2 {
    padding-left: 9px;
    font-size: 24px;
  }

  .yyk-zsh-lead {
    font-size: 17px;
  }

  .yyk-zsh-terms {
    grid-template-columns: 1fr;
  }

  .yyk-zsh-steps li {
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 12px;
  }

  .yyk-zsh-steps li::before {
    width: 40px;
  }

  .yyk-zsh-club {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
  }

  .yyk-zsh-rank {
    width: 42px;
    height: 42px;
  }

  .yyk-zsh-cta {
    align-items: stretch;
    flex-direction: column;
  }

  .yyk-zsh-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yyk-zsh-article *,
  .yyk-zsh-article *::before,
  .yyk-zsh-article *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}/* End custom CSS */