:root{--color-primary: #1d4ed8;--color-primary-deep: #1a3aa8;--color-primary-light: #3b82f6;--color-primary-soft: #eef3ff;--color-accent: #ef6d33;--color-bg: #ffffff;--color-bg-soft: #f5f7fb;--color-bg-card: #ffffff;--color-text: #0d1526;--color-text-muted: #46536a;--color-text-soft: #7d8ba3;--color-border: #e5eaf2;--color-border-strong: #d3dbe8;--color-tradeoff-bg: #fff7f1;--color-shadow: 20, 40, 90;--gradient-brand: linear-gradient(135deg, var(--color-primary-light), var(--color-primary-deep));--gradient-hero: radial-gradient(60% 50% at 82% 12%, color-mix(in srgb, var(--color-primary-light) 14%, transparent), transparent 70%);--max-width: 1080px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 3px rgba(var(--color-shadow), .06);--shadow-md: 0 12px 32px -12px rgba(var(--color-shadow), .18);--shadow-lg: 0 28px 60px -24px rgba(var(--color-shadow), .28);--font-sans: "Inter", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}:root[data-theme=dark]{--color-primary: #6aa1fb;--color-primary-deep: #3b6fd6;--color-primary-light: #9cc0ff;--color-primary-soft: rgba(106, 161, 251, .12);--color-accent: #fb8f5a;--color-bg: #0a1120;--color-bg-soft: #101a2e;--color-bg-card: #121d34;--color-text: #e9eef8;--color-text-muted: #b3c0d6;--color-text-soft: #6f7e99;--color-border: #243250;--color-border-strong: #33456a;--color-tradeoff-bg: rgba(251, 143, 90, .08);--color-shadow: 0, 0, 0;--gradient-hero: radial-gradient(60% 50% at 82% 12%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 70%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px -12px rgba(0, 0, 0, .55);--shadow-lg: 0 28px 60px -24px rgba(0, 0, 0, .7)}html{color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:17px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";word-break:keep-all;overflow-wrap:break-word}::selection{background:color-mix(in srgb,var(--color-primary) 22%,transparent)}.nowrap,.brand-name{white-space:nowrap}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--color-text);text-wrap:balance;letter-spacing:-.02em}h1{font-size:clamp(2.4rem,5.5vw,3.3rem);letter-spacing:-.03em}h2{font-size:clamp(1.6rem,3vw,2rem)}h3{font-size:1.35rem;letter-spacing:-.015em}p{margin-bottom:1.2em;color:var(--color-text-muted)}code{font-family:var(--font-mono);background:var(--color-bg-soft);padding:2px 6px;border-radius:4px;font-size:.9em}pre{background:var(--color-bg-soft);padding:1em;border-radius:var(--radius-md);overflow-x:auto;margin:1em 0;border:1px solid var(--color-border)}pre code{background:transparent;padding:0}blockquote{border-left:3px solid var(--color-primary);padding-left:1em;color:var(--color-text-muted);margin:1.5em 0}abbr[title]{text-decoration:underline dotted var(--color-text-soft);text-decoration-thickness:1px;text-underline-offset:4px;cursor:help;text-decoration-skip-ink:none}abbr[title]:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.muted{color:var(--color-text-soft);font-size:.9em}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:3px}a:focus-visible,button:focus-visible{outline-offset:3px}.skip-link{position:absolute;top:-100px;left:1rem;padding:.6rem 1rem;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);z-index:200;font-weight:600;transition:top .15s}.skip-link:focus{top:1rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 82%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:.85rem 24px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-brand{font-weight:700;font-size:1.05rem;color:var(--color-text);display:inline-flex;align-items:center;gap:.55rem;letter-spacing:-.01em}.nav-brand:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--gradient-brand);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--color-primary) 60%,transparent)}.nav-right{display:flex;align-items:center;gap:1.35rem}.nav-links{display:flex;gap:1.35rem;align-items:center}.nav-tools{display:flex;align-items:center;gap:.3rem}.nav-toggle,.nav-toggle .nav-icon-close{display:none}.nav-links a{position:relative;color:var(--color-text-muted);font-size:.95rem;padding:.15rem 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;border-radius:1px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a[aria-current=page]{color:var(--color-text);font-weight:600}.nav-links a[aria-current=page]:after{transform:scaleX(1)}.nav-cta{font-size:.86rem;font-weight:600;color:var(--color-primary);padding:.34rem .8rem;border:1px solid color-mix(in srgb,var(--color-primary) 40%,var(--color-border));border-radius:999px;transition:background-color .15s,border-color .15s,color .15s}.nav-cta:after{display:none}.nav-cta:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.theme-toggle,.lang-toggle,.nav-toggle{background:none;border:none;padding:.4rem;cursor:pointer;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.theme-toggle:hover,.lang-toggle:hover,.nav-toggle:hover{color:var(--color-text);background:var(--color-bg-soft)}.theme-icon{display:none}:root[data-theme=light] .theme-icon-moon,:root:not([data-theme]) .theme-icon-moon{display:inline-block}:root[data-theme=dark] .theme-icon-sun{display:inline-block}.lang-toggle{font-family:var(--font-sans);font-size:.85rem;font-weight:600;min-width:36px;padding:.4rem .6rem;letter-spacing:.02em}.footer{position:relative;margin-top:6rem;padding:3.5rem 0 2rem;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 60%),var(--color-bg-soft);border-top:1px solid var(--color-border)}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.85}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:.5rem;max-width:340px}.footer-logo{font-weight:700;font-size:1.05rem;color:var(--color-text);display:inline-flex;align-items:center;gap:.55rem;letter-spacing:-.01em;width:fit-content}.footer-logo:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--gradient-brand);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--color-primary) 60%,transparent)}.footer-tagline{font-size:.95rem;color:var(--color-text-muted);margin:.2rem 0 0}.footer-brand .muted{margin:0}.footer-col{display:flex;flex-direction:column;gap:.55rem}.footer-col-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-soft);margin-bottom:.25rem}.footer-col a{color:var(--color-text-muted);font-size:.92rem;width:fit-content;transition:color .15s}.footer-col a:hover{color:var(--color-primary)}.footer-rss{display:inline-flex;align-items:center;gap:.4rem}.footer-rss svg{color:var(--color-accent);flex-shrink:0}.footer-bottom{max-width:var(--max-width);margin:2.5rem auto 0;padding:1.5rem 24px 0;text-align:center;border-top:1px solid var(--color-border)}@media(max-width:640px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.footer-brand{grid-column:1 / -1;max-width:none}}.lightbox{border:none;padding:0;background:transparent;max-width:95vw;max-height:95vh;overflow:visible}.lightbox::backdrop{background:#000000e0;backdrop-filter:blur(4px)}.lightbox img{max-width:95vw;max-height:95vh;display:block;border-radius:var(--radius-md);cursor:zoom-out;box-shadow:0 12px 60px #00000080}body,.nav,.footer{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.section{padding:4rem 24px}.eyebrow,.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.7rem}.eyebrow:before,.section-eyebrow:before{content:"";width:1.6rem;height:1px;background:color-mix(in srgb,var(--color-primary) 55%,transparent)}.section h2{margin-bottom:.5rem}.section-lead{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.08rem;max-width:720px}.section-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-soft);margin:2.75rem 0 1.25rem;font-weight:400;display:flex;align-items:center;gap:.9rem}.section-label:after{content:"";flex:1;height:1px;background:var(--color-border)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.25rem}@media(max-width:400px){.project-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.btn:hover{transform:translateY(-1.5px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);border:1px solid transparent}.btn-primary:hover{background:color-mix(in srgb,var(--color-primary) 86%,var(--color-text));color:#fff;box-shadow:var(--shadow-md)}:root[data-theme=dark] .btn-primary{color:#0a1120}:root[data-theme=dark] .btn-primary:hover{background:var(--color-primary-light)}.btn-ghost{border:1px solid var(--color-border-strong);color:var(--color-text);background:transparent}.btn-ghost:hover{border-color:var(--color-text-soft);background:var(--color-bg-soft);color:var(--color-text)}.more-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1.5rem;color:var(--color-primary);font-weight:600}.more-link:hover{gap:.55rem}.more-link{transition:gap .18s ease}.pill{font-family:var(--font-mono);font-size:.72rem;padding:.22rem .6rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);background:var(--color-bg-soft);white-space:nowrap}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.metric{background:var(--color-bg-card);padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.2rem}.metric-value{font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:var(--color-text);line-height:1}.metric-value span{color:var(--color-primary)}.metric-label{font-size:.85rem;color:var(--color-text-muted)}.blog-list{display:flex;flex-direction:column;gap:1rem}.blog-item{display:block;padding:1.4rem 1.6rem;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s,transform .15s;color:var(--color-text);background:var(--color-bg-card)}.blog-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-2px)}.blog-item h3{font-size:1.15rem;margin-bottom:.4rem}.blog-item p{color:var(--color-text-muted);margin-bottom:.6rem;font-size:.95rem}.blog-meta{display:flex;gap:.5rem;font-size:.85rem;color:var(--color-text-soft);font-family:var(--font-mono)}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0}.reveal.revealed{opacity:1;animation:reveal-up .55s cubic-bezier(.22,.65,.3,1) backwards;animation-delay:var(--reveal-delay, 0s)}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}.case{max-width:880px;padding:4rem 24px}.case .case-header{margin-bottom:2.5rem}.case .case-header h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:.5rem}.case .case-header .lead{font-size:1.4rem;color:var(--color-text-muted);margin-bottom:2rem}.case .links{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.case .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.25rem;background:var(--color-bg-soft);border-radius:var(--radius-md)}.case .meta div{font-size:.95rem;color:var(--color-text-muted)}.case .stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:2.5rem 0;padding:1.5rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.case .stats-strip>div{display:flex;flex-direction:column;align-items:center;text-align:center}.case .stat-num{font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;line-height:1}.case .stat-label{font-size:.85rem;color:var(--color-text-muted);margin-top:.4rem}.case section{margin-bottom:3rem}.case h2{font-size:1.6rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.case h3{font-size:1.15rem;margin:1.5rem 0 .5rem;color:var(--color-text)}.case h4{font-size:1rem;color:var(--color-text);margin-bottom:.5rem}.case ul,.case ol{padding-left:1.5em}.case li{color:var(--color-text-muted);margin-bottom:.6em}.case .lead-p{color:var(--color-text);font-size:1.05rem}.case .muted-note{color:var(--color-text-soft);font-size:.9rem;margin-top:1rem}.case figure{margin:1.5rem 0}.case figure img{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}.case figcaption{margin-top:.6rem;font-size:.88rem;color:var(--color-text-soft);text-align:center;line-height:1.5}.case figure.cover img{box-shadow:var(--shadow-md)}.case .figure-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.case .figure-pair figure{margin:0}.case .arch-flow{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.8rem}.case .arch-flow li{background:var(--color-bg-soft);padding:1rem 1.25rem;border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.case .arch-step{font-weight:600;color:var(--color-text);margin-bottom:.3rem;font-size:.95rem}.case .arch-flow p{margin:0;font-size:.95rem}.case .highlight{padding:2rem 0}.case .highlight h2{color:var(--color-text)}.case .tradeoff{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--color-tradeoff-bg);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm)}.case .tradeoff h4{color:var(--color-accent);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}.case .tradeoff p,.case .tradeoff ul{font-size:.95rem;margin:0}.case .tradeoff li{margin-bottom:.4em}.case .tradeoff li:last-child{margin-bottom:0}.case .research-questions li{margin-bottom:1em}.case .security-list{padding-left:1.5em;counter-reset:sec}.case .security-list li{padding-bottom:1em;margin-bottom:1em;border-bottom:1px dashed var(--color-border)}.case .security-list li:last-child{border-bottom:none}.case .security-list li strong{display:block;color:var(--color-text);margin-bottom:.4rem;font-size:1.02rem}.case .security-list li p{font-size:.95rem;margin:0}.case .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.case .tech-stack span{font-size:.85rem;padding:.35rem .75rem;background:var(--color-bg-soft);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted)}.case .next ul{padding-left:1.5em}@media(max-width:640px){.case .case-header h1{font-size:2.5rem}.case .case-header .lead{font-size:1.15rem}.case .stat-num{font-size:1.5rem}}@media(max-width:720px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 16px 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-open .nav-links{opacity:1;visibility:visible;transform:none}.nav-links a{font-size:1rem;padding:.7rem .2rem;border-bottom:1px solid var(--color-border)}.nav-links a:after{display:none}.nav-links a[aria-current=page]{color:var(--color-primary)}.nav-cta{align-self:flex-start;margin-top:.7rem;padding:.45rem 1rem}.nav-open .nav-toggle .nav-icon-open{display:none}.nav-open .nav-toggle .nav-icon-close{display:inline-block}}@media(max-width:720px){html.no-js .nav-links{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-bottom:none;padding:0}html.no-js .nav-toggle{display:none}}@media(max-width:640px){body{font-size:16px}.nav-inner{padding:.7rem 16px}.section{padding:3rem 24px}.metric{padding:1.1rem 1.2rem}.metric-value{font-size:1.6rem}}@media print{.nav,.footer,.skip-link,.lightbox,.no-print{display:none!important}body{font-size:11pt;line-height:1.45;background:#fff;color:#000}main{padding:0!important}a{color:#000;text-decoration:none}.reveal{opacity:1!important;animation:none!important}}