:root{--bg: #0a0a0a;--bg-elev: #111111;--bg-card: #141414;--bg-card-hi: #181818;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--fg: #ededed;--fg-dim: #9a9a9a;--fg-muted: #5a5a5a;--fg-faint: #3a3a3a;--accent: #3fb950;--accent-text: #56d364;--accent-soft: rgba(63, 185, 80, .1);--accent-line: rgba(63, 185, 80, .3);--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--maxw: 1180px;--pad: clamp(20px, 5vw, 48px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-text)}::selection{background:var(--accent);color:#062611}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--sans);font-size:14.5px;font-weight:500;border-radius:6px;border:1px solid transparent;transition:all .18s ease;white-space:nowrap;cursor:pointer}.btn--primary{background:var(--accent);color:#052010;border-color:var(--accent)}.btn--primary:hover{background:#56d364;border-color:#56d364;color:#052010;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--fg);border-color:var(--border-strong)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-text)}.site-header{position:sticky;top:0;z-index:50;background:#0a0a0ac7;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--fg)}.logo__mark{width:22px;height:22px;color:var(--accent)}.logo__tld{color:var(--fg-muted);font-weight:500}.nav{display:none;gap:32px}.nav a{font-size:14px;color:var(--fg-dim);font-weight:500;transition:color .15s}.nav a:hover{color:var(--fg)}.header-cta{display:inline-flex;align-items:center;gap:14px}.header-cta__btn{padding:8px 16px;font-size:13.5px;font-weight:500;border:1px solid var(--border-strong);border-radius:6px;color:var(--fg);transition:all .15s}.header-cta__btn:hover{border-color:var(--accent);color:var(--accent-text)}@media(min-width:820px){.nav{display:inline-flex}}.hero{padding:clamp(80px,14vw,160px) 0 clamp(80px,12vw,130px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 20%,#000 0%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 0%,transparent 65%);pointer-events:none}.hero__inner{position:relative}.hero__prompt{font-family:var(--mono);font-size:13px;color:var(--fg-muted);margin-bottom:28px;display:inline-flex;align-items:center;gap:10px}.hero__prompt-caret{color:var(--accent)}.hero__title{font-family:var(--sans);font-weight:700;font-size:clamp(38px,7.2vw,88px);line-height:1.04;letter-spacing:-.035em;margin:0 0 28px;max-width:14ch;text-wrap:balance}.hero__title em{font-style:normal;color:var(--accent-text)}.hero__sub{font-family:var(--mono);font-size:clamp(15px,2vw,18px);color:var(--fg);margin-bottom:22px;letter-spacing:-.01em}.hero__sub-marker{color:var(--accent);margin-right:8px}.hero__lede{font-size:clamp(16px,1.8vw,19px);color:var(--fg-dim);max-width:56ch;line-height:1.65;margin:0 0 44px;text-wrap:pretty}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.hero__meta{margin-top:64px;display:flex;flex-wrap:wrap;gap:8px 28px;font-family:var(--mono);font-size:12.5px;color:var(--fg-muted)}.hero__meta span:before{content:"// ";color:var(--fg-faint)}.why{border-top:1px solid var(--border);padding:clamp(72px,10vw,120px) 0}.why__head{display:grid;gap:18px;margin-bottom:64px;max-width:760px}.why__title{font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0;text-wrap:balance}.why__grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.why__cell{background:var(--bg);padding:36px 32px;display:flex;flex-direction:column;gap:14px}.why__cell-num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.08em}.why__cell-title{font-size:19px;font-weight:600;letter-spacing:-.015em;margin:0;line-height:1.35}.why__cell-body{color:var(--fg-dim);font-size:15px;line-height:1.65;margin:0}.why__cell-tag{margin-top:auto;padding-top:16px;font-family:var(--mono);font-size:12px;color:var(--fg-muted)}@media(min-width:760px){.why__grid{grid-template-columns:repeat(3,1fr)}}.tracks{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--border)}.tracks__head{display:grid;gap:18px;margin-bottom:56px;max-width:760px}.tracks__title{font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0}.tracks__lede{color:var(--fg-dim);font-size:16px;margin:0;max-width:60ch}.tracks__grid{display:grid;grid-template-columns:1fr;gap:20px}.track-card{display:grid;grid-template-rows:auto 1fr auto;gap:22px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:32px;transition:all .2s ease;position:relative;overflow:hidden}.track-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);opacity:0;transition:opacity .2s}.track-card:hover{border-color:var(--border-strong);background:var(--bg-card-hi);transform:translateY(-2px)}.track-card:hover:before{opacity:1}.track-card__url{font-family:var(--mono);font-size:13px;color:var(--accent-text);display:flex;align-items:center;gap:8px}.track-card__url:before{content:"→";color:var(--fg-muted)}.track-card__title{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;line-height:1.25}.track-card__desc{color:var(--fg-dim);font-size:15.5px;line-height:1.65;margin:0}.track-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px dashed var(--border);font-family:var(--mono);font-size:12px;color:var(--fg-muted)}.track-card__audience:before{content:"audience:: ";color:var(--fg-faint)}.track-card__arrow{color:var(--accent-text);font-size:14px}@media(min-width:760px){.tracks__grid{grid-template-columns:1fr 1fr;gap:24px}}.posts{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--border)}.posts__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}.posts__title{font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:16px 0 0}.posts__more{font-family:var(--mono);font-size:13px;color:var(--fg-dim);border-bottom:1px solid var(--border-strong);padding-bottom:2px;transition:all .15s}.posts__more:hover{color:var(--accent-text);border-color:var(--accent)}.posts__list{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.post{background:var(--bg);padding:32px 4px;display:grid;gap:18px;transition:background .18s}.post:hover{background:var(--bg-elev);padding-left:24px;padding-right:24px}.post__meta{font-family:var(--mono);font-size:12px;color:var(--fg-muted);display:flex;gap:14px;align-items:center}.post__meta-num{color:var(--accent)}.post__title{font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:-.022em;line-height:1.3;margin:0;text-wrap:balance}.post__title a{transition:color .15s}.post__title a:hover{color:var(--accent-text)}.post__excerpt{color:var(--fg-dim);font-size:15.5px;line-height:1.65;margin:0;max-width:70ch}.post__tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:var(--mono);font-size:11.5px;padding:4px 10px;border-radius:4px;border:1px solid var(--border-strong);color:var(--fg-dim);letter-spacing:.01em}.tag--accent{border-color:var(--accent-line);color:var(--accent-text);background:var(--accent-soft)}@media(min-width:760px){.post{grid-template-columns:160px 1fr auto;align-items:start;gap:32px;padding:36px 4px}.post__meta{flex-direction:column;align-items:flex-start;gap:6px;padding-top:6px}.post:hover{padding-left:24px;padding-right:24px}.post__tags{justify-content:flex-end;padding-top:6px}}.frameworks{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--border)}.frameworks__head{display:grid;gap:18px;margin-bottom:48px;max-width:760px}.frameworks__title{font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0}.frameworks__lede{color:var(--fg-dim);font-size:16px;margin:0;max-width:60ch}.frameworks__grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.fw{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:12px;min-height:180px;transition:background .18s;position:relative}.fw:hover{background:var(--bg-card-hi)}.fw__id{font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.06em}.fw__name{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0}.fw__name-en{display:block;font-family:var(--mono);font-size:12.5px;font-weight:400;color:var(--accent-text);margin-top:6px;letter-spacing:0}.fw__def{color:var(--fg-dim);font-size:14.5px;line-height:1.6;margin:0}@media(min-width:560px){.frameworks__grid{grid-template-columns:1fr 1fr}}@media(min-width:880px){.frameworks__grid{grid-template-columns:repeat(3,1fr)}}.about{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--border)}.about__inner{display:grid;grid-template-columns:1fr;gap:36px;align-items:start;max-width:880px}.about__avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#1a3a26,#0a1c12);border:1px solid var(--accent-line);display:grid;place-items:center;font-family:var(--mono);font-size:28px;font-weight:600;color:var(--accent-text);letter-spacing:-.02em;flex-shrink:0}.about__body p{font-size:clamp(17px,2vw,21px);color:var(--fg);line-height:1.6;margin:0 0 20px;text-wrap:pretty;letter-spacing:-.005em}.about__body p strong{color:var(--fg);font-weight:600}.about__body .quote{font-family:var(--mono);font-size:14px;color:var(--accent-text);border-left:2px solid var(--accent);padding-left:14px;margin:24px 0}.about__link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--mono);font-size:14px;color:var(--fg-dim);border-bottom:1px solid var(--border-strong);padding-bottom:2px;transition:all .15s}.about__link:hover{color:var(--accent-text);border-color:var(--accent)}@media(min-width:720px){.about__inner{grid-template-columns:auto 1fr;gap:48px}}.subscribe{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 80% 30%,rgba(63,185,80,.06),transparent 55%),var(--bg)}.subscribe__inner{max-width:720px;display:grid;gap:28px}.subscribe__title{font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:12px 0 0;text-wrap:balance}.subscribe__title em{font-style:normal;color:var(--accent-text)}.subscribe__lede{color:var(--fg-dim);font-size:16px;margin:0;max-width:56ch;line-height:1.65}.subscribe__form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.subscribe__input{flex:1;font-family:var(--mono);font-size:14.5px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:6px;color:var(--fg);outline:none;transition:border-color .15s}.subscribe__input::placeholder{color:var(--fg-muted)}.subscribe__input:focus{border-color:var(--accent)}.subscribe__hint{font-family:var(--mono);font-size:12px;color:var(--fg-muted);margin-top:4px}@media(min-width:560px){.subscribe__form{flex-direction:row;align-items:stretch}.subscribe__form .btn{padding:14px 24px}}.site-footer{padding:64px 0 48px;font-size:14px}.site-footer__grid{display:grid;grid-template-columns:1fr;gap:40px 32px;padding-bottom:48px;border-bottom:1px solid var(--border)}.site-footer__brand .logo{margin-bottom:12px}.site-footer__brand p{color:var(--fg-dim);font-size:14px;margin:0;max-width:36ch;line-height:1.6}.site-footer__col h4{font-family:var(--mono);font-size:11.5px;font-weight:500;color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}.site-footer__col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.site-footer__col a{color:var(--fg-dim);font-size:14px;transition:color .15s}.site-footer__col a:hover{color:var(--accent-text)}.site-footer__col .mono{font-family:var(--mono);font-size:13px}.site-footer__bottom{margin-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:12px;color:var(--fg-muted)}.site-footer__bottom a:hover{color:var(--fg-dim)}@media(min-width:720px){.site-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}