/* 由 scripts/build-theme-colors.mjs 產生，請勿手改。手繪主題配色：home */
:root{color-scheme:light;--bg:#f4f2eb;--ink:#111819;--dim:#465450;--accent:#00d9ba;--line:rgba(17,24,25,0.352)}
html{background:#f4f2eb}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid #111819}
::selection{background:#00d9ba;color:#111819}
.skip-link{background:#00d9ba;color:#111819}
#headline{color:#111819;text-shadow:0 2px 34px rgba(17,24,25,0.193)}
#headline .accent{color:#111819}
.card figure{background:#f4f2eb}
.card figure::after{box-shadow:inset 0 0 0 1px rgba(17,24,25,0.192)}
.card-shade{background:#f4f2eb}
.card-name{color:#111819;text-shadow:0 1px 8px rgba(17,24,25,0.35)}
.vig{background:radial-gradient(ellipse 88% 92% at 50% 50%,transparent 48%,rgba(244,242,235,0.26) 80%,rgba(244,242,235,0.72) 100%)}
.header-contact span{color:#111819}
.who small{color:#111819}
.bio p{color:#465450}
.colophon a span{color:#111819}
.view-toggle{border:1px solid rgba(17,24,25,0.55);background:#f4f2eb}
.grid-icon b{background:#00d9ba}
.cue s{background:#f4f2eb}
.cue s::after{background:#00d9ba}
#grid{background:#f4f2eb}
.grid-card figure{background:#f4f2eb}
.grid-card .grid-caption span:last-child{color:#111819}
.grid-card .grid-number{background:rgba(244,242,235,0.91);color:#111819}
#content-panel{background:#f4f2eb}
.panel-bar a span{color:#111819}
#menu{background:#f4f2eb}
.menu-intro .menu-label-brand{color:#111819}
.menu-nav a:last-child{color:#111819}
.menu-close span{color:#111819}
.lit-toolbar p{color:#111819}
.lit-toolbar button{border:1px solid rgba(17,24,25,0.4);background:#f4f2eb}
.lit-toolbar [data-close]{border-color:#111819;color:#111819}
.shot{background:#f4f2eb;box-shadow:0 30px 90px rgba(17,24,25,0.262)}
.shot figcaption{background:rgba(244,242,235,0.8);color:#111819}
#litNote{color:#111819}
.lit-link{color:#111819}
.lit .meta{background:rgba(244,242,235,0.86)}
#dot{background:rgba(251,250,246,0.9)}
#dot.wide{background:rgba(17,24,25,0.084);border-color:#111819}
.install-dialog{background:#f4f2eb;border:1px solid rgba(17,24,25,0.55)}
.install-dialog::backdrop{background:rgba(244,242,235,0.733)}
.install-dialog button{color:#111819}
@media(hover:hover) and (pointer:fine){
  .menu-nav a:hover{color:#111819}
  .header-contact:hover,.colophon a:hover{color:#111819}
}
@media(max-width:768px){
  .gallery-count span{color:#111819}
}
#content-panel{--content-accent:#00d9ba;--content-ink:#111819;--content-muted:#465450;--content-line:rgba(17,24,25,0.304)}
#content-panel :where(a,button,summary):focus-visible{outline:2px solid #111819}
#content-panel .content-eyebrow>span{color:#111819}
#content-panel .content-intro{color:#111819}
#content-panel .content-image{background:#f4f2eb}
#content-panel .content-index{color:#111819}
#content-panel .content-link{border-bottom:1px solid #111819}
#content-panel .content-link>span{color:#111819}
#content-panel .content-offer{border-left:1px solid #111819}
#content-panel .content-offer .content-offer-price{color:#111819}
#content-panel .price-eyebrow{color:#111819}
#content-panel :is(.price-card,.price-module,.price-duo-item){background:rgba(17,24,25,0.021)}
#content-panel :is(.price-card,.price-module,.price-duo-item)::before{border-top:1px solid #111819;border-left:1px solid #111819}
#content-panel .price-card.is-featured{border-color:rgba(17,24,25,0.55);background:linear-gradient(180deg,rgba(251,250,246,0.52),rgba(251,250,246,0.08) 60%)}
#content-panel .price-badge{background:#00d9ba;color:#111819}
#content-panel .price-en{color:#111819}
#content-panel .price-list li{border-bottom:1px solid rgba(17,24,25,0.128)}
#content-panel .price-list li::before{border-left:6px solid #111819}
#content-panel .price-cta{border:1px solid #111819}
#content-panel .is-featured .price-cta{background:#00d9ba;color:#111819}
#content-panel .price-module .price-module-price{color:#111819}
#content-panel .price-duo-item>.price-code{color:#111819}
#content-panel .about-feature-copy>p{color:#111819}
#content-panel .about-ownership p{color:#111819}
#content-panel .content-line-block h3{color:#111819}
#content-panel .content-button{border:1px solid #111819;background:#00d9ba;color:#111819}
#content-panel #contact-copy-status{color:#111819}
#content-panel .content-social-row>span:last-child{color:#111819}
#content-panel .content-contact-info{background:#f4f2eb}
@media(hover:hover){
  #content-panel .content-social-row:hover strong,#content-panel .content-link:hover,#content-panel .content-phone:hover,#content-panel .content-mobile:hover{color:#111819}
  #content-panel .content-button:hover{background:#00d9ba;border-color:#111819;color:#111819}
  #content-panel .price-cta:hover{background:rgba(251,250,246,0.56)}
  #content-panel .is-featured .price-cta:hover{background:#00d9ba}
  #content-panel .content-button-outline:hover{background:#f4f2eb;border-color:#111819}
}
.policy-links a:hover{color:#111819}
.workspace-notice{border-top:1px solid rgba(17,24,25,0.55)}
.brand-film-select{border:1px solid rgba(17,24,25,0.55);background:#f4f2eb;color-scheme:light}
.brand-film-stage{background:#f4f2eb;border:1px solid rgba(17,24,25,0.55)}
.brand-film-stage video{background:#f4f2eb}
.brand-film-play{background:#00d9ba;color:#111819}
.brand-film-select:focus-visible,.brand-film-play:focus-visible,.brand-film-stage video:focus-visible{outline:2px solid #111819}
.site-header{background:#f4f2eb;border-bottom:1px solid rgba(17,24,25,0.55)}
.primary-nav a{color:#111819}
.primary-nav a[aria-current="page"]{color:#111819;border-bottom-color:#111819}
@media(hover:hover) and (pointer:fine){
  .primary-nav a:hover{color:#111819;border-bottom-color:#111819}
}
.hero-actions a{border:1px solid #111819}
.hero-primary{background:#00d9ba;color:#111819}
.hero-secondary{color:#111819}
.hero-primary:hover{background:#00d9ba}
.hero-secondary:hover{background:#f4f2eb}
.card.brand-preview figure,.grid-card.brand-preview figure{background:#fbfaf6}
.shot.brand-preview{background:#fbfaf6}
.shot.brand-preview figcaption{background:#fbfaf6;color:#465450}
.gallery-count{color:#111819}
.gallery-count span{color:#111819}
.gallery-count small{color:#465450}
.view-toggle{background:#f4f2eb;border-color:rgba(17,24,25,0.55)}
.colophon{border-top:1px solid rgba(17,24,25,0.55)}
.colophon .colophon-label{color:#111819}
.grid-back{color:#111819}
:root{--hb-ink:#111819;--hb-muted:#465450;--hb-teal:#111819;--hb-accent:#00d9ba;--hb-dark:#f4f2eb;--hb-line:rgba(17,24,25,0.22);--hb-soft:#fbfaf6}
.hb-light{background:#fbfaf6}
.hb-dark{color:#111819}
.hb-dark .hb-eyebrow{color:#111819}
.hb-bar::after{background:#00d9ba}
.hb-dark .hb-body p{color:#111819}
.hb-dark .hb-body .hb-lead{color:#111819}
.hb-btn{background:linear-gradient(0deg,#00d9ba,#00d9ba);color:#111819}
.hb-btn-dark{color:#111819}
@media(hover:hover) and (pointer:fine){
  .hb-btn:hover{border-color:#111819}
  .hb-dark .hb-btn:hover{color:#111819}
}
.home-block a:focus-visible,.home-block button:focus-visible{outline:3px solid #111819}
.hb-reel{background:#f4f2eb}
.hb-reel-stage{background:#f4f2eb}
.hb-reel-stage video{background:#f4f2eb}
.hb-reel-copy{color:#111819}
.hb-reel-copy::before{background:linear-gradient(to top,rgba(244,242,235,0.8),rgba(244,242,235,0.66) calc(100% - 2.6em),rgba(244,242,235,0.4) calc(100% - 1.6em),rgba(0,0,0,0))}
.hb-reel-copy h1{text-shadow:0 2px 24px rgba(17,24,25,0.122)}
.hb-reel-sub{color:#111819}
.hb-reel-price{color:#111819;text-decoration-color:#111819}
.hb-reel-cta .hb-btn-line{color:#111819;border-color:#111819}
@media(hover:hover) and (pointer:fine){
  .hb-reel-cta .hb-btn:hover{color:#111819}
}
.hb-reel .hb-reel-controls button{border-color:rgba(17,24,25,0.8);background:rgba(244,242,235,0.45);color:rgba(17,24,25,0.92)}
@media(max-width:768px){
  .hb-float-line{background:linear-gradient(0deg,#00d9ba,#00d9ba);color:#111819;box-shadow:0 6px 18px rgba(17,24,25,0.158)}
  .hb-float-line:focus-visible{outline:3px solid #111819}
}
.content-line-promise{color:var(--content-accent,#111819)}
.content-line-qr img{background:#fbfaf6}
.content-line-qr figcaption{color:var(--content-muted,#465450)}
.hb-reel-controls button{border:1px solid rgba(17,24,25,0.448);background:rgba(244,242,235,0.72);color:#111819}
.hb-strip{color:#465450}
.hb-strip>p{color:#465450}
.hb-intro-card{background:#f4f2eb;color:#111819}
.hb-intro-card small{color:#465450}
.hb-stats{border-image:linear-gradient(90deg,#111819,#111819) 1}
.hb-stats strong small{color:#465450}
.hb-stats span{color:#111819}
.hb-step-circle{border:1px solid rgba(17,24,25,0.55)}
.hb-step-circle b{color:#111819}
.hb-step-copy em{border-bottom:1px solid rgba(17,24,25,0.55);color:#111819}
.hb-step-copy p{color:#111819}
.hb-svc-tabs button{color:#465450}
.hb-svc-tabs [aria-selected="true"]{border-bottom-color:#111819}
.hb-cta{color:#111819}
.hb-cta-top{background:linear-gradient(120deg,#00d9ba,#00d9ba);color:#111819}
.hb-cta-sub{color:#111819}
.hb-cta-contact{color:#111819}
.hb-cta-contact a{color:#111819}
@media(hover:hover) and (pointer:fine){
  .hb-cta-top .hb-btn:hover{border-color:rgba(17,24,25,0.55);color:#111819}
}
@media(min-width:960px){
  html:not([data-view="mobile"]) .hb-svc-panel div{background:rgba(251,250,246,0.93)}
}
.lead-block{border:1px solid var(--content-line,rgba(17,24,25,0.304));border-left:1px solid var(--content-accent,#111819)}
.lead-block>div>p{color:var(--content-muted,#465450)}
.lead-form :is(input,textarea){border:1px solid rgba(17,24,25,0.55);background:#f4f2eb;color:#111819}
.lead-form :is(input,textarea):focus-visible{outline:2px solid var(--content-accent,#111819)}
.lead-status{color:var(--content-accent,#111819)}
.brand-film-tile{border:1px solid var(--content-line,rgba(17,24,25,0.304));background:#f4f2eb;color:#111819}
.brand-film-tile[aria-pressed="true"]{border-color:var(--content-accent,#111819);box-shadow:inset 0 0 0 1px var(--content-accent,#111819)}
@media(hover:hover) and (pointer:fine){
  .brand-film-tile:hover{border-color:var(--content-accent,#111819)}
}
#content-panel .svc-page{--svc-ink:#111819;--svc-muted:#465450;--svc-teal:#111819;--svc-soft:#fbfaf6}
#content-panel .svc-page .hb-btn{color:#111819}
#content-panel .svc-page .hb-btn-dark{color:#111819}
#content-panel .svc-bar::after{background:#00d9ba}
#content-panel .svc-lede{color:#111819}
#content-panel .svc-hero::before{background:#f4f2eb url("/assets/case-shanyu.webp") center/cover}
#content-panel .svc-hero-copy{background:linear-gradient(120deg,rgba(0,217,186,0.94),rgba(0,217,186,0.94));color:#111819}
#content-panel .svc-hero h2{color:#111819}
#content-panel .svc-hero-sub{color:#111819}
#content-panel .svc-hero-copy .hb-btn{background:#f4f2eb;color:#111819}
#content-panel .svc-hero-video{border:1px solid rgba(17,24,25,0.448);background:#f4f2eb}
#content-panel .svc-hero-video::before{border-top:1px solid #111819;border-left:1px solid #111819}
#content-panel .svc-hero-video::after{border-right:1px solid #111819;border-bottom:1px solid #111819}
#content-panel .svc-hero-video video{background:#f4f2eb}
#content-panel .svc-row-copy h3::after{background:#00d9ba}
#content-panel .svc-all{background:#fbfaf6}
#content-panel .svc-tiles a{border-bottom:1px solid rgba(17,24,25,0.22)}
#content-panel .svc-case{background:#f4f2eb repeating-radial-gradient(circle at 20% 120%,rgba(251,250,246,0.32) 0 1px,transparent 1px 22px)}
#content-panel .svc-case p{color:#111819}
#content-panel .svc-case strong{-webkit-text-stroke:1.5px #111819}
#content-panel .svc-cards p{color:#111819}
@media(hover:hover) and (pointer:fine){
  #content-panel .svc-page .hb-btn:hover{color:#111819}
  #content-panel .svc-hero-copy .hb-btn:hover{border-color:rgba(17,24,25,0.55);color:#111819}
}
#grid{--wk-ink:#111819;--wk-muted:#465450;--wk-teal:#111819;--wk-soft:#fbfaf6;--wk-line:rgba(17,24,25,0.22);background:#fbfaf6}
#grid .wk-bar::after{background:#00d9ba}
#grid .wk-hero{background:#f4f2eb;color:#111819}
#grid .wk-hero::before{background:linear-gradient(90deg,rgba(244,242,235,0.9),rgba(244,242,235,0.55)),url("/assets/case-jianan.webp") center/cover}
#grid .wk-hero .grid-back{color:#111819}
#grid .wk-hero .wk-kicker{color:#111819}
#grid .wk-hero-sub{color:#111819}
#grid .wk-film{border:1px solid rgba(17,24,25,0.448);background:#f4f2eb}
#grid .wk-film video{background:#f4f2eb}
#grid .wk-count{background:#f4f2eb repeating-radial-gradient(circle at 80% -20%,rgba(251,250,246,0.36) 0 1px,transparent 1px 22px);color:#111819}
#grid .wk-count .wk-kicker{color:#111819}
#grid .wk-count strong{-webkit-text-stroke:2px #111819}
#grid .grid-card .grid-number{background:rgba(244,242,235,0.86)}
#grid .wk-cta{background:linear-gradient(120deg,#00d9ba,#00d9ba);color:#111819}
#grid .wk-cta p{color:#111819}
@media(hover:hover) and (pointer:fine){
  #grid .wk-cta .hb-btn:hover{border-color:rgba(17,24,25,0.55);color:#111819}
}
.view-mode-control select{border:1px solid rgba(17,24,25,0.55);background:#f4f2eb;color:#111819;color-scheme:light}
.view-mode-control select:focus-visible{outline:2px solid #111819}
.view-mode-control small{color:#111819}
