:root{--ink:#333333;--ink-soft:#54575c;--bg:#f4f6f9;--card:#ffffff;--green-1:#00c97a;--green-2:#8CFF3A;--accent-blue:#4F63F6;--accent-purple:#6a6ff5}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}body{position:relative;font-family:'Noto Sans TC',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}header{-webkit-backdrop-filter:blur(8px);transform:translateZ(0);will-change:transform}header>div{min-height:64px}#loading-overlay{transition:opacity .6s ease}#loading-bg{background:var(--bg);transition:opacity .5s ease}#loading-logo-box{transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .7s ease}.loading-logo-dim{opacity:.15}.loading-logo-fill{clip-path:inset(0 100% 0 0)}body.is-loading{overflow:hidden}#heroMark{opacity:.12;transition:opacity .8s ease}#heroMark.mark-drawing{opacity:.3}#heroMark.mark-settled{opacity:.12}@keyframes blob-drift{0%,100%{transform:translate(0,0)}25%{transform:translate(3px,-3px)}50%{transform:translate(0,-6px)}75%{transform:translate(-3px,-3px)}}.blob-circle{animation:blob-drift 7s ease-in-out infinite}.script{font-family:Poppins,sans-serif;font-style:italic;font-weight:300}.grad-text{background:linear-gradient(90deg,var(--green-1),var(--green-2));-webkit-background-clip:text;background-clip:text;color:transparent}.grad-bar{background:linear-gradient(90deg,var(--green-1),var(--green-2))}.soft-shadow{box-shadow:0 20px 45px -20px rgba(30,30,30,.18)}.card-surface{background:linear-gradient(160deg,#fff,#f7f8fb)}section{position:relative;scroll-margin-top:84px}.label-caps{text-transform:uppercase;padding-left:3px}.nav-link{position:relative}.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--green-1),var(--green-2));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-link:hover::after{transform:scaleX(1)}.case-track{display:flex;gap:4%;overflow-x:auto;padding:8px 0 28px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.case-track::-webkit-scrollbar{display:none}.case-card{flex:0 0 auto;width:84%}@media (min-width:640px){.case-track{gap:3%}.case-card{width:48.5%}}@media (min-width:1024px){.case-track{gap:2%}.case-card{width:32%}}.case-thumb{aspect-ratio:16/10.3;overflow:hidden;border-radius:20px;background-size:cover;background-position:center}.tag-pill{background:var(--accent-blue);color:#fff;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.blob-circle{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:900;aspect-ratio:1/1}.reveal-up{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}.reveal-up.is-visible{opacity:1;transform:translateY(0)}@keyframes scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-arrow{display:none;animation:scroll-bounce 1.8s ease-in-out infinite}@media (min-width:768px){.scroll-arrow{display:inline-block}}.hero-marquee{overflow:hidden}.marquee-track{display:flex;align-items:center;width:max-content;padding:10px 0;will-change:transform}@media (min-width:1024px){.marquee-track{padding:14px 0}}.tag-anchor::before{content:attr(data-tag);position:absolute;left:0;top:0;transform:translate(-50%,calc(-100% - 10px));background:var(--ink);color:#fff;font-size:14px;font-weight:500;padding:6px 16px;border-radius:999px;white-space:nowrap;z-index:10}.timeline-dot::before{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);width:1px;height:28px;background:repeating-linear-gradient(to bottom,#c7cbd4 0 4px,transparent 4px 8px)}.cf-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(0,201,122,.2);border-top-color:var(--green-1);animation:cf-spin .8s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}