:root{--bg:#fff;--bg-2:#f3f7ff;--bg-3:#e8f0ff;--card:#fff;--ink:#0f1f3d;--muted:#53627f;--line:#dbe5f5;--accent:#1f6feb;--accent-2:#19b5e8;--accent-soft:#e7f0ff;--navy:#0b1b3f;--navy-2:#13306b;--on-accent:#fff;--shadow:0 1px 2px #0f285a0d, 0 16px 40px -16px #0f285a2e;--grad:linear-gradient(120deg, #1f6feb, #19b5e8);--gutter:clamp(16px, 3.2vw, 40px)}:root[data-theme=dark]{--bg:#0a1530;--bg-2:#0e1c3d;--bg-3:#13254d;--card:#11224a;--ink:#eaf1ff;--muted:#9fb0d0;--line:#22386a;--accent:#4c8dff;--accent-2:#3fd0ff;--accent-soft:#16305f;--navy:#050d22;--navy-2:#0e2250;--on-accent:#fff;--shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif;font-size:17px;line-height:1.85;overflow-x:hidden}a{color:var(--accent)}img,svg{max-width:100%}.wrap{max-width:1400px;padding-inline:var(--gutter);margin:0 auto}.muted{color:var(--muted)}.num-font{font-family:Inter,Noto Sans TC,sans-serif}h1,h2,h3,h4{letter-spacing:.01em;line-height:1.3}h1{margin:0 0 22px;font-size:clamp(40px,6.6vw,80px);font-weight:900;line-height:1.18}h2{margin:0 0 14px;font-size:clamp(30px,4.2vw,48px);font-weight:900}h3{margin:0 0 8px;font-size:clamp(20px,1.9vw,24px);font-weight:700}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{color:var(--accent);letter-spacing:.16em;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--grad);border-radius:3px;width:28px;height:3px}.sub{color:var(--muted);max-width:40em;margin:0 0 36px;font-size:clamp(18px,1.6vw,20px)}.section{padding-top:110px}.band{background:var(--bg-2);margin-top:110px;padding-block:96px}.band>.wrap>:first-child{margin-top:0}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:30px}.js .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.js .reveal.in{opacity:1;transform:none}.js .reveal.d1{transition-delay:80ms}.js .reveal.d2{transition-delay:.16s}.js .reveal.d3{transition-delay:.24s}.js .reveal.d4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transition:none;transform:none}.marquee-track,.floaty{animation:none!important}}.floaty{animation:6s ease-in-out infinite floaty}.floaty.slow{animation-duration:8s;animation-delay:-2s}@keyframes floaty{50%{transform:translateY(-10px)}}.btn{background:var(--grad);color:var(--on-accent);box-shadow:0 10px 24px -12px var(--accent);border-radius:999px;align-items:center;gap:8px;padding:16px 30px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{box-shadow:0 14px 30px -12px var(--accent);transform:translateY(-2px)}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btns{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.top{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-in{align-items:center;gap:24px;height:70px;display:flex}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{background:var(--grad);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.top nav{scrollbar-width:none;gap:28px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.top nav a{color:var(--ink);white-space:nowrap;padding:4px 0;font-size:16px;font-weight:500;text-decoration:none;position:relative}.top nav a:after{content:"";background:var(--grad);height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.top nav a:hover:after,.top nav a[aria-current=page]:after{transform:scaleX(1)}.theme-btn{background:var(--card);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;flex:none;width:38px;height:38px;font-size:16px}.hero-band{background:radial-gradient(ellipse 55% 70% at 85% 30%, color-mix(in srgb, var(--accent-2) 20%, transparent), transparent 70%), radial-gradient(ellipse 45% 60% at 0% 100%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg));position:relative;overflow:hidden}.hero-band:before{content:"";pointer-events:none;opacity:.55;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(70% 80% at 70% 30%,#000,#0000 75%)}.hero{padding-block:88px 40px;position:relative}.hero-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hero .lede{max-width:32em;color:var(--muted);font-size:clamp(18px,1.8vw,22px)}.hero .lede strong{color:var(--ink)}.motto{color:var(--navy-2);background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-top:6px;padding:8px 18px;font-size:18px;font-weight:700;display:inline-flex}.motto:before{content:"";background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-2) 25%, transparent);border-radius:50%}.hero-art{position:relative}.hero-art svg{width:100%;height:auto;display:block}.page-hero{padding-block:80px 64px;position:relative}.page-hero .hero-grid{grid-template-columns:1.1fr 1fr}.page-hero .lede{max-width:34em;color:var(--muted);font-size:clamp(18px,1.7vw,21px)}.stat-strip{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;display:grid;position:relative;overflow:hidden}.stat-strip>*{border-right:1px solid var(--line);color:var(--ink);padding:22px 26px;text-decoration:none}.stat-strip>:last-child{border-right:0}.stat-strip b{font-family:Inter,Noto Sans TC,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1;display:block}.stat-strip span{color:var(--muted);font-size:15px}.stat-strip .go{background:var(--grad);color:#fff;flex-direction:column;justify-content:center;display:flex}.stat-strip .go span{color:#ffffffd9}.stat-strip .go b{font-size:22px}.live{align-items:center;gap:6px;display:inline-flex}.live:before{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e40}.marquee{margin-top:48px;padding:20px 0 4px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-label{text-align:center;color:var(--muted);letter-spacing:.12em;margin:0 0 14px;font-size:14px}.marquee-track{gap:56px;width:max-content;animation:45s linear infinite slide;display:flex}.marquee-track span{white-space:nowrap;color:var(--navy-2);opacity:.7;font-size:18px;font-weight:700}@keyframes slide{to{transform:translate(-50%)}}.chores{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chores li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:10px 22px;font-size:17px;font-weight:500}.chores li:nth-child(3n+1){background:var(--accent-soft);color:var(--accent);border-color:#0000}.steps{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.step{position:relative;overflow:hidden}.step:after{content:"";background:var(--grad);opacity:.85;height:4px;position:absolute;top:0;left:0;right:0}.step .n{margin-bottom:14px;font-family:Inter,sans-serif;font-size:46px;font-weight:800;line-height:1}.step p{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.tools{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tool{flex-direction:column;transition:transform .25s,border-color .25s;display:flex}.tool:hover{border-color:var(--accent);transform:translateY(-4px)}.tool-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tool .ico{background:var(--accent-soft);border-radius:16px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.tool .pill{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:700}.tool h3{margin:0}.tool .via{color:var(--accent);margin:2px 0 10px;font-size:15px;font-weight:700}.tool p{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.navy-band{background:radial-gradient(ellipse 60% 80% at 90% 0%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 60%), linear-gradient(135deg, var(--navy), var(--navy-2));color:#fff;margin-top:110px;padding-block:96px}.navy-band .sub{color:#b9c8e8}.navy-band a,.navy-band .eyebrow{color:#7fd6ff}.proof{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.glass{backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:22px;padding:32px}.nums{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.num b{font-family:Inter,Noto Sans TC,sans-serif;font-size:clamp(34px,4.6vw,58px);font-weight:800;line-height:1.1;display:block}.num span{color:#b9c8e8;font-size:16px}.ai-cta{background:var(--grad);color:#fff;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:260px;padding:32px;text-decoration:none;transition:transform .25s;display:flex}.ai-cta:hover{transform:translateY(-4px)}.ai-cta h3{color:#fff;font-size:30px}.ai-cta p{opacity:.95;margin:0;font-size:17px}.ai-cta .go{margin-top:18px;font-size:18px;font-weight:700}.two{grid-template-columns:1fr 1fr;gap:24px;display:grid}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.principle{margin:0;font-size:clamp(24px,2.8vw,34px);font-weight:900;line-height:1.5}.principle em{font-style:normal}.list{margin:0;padding-left:1.2em}.list li{margin:4px 0}.art-card{background:var(--bg-2);border:1px solid var(--line);border-radius:26px;overflow:hidden}.art-card svg{width:100%;height:auto;display:block}.timeline{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.timeline li{padding:0 0 22px 24px;position:relative}.timeline li:before{content:"";background:var(--grad);border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:-7px}.timeline b{font-size:18px;display:block}.timeline span{color:var(--muted);font-size:16px}.skills{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.skills .icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:16px;display:grid}.skills ul{color:var(--muted);margin:0;padding-left:1.1em;font-size:16px}.quotes{columns:2;column-gap:20px}.quote{break-inside:avoid;margin-bottom:20px}.quote p{margin:0 0 14px;font-size:19px;font-weight:500;line-height:1.8}.quote p:before{content:"“";color:var(--accent);margin-bottom:10px;font-family:Georgia,serif;font-size:60px;line-height:.6;display:block}.quote cite{color:var(--muted);font-size:16px;font-style:normal}.posts{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.post-card{color:var(--ink);flex-direction:column;padding:0;text-decoration:none;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--accent);transform:translateY(-4px)}.post-card .body{padding:24px 26px 28px}.post-card time{color:var(--accent);font-size:15px;font-weight:700}.post-card h3{margin:8px 0 10px}.post-card p{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.cover{aspect-ratio:16/9;color:#fff;position:relative;overflow:hidden}.cover svg{width:100%;height:100%;position:absolute;inset:0}.cover.has-image{background:linear-gradient(#eef5ff,#fff)}.cover.has-image img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.post-hero .cover.has-image{aspect-ratio:1;max-width:640px;margin-inline:auto}.cover .kicker{text-shadow:0 2px 16px #05143c59;font-size:24px;font-weight:900;line-height:1.35;position:absolute;bottom:20px;left:24px;right:24px}.progress{background:var(--grad);z-index:30;width:0;height:4px;position:fixed;top:0;left:0}.post-hero{padding-block:72px 40px}.post-hero .cover{aspect-ratio:21/8;box-shadow:var(--shadow);border-radius:26px;margin-top:32px}.post-hero .cover .kicker{font-size:clamp(22px,3.2vw,36px);bottom:clamp(20px,3vw,44px);left:clamp(24px,4vw,56px)}.post-hero h1{max-width:22em;font-size:clamp(32px,4.6vw,56px)}.meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:16px;display:flex}.prose{max-width:760px;margin:0 auto;font-size:19px;line-height:2}.prose p{margin:0 0 1.15em}.prose blockquote{border-left:4px solid var(--accent);background:var(--bg-2);border-radius:0 16px 16px 0;margin:28px 0;padding:18px 24px}.prose blockquote p:last-child{margin:0}.prose table{border-collapse:collapse;width:100%;font-size:16px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 14px}.prose th{background:var(--bg-2)}.contact-band{margin-top:110px}.contact{background:radial-gradient(ellipse 60% 90% at 100% 0%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 60%), var(--bg-2);border:1px solid var(--line);border-radius:28px;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:clamp(32px,5vw,64px);display:grid}.contact-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.contact-list li{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:14px 18px;font-size:17px;display:flex}.contact-list .ic{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.contact-list a{color:var(--ink);text-decoration:none}.foot{background:var(--navy);color:#dbe6ff;margin-top:120px;padding:64px 0 28px;font-size:16px}.foot .brand{color:#fff}.foot .muted{color:#9fb0d0}.foot-in{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.foot h4{color:#fff;margin:0 0 10px;font-size:16px}.foot p{margin:10px 0 0}.foot a{color:#dbe6ff}.copy{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px;font-size:14px}@media (width<=1000px){.hero-grid,.page-hero .hero-grid,.split,.proof,.two,.contact{grid-template-columns:1fr}.steps,.tools,.skills,.posts,.stat-strip{grid-template-columns:1fr 1fr}.stat-strip>:nth-child(2){border-right:0}.stat-strip>:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-art{max-width:640px}}@media (width<=600px){body{font-size:16.5px}.top nav{gap:16px}.top nav a{font-size:15px}.top nav a:first-child{display:none}.brand{font-size:18px}.brand-mark{width:30px;height:30px;font-size:15px}.top-in{gap:14px;height:62px}.hero{padding-top:48px}.section{padding-top:80px}.band,.navy-band{margin-top:80px;padding-block:64px}.steps,.tools,.skills,.posts,.foot-in{grid-template-columns:1fr}.quotes{columns:1}.nums{gap:8px}.card,.glass{padding:24px}.post-hero .cover{aspect-ratio:16/9}.prose{font-size:18px}}