/* Sheepfish Design System v1 */
:root{--ds-n:#1F2A44;--ds-n2:#34455F;--ds-c:#F7F4EF;--ds-b:#B66855;--ds-bd:#9C5646;--ds-bl:#F5CBBE;--ds-t:#3A4150;--ds-s:#5B6272;--ds-line:rgba(31,42,68,.14);--ds-navy:linear-gradient(120deg,#6B7C93 0%,#52647D 35%,#34455F 70%,#1B2740 100%);--ds-ease:cubic-bezier(.2,.65,.3,1)}
.ds{font-family:'Barlow Semi Condensed','Noto Sans TC',sans-serif;color:var(--ds-t);background:#fff;overflow-x:clip;text-autospace:normal}
.ds *,.ds *::before,.ds *::after{box-sizing:border-box}
.ds p,.ds h1,.ds h2,.ds h3,.ds h4,.ds figure,.ds ul,.ds ol{margin:0}
.ds ul,.ds ol{padding:0;list-style:none}
.ds a{text-decoration:none}
.ds img{max-width:100%;height:auto;display:block}
.ds-w{max-width:1208px;margin:0 auto;padding:0 24px;position:relative}
.ds-sec{padding:130px 0}
.ds-sec-lg{padding:150px 0}
.ds-cream{background:var(--ds-c)}.ds-white{background:#fff}.ds-navy{background:var(--ds-navy);color:var(--ds-c)}
.ds-sf{font-family:'Playfair Display','Noto Serif TC',serif}
.ds-eb{font-size:13px;letter-spacing:.18em;color:var(--ds-b);font-weight:500}
.ds-navy .ds-eb{color:var(--ds-bl)}
.ds-h1{font-family:'Playfair Display','Noto Serif TC',serif;font-size:clamp(34px,4.7vw,68px);line-height:1.22;font-weight:700;color:var(--ds-n)}
.ds-h1 span{display:block}
.ds-h2{font-family:'Playfair Display','Noto Serif TC',serif;font-size:clamp(28px,3.1vw,44px);line-height:1.3;font-weight:700;color:var(--ds-n)}
.ds-h3{font-family:'Playfair Display','Noto Serif TC',serif;font-size:clamp(20px,1.7vw,24px);line-height:1.4;font-weight:700;color:var(--ds-n)}
.ds-navy .ds-h1,.ds-navy .ds-h2,.ds-navy .ds-h3{color:var(--ds-c)}
.ds-body{font-size:17px;line-height:1.85;color:var(--ds-t)}
.ds-lead{font-size:17px;line-height:1.85;color:var(--ds-s)}
.ds-navy .ds-lead,.ds-navy .ds-body{color:rgba(228,232,240,.84)}
.ds-cap{font-size:14px;line-height:1.65;color:var(--ds-s)}
.ds-navy .ds-cap{color:rgba(228,232,240,.72)}
.ds-num{font-family:'Playfair Display',serif;font-weight:700;line-height:.95;font-variant-numeric:lining-nums;color:var(--ds-n)}
.ds-navy .ds-num{color:var(--ds-c)}
.ds-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}
.ds-head>div{display:flex;flex-direction:column;gap:16px}
.ds-head .ds-lead{max-width:24em}
.ds-dom{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:15px;letter-spacing:.16em;color:var(--ds-n)}
.ds-dom i{width:28px;height:1px;background:var(--ds-b)}
.ds-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;border-radius:999px;font-size:15px;letter-spacing:.08em;line-height:1.2;border:0;cursor:pointer;font-family:inherit;transition:background-color .25s,color .25s,border-color .25s}
.ds-btn i{font-style:normal;display:inline-block;transition:transform .25s}
.ds-btn:hover i{transform:translateX(4px)}
.ds-bp{background:var(--ds-b);color:#fff!important}.ds-bp:hover{background:var(--ds-bd)}
.ds-bo{border:1px solid var(--ds-n);color:var(--ds-n)!important;background:transparent}.ds-bo:hover{background:var(--ds-n);color:var(--ds-c)!important}
.ds-bg{border:1px solid rgba(247,244,239,.55);color:var(--ds-c)!important;background:transparent}.ds-bg:hover{background:var(--ds-c);color:var(--ds-n)!important}
.ds-acts{display:flex;flex-wrap:wrap;gap:16px}
.ds-lk{display:inline-flex;align-items:center;gap:8px;color:var(--ds-n)!important;font-size:15px;font-weight:500}
.ds-lk i{font-style:normal;color:var(--ds-b);transition:transform .25s}
.ds-lk:hover i,a:hover .ds-lk i{transform:translateX(5px)}
.ds-navy .ds-lk{color:var(--ds-c)!important}
.ds-rows{border-bottom:1px solid var(--ds-line)}
.ds-row{display:grid;gap:24px;align-items:center;padding:26px 0;border-top:1px solid var(--ds-line);color:inherit!important;position:relative}
.ds-row::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--ds-b);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ds-ease)}
a.ds-row:hover::after{transform:scaleX(1)}
.ds-go{width:44px;height:44px;border-radius:50%;border:1px solid rgba(31,42,68,.2);display:flex;align-items:center;justify-content:center;color:var(--ds-n);flex:none;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
a.ds-row:hover .ds-go{background:var(--ds-b);border-color:var(--ds-b);color:#fff;transform:translateX(4px)}
.ds-li{position:relative;padding-left:16px;font-size:16px;line-height:1.8;color:var(--ds-t)}
.ds-li::before{content:'';position:absolute;left:0;top:.85em;width:7px;height:1px;background:var(--ds-b)}
.ds-media{position:relative;overflow:hidden;border-radius:20px}
.ds-zoom{transition:transform .7s var(--ds-ease)}
a:hover .ds-zoom{transform:scale(1.035)}
.ds-tab{background:#2B2E35;border-radius:18px;padding:10px;box-shadow:0 30px 60px rgba(31,42,68,.22)}
.ds-tab img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:9px}
.ds-ph{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;letter-spacing:.06em;color:var(--ds-s);background:#EFEAE2}
.ds-waves{position:absolute;left:0;right:0;bottom:-1px;height:110px;overflow:hidden;pointer-events:none}
.ds-wv{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:dsDrift 28s linear infinite}
.ds-wv2{opacity:.3;animation-duration:42s;animation-direction:reverse}
@keyframes dsDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dsFloat{from{transform:translate(0,0)}to{transform:translate(0,-7px)}}
@keyframes dsUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ds-venn{width:100%;height:auto;display:block}
.ds-venn .vc{transition:fill-opacity .35s}.ds-venn:hover .vc{fill-opacity:.35}.ds-venn .vc:hover{fill-opacity:.8}
.ds-f1{animation:dsFloat 9s ease-in-out infinite alternate}.ds-f2{animation:dsFloat 11s 1.5s ease-in-out infinite alternate}.ds-f3{animation:dsFloat 10s 3s ease-in-out infinite alternate}
.ds-in1{animation:dsUp .7s .1s both}.ds-in2{animation:dsUp .7s .22s both}.ds-in3{animation:dsUp .7s .34s both}
.ds-js .ds-rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ds-ease),transform .7s var(--ds-ease)}
.ds-js .ds-rv.is-in{opacity:1;transform:none}
.ds-cta{text-align:center}
.ds-cta .ds-w{display:flex;flex-direction:column;align-items:center;gap:22px}
.ds-cta .ds-h2{font-size:clamp(28px,3.4vw,48px);line-height:1.35}
.ds-cta .ds-acts{justify-content:center;margin-top:18px}
.ds a:focus-visible,.ds button:focus-visible,.ds summary:focus-visible,.ds input:focus-visible,.ds select:focus-visible,.ds textarea:focus-visible{outline:2px solid var(--ds-b);outline-offset:3px;border-radius:4px}
.ds details summary{cursor:pointer;list-style:none}.ds details summary::-webkit-details-marker{display:none}
/* ---------- Header (shared) ---------- */
html body.sf-ds .site-header,html body.sf-ds .site-header .ast-primary-header-bar,html body.sf-ds .site-header .main-header-bar,html body.sf-ds #ast-mobile-header .ast-primary-header-bar{background:var(--ds-c)!important;background-image:none!important;border:0!important;box-shadow:none!important}
html body.sf-ds .site-header{position:relative!important;z-index:60}
html body.sf-ds .site-header .site-primary-header-wrap{min-height:84px}
html body.sf-ds .site-title,html body.sf-ds .site-title a{font-family:'Playfair Display','Noto Serif TC',serif!important;font-size:20px!important;font-weight:700!important;letter-spacing:.04em;color:var(--ds-n)!important;margin:0}
html body.sf-ds .site-header .main-header-menu>.menu-item>.menu-link{position:relative;color:var(--ds-t)!important;font-size:16px!important;letter-spacing:.1em;padding:0 16px!important;line-height:84px}
html body.sf-ds .site-header .main-header-menu>.menu-item>.menu-link::before{display:none!important}
html body.sf-ds .site-header .main-header-menu>.menu-item>.menu-link::after{content:'';position:absolute;left:16px;right:16px;bottom:28px;height:1px;background:var(--ds-b);transform:scaleX(0);transform-origin:left;transition:transform .3s}
html body.sf-ds .site-header .main-header-menu>.menu-item>.menu-link:hover::after,html body.sf-ds .site-header .main-header-menu>.current-menu-item>.menu-link::after,html body.sf-ds .site-header .main-header-menu>.current-menu-ancestor>.menu-link::after,html body.sf-ds .site-header .main-header-menu>.current_page_parent>.menu-link::after{transform:scaleX(1)}
html body.sf-ds .site-header .main-header-menu>.current-menu-item>.menu-link,html body.sf-ds .site-header .main-header-menu>.current-menu-ancestor>.menu-link,html body.sf-ds .site-header .main-header-menu>.current_page_parent>.menu-link{color:var(--ds-n)!important}
html body.sf-ds.ds-dark-hero .site-header{position:absolute!important;top:0;left:0;right:0}
html body.sf-ds.ds-dark-hero.admin-bar .site-header{top:32px}
html body.sf-ds.ds-dark-hero .site-header,html body.sf-ds.ds-dark-hero .site-header .ast-primary-header-bar,html body.sf-ds.ds-dark-hero .site-header .main-header-bar,html body.sf-ds.ds-dark-hero #ast-mobile-header .ast-primary-header-bar{background:transparent!important}
html body.sf-ds.ds-dark-hero .site-title a{color:var(--ds-c)!important}
html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.menu-item>.menu-link{color:rgba(247,244,239,.86)!important}
html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.menu-item>.menu-link::after{background:var(--ds-bl)}
html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.current-menu-item>.menu-link,html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.current-menu-ancestor>.menu-link,html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.current_page_parent>.menu-link{color:#fff!important}
html body.sf-ds .ast-mobile-menu-trigger-minimal,html body.sf-ds .menu-toggle{color:var(--ds-n)!important;background:transparent!important;min-width:44px;min-height:44px}
html body.sf-ds .menu-toggle .ast-mobile-svg,html body.sf-ds .menu-toggle svg{fill:currentColor!important}
html body.sf-ds.ds-dark-hero .menu-toggle{color:var(--ds-c)!important}
html body.sf-ds .ast-mobile-header-content{background:var(--ds-c)!important;border-top:1px solid var(--ds-line)}
html body.sf-ds.ds-dark-hero .ast-mobile-header-content{background:#1F2A44!important;border-top:1px solid rgba(247,244,239,.12)}
html body.sf-ds .ast-mobile-header-content .menu-link{font-size:18px!important;letter-spacing:.08em;padding:14px 24px!important;min-height:52px;display:flex!important;align-items:center;color:var(--ds-n)!important;border-bottom:1px solid var(--ds-line)!important}
html body.sf-ds.ds-dark-hero .ast-mobile-header-content .menu-link{color:var(--ds-c)!important;border-bottom-color:rgba(247,244,239,.1)!important}
html body.sf-ds .ast-mobile-header-content .current-menu-item>.menu-link,html body.sf-ds .ast-mobile-header-content .current_page_parent>.menu-link{color:var(--ds-b)!important}
/* ---------- Footer (shared) ---------- */
html body.sf-ds .site-footer,html body.sf-ds .site-footer .site-primary-footer-wrap,html body.sf-ds .site-footer .site-above-footer-wrap{background:var(--ds-n)!important;background-image:none!important;color:#C9CFDB}
html body.sf-ds .site-footer .site-primary-footer-wrap{padding:88px 0 56px!important}
html body.sf-ds .site-footer .site-below-footer-wrap{background:#18213A!important;border-top:1px solid rgba(247,244,239,.08);padding:18px 0!important}
html body.sf-ds .site-footer .ast-footer-copyright,html body.sf-ds .site-footer .ast-footer-copyright p{color:rgba(201,207,219,.7)!important;font-size:13px}
html body.sf-ds .site-footer .widget-title{font-family:'Barlow Semi Condensed','Noto Sans TC',sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:.18em;color:var(--ds-bl)!important;margin-bottom:18px!important;text-transform:none}
html body.sf-ds .site-footer .widget_nav_menu ul{list-style:none;margin:0;padding:0}
html body.sf-ds .site-footer .widget_nav_menu li{margin:0 0 12px}
html body.sf-ds .site-footer .widget_nav_menu a{color:rgba(247,244,239,.78)!important;font-size:15px;text-decoration:none;display:inline-block;padding:2px 0}
html body.sf-ds .site-footer .widget_nav_menu a:hover,html body.sf-ds .site-footer .widget_nav_menu .current-menu-item>a{color:#fff!important}
html body.sf-ds .sf-foot-name{font-family:'Playfair Display','Noto Serif TC',serif;font-size:26px;font-weight:700;color:#F7F4EF;margin:0 0 12px}
html body.sf-ds .sf-foot-tag{font-size:16px;line-height:1.8;color:#C9CFDB;margin:0 0 16px;max-width:26em}
html body.sf-ds .sf-foot-contact{font-size:15px;line-height:1.9;color:#C9CFDB;margin:0 0 22px}
html body.sf-ds .sf-foot-contact a{color:#F7F4EF!important}
html body.sf-ds .sf-foot-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 24px;border:1px solid rgba(247,244,239,.5);border-radius:999px;color:#F7F4EF!important;font-size:15px;letter-spacing:.08em;text-decoration:none;transition:background-color .25s,color .25s}
html body.sf-ds .sf-foot-btn:hover{background:#F7F4EF;color:#1F2A44!important}
html body.sf-ds .site-footer a:focus-visible,html body.sf-ds .site-header a:focus-visible{outline:2px solid var(--ds-bl);outline-offset:3px}
/* ---------- Responsive ---------- */
@media (max-width:1024px){.ds-sec{padding:100px 0}.ds-sec-lg{padding:110px 0}.ds-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:40px}}
@media (max-width:921px){html body.sf-ds .site-header .site-primary-header-wrap{min-height:64px}}
@media (max-width:767px){.ds-sec,.ds-sec-lg{padding:80px 0}.ds-body,.ds-lead{font-size:16px}.ds-eb{font-size:12px}.ds-head{margin-bottom:32px}.ds-acts{flex-direction:column;width:100%;gap:12px}.ds-acts .ds-btn{width:100%;min-height:50px;font-size:16px}.ds-cta .ds-acts{width:100%}.ds-dom{gap:10px;font-size:13px;letter-spacing:.12em}.ds-dom i{width:14px}.ds-waves{height:60px}html body.sf-ds .site-footer .site-primary-footer-wrap{padding:64px 0 32px!important}html body.sf-ds .site-footer .site-footer-section{margin-bottom:32px}}
@media (prefers-reduced-motion:reduce){.ds *,.ds *::before,.ds *::after,html body.sf-ds .site-header *,html body.sf-ds .site-footer *{animation:none!important;transition:none!important}.ds-js .ds-rv{opacity:1!important;transform:none!important}}
/* QA-1 */
.ds .ds-cap{font-size:15px;line-height:1.7}
.ds .ds-eb{font-size:13px}
.ds .ds-li{font-size:16px;line-height:1.8}
.ds .ab-cap .ds-lead,.ds .ab-ind .ds-lead,.ds .ab-edu-c .ds-lead{font-size:16px}
.ds .xp-tools{font-size:15px}
.ds .pj-kv dd,.ds .pj-r .ds-lead{font-size:16px}
.ds .pj-bar span:first-child{font-size:15px}
.ds .sv-p,.ds .sv-ch p,.ds .sv-st .ds-lead,.ds .sv-pc .ds-lead,.ds .sv-layer span:last-child{font-size:16px}
.ds .sv-pills span{font-size:15px}
.ds .cp-st .ds-lead{font-size:16px}
.ds .cw-node small{font-size:14px}
.ds .ct-steps p{font-size:16px}
@media (max-width:767px){.ds .ds-eb{font-size:13px}.ds .ds-cap{font-size:15px}html body.sf-ds .site-footer .widget_nav_menu a{display:flex;align-items:center;min-height:44px;padding:0}html body.sf-ds .site-footer .widget_nav_menu li{margin:0}}
/* QA-1 END */

/* QA-2 */
html body.sf-ds .site-header .main-header-menu>.current-page-ancestor>.menu-link::after,html body.sf-ds .site-header .main-header-menu>.current_page_ancestor>.menu-link::after{transform:scaleX(1)}
html body.sf-ds .site-header .main-header-menu>.current-page-ancestor>.menu-link,html body.sf-ds .site-header .main-header-menu>.current_page_ancestor>.menu-link{color:var(--ds-n)!important}
html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.current-page-ancestor>.menu-link,html body.sf-ds.ds-dark-hero .site-header .main-header-menu>.current_page_ancestor>.menu-link{color:#fff!important}
html body.sf-ds .ast-mobile-header-content .current-page-ancestor>.menu-link,html body.sf-ds .ast-mobile-header-content .current_page_ancestor>.menu-link{color:var(--ds-b)!important}
/* QA-2 END */

/* GRID */
:root{--ds-max:1160px;--ds-gutter:24px}
.ds-w{max-width:calc(var(--ds-max) + var(--ds-gutter) * 2);padding-left:var(--ds-gutter);padding-right:var(--ds-gutter);margin-left:auto;margin-right:auto}
html body.sf-ds .site-header .site-primary-header-wrap.ast-container,html body.sf-ds .site-header .ast-builder-grid-row-container,html body.sf-ds .site-footer .ast-builder-grid-row-container-inner{max-width:calc(var(--ds-max) + var(--ds-gutter) * 2)!important;padding-left:var(--ds-gutter)!important;padding-right:var(--ds-gutter)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html body.sf-ds .site-header .ast-builder-grid-row{grid-column-gap:24px}
.ds .ds-eb{font-size:13px}
/* GRID END */

/* SPACING */
:root{--sp-xl:160px;--sp-l:128px;--sp-m:96px;--sp-s:64px;--sp-head:56px}
@media (max-width:1024px){:root{--sp-xl:120px;--sp-l:96px;--sp-m:72px;--sp-s:48px;--sp-head:40px}}
@media (max-width:767px){:root{--sp-xl:96px;--sp-l:76px;--sp-m:58px;--sp-s:40px;--sp-head:32px}}
.ds-sec{padding-top:var(--sp-l);padding-bottom:var(--sp-l)}
.ds-sec-lg{padding-top:var(--sp-xl);padding-bottom:var(--sp-xl)}
.ds .ds-head{margin-bottom:var(--sp-head)}
.ds .pt-xl{padding-top:var(--sp-xl)!important}.ds .pt-l{padding-top:var(--sp-l)!important}.ds .pt-m{padding-top:var(--sp-m)!important}.ds .pt-s{padding-top:var(--sp-s)!important}.ds .pt-0{padding-top:0!important}
.ds .pb-xl{padding-bottom:var(--sp-xl)!important}.ds .pb-l{padding-bottom:var(--sp-l)!important}.ds .pb-m{padding-bottom:var(--sp-m)!important}.ds .pb-s{padding-bottom:var(--sp-s)!important}.ds .pb-0{padding-bottom:0!important}
/* SPACING END */

/* CASE */
.ds.cs .cs-row{grid-template-columns:240px minmax(0,1fr);gap:80px}
.ds.cs .cs-hero{padding-top:var(--sp-l);padding-bottom:var(--sp-l)}
.ds.cs .cs-hero.ds-navy{padding-top:calc(var(--sp-l) + 84px)}
.ds.cs .cs-next{padding-top:0;padding-bottom:var(--sp-l)}
.ds.cs h2.cs-lab{font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.18em;color:var(--ds-b);margin:0}
.ds.cs .cs-result,.ds.cs .cw-res .cs-row,.ds.cs .cp-res .cs-row,.ds.cs .cs-res{border-top:4px solid var(--ds-n);padding-top:40px}
.ds.cs .cm-ch,.ds.cs .cp-need,.ds.cs .cp-res{padding-top:var(--sp-l);padding-bottom:var(--sp-m)}
.ds.cs .cp-f{padding-top:var(--sp-m);padding-bottom:var(--sp-m)}
.ds.cs .cw-ov{padding-top:calc(220px + var(--sp-m));padding-bottom:var(--sp-m)}
.ds.cs .cw-res{padding-top:var(--sp-s);padding-bottom:var(--sp-l)}
@media (max-width:1024px){.ds.cs .cs-row{grid-template-columns:180px minmax(0,1fr);gap:40px}}
@media (max-width:767px){.ds.cs .cs-row{grid-template-columns:1fr;gap:12px}.ds.cs .cs-hero.ds-navy{padding-top:calc(var(--sp-l) + 64px)}.ds.cs .cw-ov{padding-top:calc(100px + var(--sp-m))}}
/* CASE END */

/* WRAP */
.ds .ds-h1,.ds .ds-h2,.ds .ds-h3,.ds .cs-big,.ds .cs-res-t,.ds .ab-pr-t{text-wrap:balance}
.ds .ds-lead,.ds .ds-body,.ds .ds-cap,.ds .sv-p,.ds .sv-who,.ds .ds-li{text-wrap:pretty}
/* WRAP END */

/* HDR-WHITE */
html body.sf-ds.ds-hero-white .site-header,html body.sf-ds.ds-hero-white .site-header .ast-primary-header-bar,html body.sf-ds.ds-hero-white .site-header .main-header-bar,html body.sf-ds.ds-hero-white #ast-mobile-header .ast-primary-header-bar,html body.sf-ds.ds-hero-white .ast-mobile-header-content{background:#fff!important}
/* HDR-WHITE END */

/* SLOT */
.ds-slot{position:relative;display:block;overflow:hidden;margin:0;width:100%;aspect-ratio:var(--slot-ratio,auto);background:linear-gradient(135deg,#EFEAE2,#E6DFD4)}
.ds-slot::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(31,42,68,.035) 0 1px,transparent 1px 16px);pointer-events:none}
.ds-slot.ds-slot-fill{position:absolute;inset:0;width:auto;aspect-ratio:auto}
.ds-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--slot-fit,cover);object-position:var(--slot-pos,50% 50%);transform:scale(var(--slot-scale,1));transform-origin:var(--slot-pos,50% 50%);z-index:1}
.ds-slot-meta{display:none}
body.logged-in .ds-slot{outline:1px dashed rgba(182,104,85,.7);outline-offset:-1px}
body.logged-in .ds-slot-meta{display:flex;flex-direction:column;gap:3px;position:absolute;left:12px;right:12px;bottom:12px;z-index:2;padding:10px 12px;background:rgba(255,255,255,.92);border:1px dashed rgba(31,42,68,.35);border-radius:8px;font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1F2A44;text-align:left}
body.logged-in .ds-slot-meta b{font-size:13px;color:#9C5646}
body.logged-in .ds-slot:has(>img) .ds-slot-meta{display:none}
body.logged-in .ds-slot:has(>img){outline:0}
.pj-circle,.cp-img{position:relative;overflow:hidden}
.cs-vis .ds-slot{border-radius:20px}
@media (max-width:767px){.ds-slot{aspect-ratio:var(--slot-ratio-m,var(--slot-ratio,auto))}.ds-slot>img{object-position:var(--slot-pos-m,var(--slot-pos,50% 50%))}.cs-vis .ds-slot{border-radius:14px}}
/* SLOT END */

/* PERSON */
.ds-slot-person .ds-person{position:absolute;left:50%;bottom:0;height:84%;width:auto;max-width:92%;transform:translateX(-50%);fill:var(--ds-n);fill-opacity:.14;pointer-events:none}
.ds-slot-person:has(>img) .ds-person{display:none}
/* PERSON END */

/* SLOT-HIDE */
.ds-slot-meta,body.logged-in .ds-slot-meta{display:none!important}
body.logged-in .ds-slot{outline:0!important}
/* SLOT-HIDE END */

/* REFINE */
body.sf-ds .ds .ds-h1{font-weight:600;letter-spacing:-.005em;line-height:1.28}
body.sf-ds .ds .ds-h2,body.sf-ds .ds .ds-h3,body.sf-ds .ds .ab-pr-t,body.sf-ds .ds .sv-who,body.sf-ds .ds .ab-quote,body.sf-ds .ds .sv-types .ds-sf,body.sf-ds .ds .sv-layer .ds-sf,body.sf-ds .ds .sv-ch h3,body.sf-ds .ds .sv-loop li{font-weight:600}
body.sf-ds .ds .ds-num{font-weight:600}
body.sf-ds .ds .ds-eb{letter-spacing:.08em;font-weight:500}
body.sf-ds .ds .ds-body,body.sf-ds .ds .ds-lead,body.sf-ds .ds .ds-li,body.sf-ds .ds .sv-p,body.sf-ds .ds .ab-cap .ds-lead{font-family:'Noto Sans TC','Barlow Semi Condensed',sans-serif;letter-spacing:.02em;line-height:1.9}
body.sf-ds .ds .ds-cap{font-family:'Noto Sans TC','Barlow Semi Condensed',sans-serif;letter-spacing:.02em}
body.sf-ds .ds .ab-ph-n .ds-sf{font-family:'Playfair Display',serif;font-size:clamp(28px,2.6vw,36px);font-weight:600;color:var(--ds-n);letter-spacing:-.01em}
body.sf-ds .ds .ab-pr{grid-template-columns:1fr}
body.sf-ds .ds .ab-pr-t{font-size:clamp(22px,2.1vw,28px)}
body.sf-ds .ds .ds-cta .ds-acts{align-items:center;gap:28px}
/* REFINE END */

/* INK */
body.ds-ink{--ds-n:#111A2B;--ds-n2:#1A2438;--ds-c:#EDE7DC;--ds-b:#7A6644;--ds-bd:#5E4E33;--ds-bl:#B9A27A;--ds-t:#2B3447;--ds-s:#5E6474;--ds-line:rgba(17,26,43,.14);--ds-navy:linear-gradient(170deg,#111A2B 0%,#0E1626 100%)}
body.ds-ink .ds,body.ds-ink .ds .ds-white,body.ds-ink .ds .ds-cream,body.ds-ink .ds .ab-story{background:#EDE7DC}
body.ds-ink .ab-hero,body.ds-ink .sv-hero,body.ds-ink .cs-hero,body.ds-ink .ab-int>.ds-w,body.ds-ink .cs-dv{background:var(--ds-navy)!important;--ds-n:#EDE7DC;--ds-t:rgba(237,231,220,.86);--ds-s:rgba(237,231,220,.7);--ds-b:#B9A27A;--ds-line:rgba(237,231,220,.18);color:#EDE7DC}
body.ds-ink .ab-hero .ds-go,body.ds-ink .sv-hero .ds-go,body.ds-ink .cs-hero .ds-go{border-color:rgba(237,231,220,.3);color:#EDE7DC}
body.ds-ink .ds-navy .ds-bp,body.ds-ink .ab-hero .ds-bp,body.ds-ink .sv-hero .ds-bp,body.ds-ink .cs-hero .ds-bp{background:#B9A27A;color:#111A2B!important}
body.ds-ink .ds-navy .ds-bp:hover{background:#EDE7DC}
body.ds-ink .ds-bp{background:#111A2B;color:#EDE7DC!important}body.ds-ink .ds-bp:hover{background:#7A6644}
body.ds-ink .ds-navy{--ds-bl:#B9A27A}
body.ds-ink .ab-photo,body.ds-ink .ab-photo .ds-slot{background:#1A2438}
body.ds-ink .ab-hero .ds-person,body.ds-ink .sfc-ph .ds-person{fill:#EDE7DC;fill-opacity:.12}
body.ds-ink .ab-work,body.ds-ink .ab-work.ds-slot{background:#E1D9CA}
body.ds-ink .ab-int{background:transparent!important;padding-top:var(--sp-s);padding-bottom:var(--sp-s)}
body.ds-ink .ab-int>.ds-w{border-radius:28px;padding:var(--sp-m) 56px!important;max-width:calc(var(--ds-max) + 0px)}
body.ds-ink .ab-int .ds-venn text{fill:#111A2B}
body.ds-ink .ab-int .ds-venn g:nth-of-type(1) circle{fill:#6B7C93;fill-opacity:.55}
body.ds-ink .ab-int .ds-venn g:nth-of-type(2) circle{fill:#B9A27A;fill-opacity:.7}
body.ds-ink .ab-int .ds-venn g:nth-of-type(3) circle{fill:#EDE7DC;fill-opacity:.45}
body.ds-ink .ab-int .ab-cap:nth-child(1) .ab-key{background:#EDE7DC!important}
body.ds-ink .ab-int .ab-cap:nth-child(2) .ab-key{background:#B9A27A!important}
body.ds-ink .ab-int .ab-cap:nth-child(3) .ab-key{background:#6B7C93!important}
body.ds-ink .ab-quote{border-left-color:#B9A27A}
body.ds-ink .xp-dot{background:#243049!important}body.ds-ink .xp .xp-has .xp-dot{background:#7A6644!important;box-shadow:0 0 0 6px #EDE7DC,0 0 0 7px rgba(122,102,68,.35)}
body.ds-ink .xp .xp-dot{box-shadow:0 0 0 6px #EDE7DC}
body.ds-ink .xp-yr .o{-webkit-text-stroke-color:rgba(185,162,122,.75)}
body.ds-ink .xp .xp-has .xp-main{border-left-color:#7A6644}
body.ds-ink .cs-dv .cs-dv-flow::before{background:linear-gradient(90deg,rgba(237,231,220,.5),#B9A27A)}
body.ds-ink .cs-dv .cs-dv-flow li::before{box-shadow:0 0 0 6px #111A2B}
body.ds-ink .cs-twk{background:#E1D9CA!important}
body.ds-ink .sv-st i,body.ds-ink .cp-st i{box-shadow:0 0 0 6px #EDE7DC!important}
body.ds-ink .sv-flow-w::before,body.ds-ink .cp-flow-w::before{background:linear-gradient(90deg,#111A2B,#7A6644)}
body.ds-ink .ct-wrap,body.ds-ink .ct-body.e-con,body.ds-ink .ct-end{background:#EDE7DC!important}
body.ds-ink .ct-end .ds-wv path{fill:#0B1220}body.ds-ink .ct-end .ds-wv2 path{fill:#B9A27A;fill-opacity:.35}
body.ds-ink .cm-lolli .cm-lr.is-top .cm-lt i,body.ds-ink .cm-lolli .cm-lr.is-top .cm-lt b{background:#7A6644}
body.ds-ink .cm .cm-lr.is-top .cm-lt b{box-shadow:0 0 0 6px rgba(122,102,68,.2)}
/* home */
html body.ds-ink .sfc{--n:#111A2B;--c:#EDE7DC;--b:#7A6644;--bl:#B9A27A;--t:#2B3447;--s:#5E6474;background:#EDE7DC}
body.ds-ink .sfc-hero{background:linear-gradient(170deg,#111A2B 0%,#0E1626 100%)!important}
body.ds-ink .sfc-hero .sfc-wv path{fill:#EDE7DC}body.ds-ink .sfc-hero .sfc-wv2 path{fill:#B9A27A;fill-opacity:.3}
body.ds-ink .sfc-hero .sfc-bp,body.ds-ink .sfc-cta .sfc-bp{background:#B9A27A!important;color:#111A2B!important}
body.ds-ink .sfc-ph,body.ds-ink .sfc-ph .ds-slot{background:#1A2438}
body.ds-ink .sfc-about,body.ds-ink .sfc-pj,body.ds-ink .sfc-xp,body.ds-ink .sfc-how,body.ds-ink .sfc-cta{background:#EDE7DC!important}
body.ds-ink .sfc-venn g:nth-of-type(1) circle{fill:#243049;fill-opacity:.55}
body.ds-ink .sfc-venn g:nth-of-type(2) circle{fill:#B9A27A;fill-opacity:.6}
body.ds-ink .sfc-venn g:nth-of-type(3) circle{fill:#6B7C93;fill-opacity:.4}
body.ds-ink .sfc-res{background:transparent!important;padding:0 0 110px}
body.ds-ink .sfc-res .sfc-wtop,body.ds-ink .sfc-res .sfc-wbot,body.ds-ink .sfc-res>svg{display:none}
body.ds-ink .sfc-res>.sfc-w{background:linear-gradient(160deg,#1A2438 0%,#111A2B 100%);border-radius:28px;padding:96px 64px}
body.ds-ink .sfc-cta{padding:0 0 110px}
body.ds-ink .sfc-cta-in{background:linear-gradient(160deg,#1A2438 0%,#111A2B 100%);border-radius:28px;padding:110px 40px}
body.ds-ink .sfc-cta .sfc-cta-h{color:#EDE7DC}body.ds-ink .sfc-cta .sfc-eb{color:#B9A27A}
body.ds-ink .sfc-cta .sfc-bo{border-color:rgba(237,231,220,.5)!important;color:#EDE7DC!important;background:transparent!important}
body.ds-ink .sfc-cta .sfc-cta-l{color:rgba(237,231,220,.7)!important;border-bottom-color:rgba(237,231,220,.35)}
body.ds-ink .sfc-pj>.sfc-w,body.ds-ink .sfc-xp>.sfc-w,body.ds-ink .sfc-how>.sfc-w{border-top:1px solid rgba(17,26,43,.12);padding-top:72px}
/* header & footer */
html body.sf-ds.ds-ink:not(.ds-dark-hero):not(.ds-hero-white) .site-header,html body.sf-ds.ds-ink:not(.ds-dark-hero):not(.ds-hero-white) .site-header .ast-primary-header-bar,html body.sf-ds.ds-ink:not(.ds-dark-hero):not(.ds-hero-white) .site-header .main-header-bar,html body.sf-ds.ds-ink:not(.ds-dark-hero):not(.ds-hero-white) #ast-mobile-header .ast-primary-header-bar{background:#111A2B!important}
html body.sf-ds.ds-ink:not(.ds-hero-white) .site-title a{color:#EDE7DC!important}
html body.sf-ds.ds-ink:not(.ds-hero-white) .site-header .main-header-menu>.menu-item>.menu-link{color:rgba(237,231,220,.82)!important}
html body.sf-ds.ds-ink:not(.ds-hero-white) .site-header .main-header-menu>.current-menu-item>.menu-link,html body.sf-ds.ds-ink:not(.ds-hero-white) .site-header .main-header-menu>.current-page-ancestor>.menu-link{color:#fff!important}
html body.sf-ds.ds-ink .site-header .main-header-menu>.menu-item>.menu-link::after{background:#B9A27A}
html body.sf-ds.ds-ink:not(.ds-hero-white) .menu-toggle{color:#EDE7DC!important}
html body.sf-ds.ds-ink:not(.ds-hero-white) .ast-mobile-header-content{background:#111A2B!important}
html body.sf-ds.ds-ink:not(.ds-hero-white) .ast-mobile-header-content .menu-link{color:#EDE7DC!important;border-bottom-color:rgba(237,231,220,.1)!important}
html body.sf-ds.ds-ink.ds-hero-white .site-header,html body.sf-ds.ds-ink.ds-hero-white .site-header .ast-primary-header-bar,html body.sf-ds.ds-ink.ds-hero-white .site-header .main-header-bar,html body.sf-ds.ds-ink.ds-hero-white #ast-mobile-header .ast-primary-header-bar,html body.sf-ds.ds-ink.ds-hero-white .ast-mobile-header-content{background:#EDE7DC!important}
html body.sf-ds.ds-ink .site-footer,html body.sf-ds.ds-ink .site-footer .site-primary-footer-wrap,html body.sf-ds.ds-ink .site-footer .site-above-footer-wrap{background:#0B1220!important}
html body.sf-ds.ds-ink .site-footer .site-below-footer-wrap{background:#080D18!important}
html body.sf-ds.ds-ink .site-footer .widget-title{color:#B9A27A!important}
html body.sf-ds.ds-ink .sf-foot-btn{border-color:rgba(185,162,122,.6)}
@media (max-width:767px){body.ds-ink .ab-int>.ds-w{padding:var(--sp-s) 22px!important;border-radius:20px}body.ds-ink .sfc-res>.sfc-w{padding:56px 22px;border-radius:20px}body.ds-ink .sfc-cta-in{padding:64px 22px;border-radius:20px}body.ds-ink .sfc-res,body.ds-ink .sfc-cta{padding-bottom:64px}}
/* INK END */

/* CASE-RES */
.ds.cs .ds-w.cs-result,.ds.cs .ds-w.cs-res{border-top:0!important;position:relative}
.ds.cs .ds-w.cs-result::before,.ds.cs .ds-w.cs-res::before{content:'';position:absolute;top:0;left:var(--ds-gutter);right:var(--ds-gutter);height:4px;background:var(--ds-n)}
/* CASE-RES END */

/* BROWSER */
.ds-browser{position:relative;display:block;background:#fff;border:1px solid rgba(17,26,43,.1);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px rgba(31,42,68,.14),0 4px 12px rgba(31,42,68,.06);padding:34px 0 0!important}
.ds-browser::before{content:'';position:absolute;left:0;right:0;top:0;height:34px;background:#F3F0EA;border-bottom:1px solid rgba(17,26,43,.08);background-image:radial-gradient(circle,#E0796A 4px,transparent 4.5px),radial-gradient(circle,#E8B75A 4px,transparent 4.5px),radial-gradient(circle,#7FB27A 4px,transparent 4.5px);background-size:12px 12px;background-repeat:no-repeat;background-position:14px 11px,30px 11px,46px 11px}
.ds-browser::after{content:attr(data-url);position:absolute;top:7px;left:50%;transform:translateX(-50%);height:20px;line-height:20px;padding:0 18px;min-width:38%;text-align:center;border-radius:6px;background:#fff;border:1px solid rgba(17,26,43,.08);font:500 11px/20px 'Barlow Semi Condensed','Noto Sans TC',sans-serif;letter-spacing:.04em;color:#5B6272;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.ds-browser img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:0!important}
@media (max-width:767px){.ds-browser{border-radius:8px;padding-top:24px!important}.ds-browser::before{height:24px;background-size:9px 9px;background-position:9px 7px,21px 7px,33px 7px}.ds-browser::after{top:4px;height:16px;line-height:16px;font-size:10px;padding:0 10px}}
/* BROWSER END */