:root{
  --sc-purple:#FFCC33;
  --sc-purple-deep:#FFA700;
  --sc-ink:#000000;
  --sc-gray:#4A4A4A;
  --sc-gray-light:#8A8A8A;
  --sc-border:#DADADA;
  --sc-bg-alt:#EFEFEF;
  --sc-dark-line:#2A2A2A;
  --sc-on-dark:#D0D0D0;
  --sc-sans:'Nunito Sans','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;
}
body{-webkit-font-smoothing:antialiased}
a{color:#000;text-decoration:underline;text-decoration-color:var(--sc-purple);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--sc-purple-deep)}
a:focus-visible{outline:2px solid var(--sc-purple);outline-offset:3px}

.sc-header{position:sticky;top:0;z-index:20;background:#000;border-bottom:1px solid var(--sc-dark-line)}
.sc-header-inner{height:72px}
.sc-logo-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--sc-purple);color:#000;font-size:1.25rem;line-height:1;border-radius:4px}
.sc-logo-text{font-weight:800;letter-spacing:0.14em;color:#fff;font-size:1.0625rem}
.sc-nav{gap:32px;margin-left:20px;flex:1}
.sc-nav a{position:relative;font-size:0.875rem;color:var(--sc-on-dark)!important;padding:6px 0;transition:color 0.2s}
.sc-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--sc-purple);transition:right 0.25s}
.sc-nav a:hover{color:#fff!important}
.sc-nav a:hover::after{right:0}
.sc-nav-cta{background:var(--sc-purple);color:#000!important;font-size:0.8125rem;font-weight:800;letter-spacing:0.04em;padding:11px 26px;border-radius:999px}
.sc-nav-cta:hover{background:var(--sc-purple-deep)}

.sc-page-hero{background:#000;border-bottom:4px solid var(--sc-purple);padding:72px 20px;text-align:center}
.sc-page-hero h1{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:0.04em;margin-bottom:14px}
.sc-page-hero .sc-updated{font-size:0.9375rem;color:var(--sc-on-dark)}

.sc-page-main{padding:64px 20px 88px}
.sc-page-main h2{font-size:1.25rem;font-weight:800;color:#000;margin:44px 0 16px;padding-bottom:0;border-bottom:0;padding-left:16px;border-left:4px solid var(--sc-purple);line-height:1.4}
.sc-page-main h2:first-child{margin-top:0}
.sc-page-main p,.sc-page-main li{color:var(--sc-gray);line-height:1.85}
.sc-page-main strong{color:#000}
.sc-contact-box{background:var(--sc-bg-alt);border:0;border-left:4px solid var(--sc-purple);border-radius:2px}

.sc-method-list li{background:var(--sc-bg-alt)!important;border-left:4px solid var(--sc-purple)!important;border-radius:2px!important}
.sc-author-card,.sc-contact-card{background:#fff!important;border:1px solid var(--sc-border)!important;border-top:4px solid var(--sc-purple)!important;border-radius:4px!important}
.sc-author-avatar{background:#000!important;color:var(--sc-purple)!important}
.sc-author-detail .sc-role{color:#000!important}

.sc-footer{background:#000;padding:72px 0 28px}
.sc-footer-col h5{font-weight:800;color:var(--sc-purple);letter-spacing:0.08em;font-size:1rem}
.sc-footer-col p{color:var(--sc-on-dark)}
.sc-footer-links a{color:var(--sc-on-dark)!important;transition:color 0.2s}
.sc-footer-links a:hover{color:var(--sc-purple)!important}
.sc-footer-links li{color:var(--sc-on-dark)}
.sc-footer-bottom{border-top:1px solid var(--sc-dark-line)}
.sc-footer-bottom p{color:var(--sc-gray-light)}

@media(max-width:900px){
  .sc-header-inner{gap:12px}
  .sc-logo-text{letter-spacing:0.06em;font-size:0.9375rem}
  .sc-nav-cta{white-space:nowrap;padding:9px 16px;font-size:0.75rem}
  .sc-header-inner{padding:0 20px;height:64px}
  .sc-page-hero{padding:52px 20px}
  .sc-page-hero h1{font-size:1.75rem}
  .sc-page-main{padding:44px 20px 64px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important}
}