:root{--ink:#0F172A;--ink2:#1E293B;--blue:#3B82F6;--blue2:#60A5FA;--green:#10B981;--orange:#F59E0B;--purple:#8B5CF6;--red:#EF4444;--gray:#64748B;--gray2:#94A3B8;--light:#F1F5F9;--line:#1E293B;--font:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;--mono:"SF Mono","Consolas",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:#0a0e1a;color:#fff;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;line-height:1.6}a{color:var(--blue2);text-decoration:none}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.32}.bg .o1{width:600px;height:600px;background:#1d4ed8;top:-220px;right:-160px}.bg .o2{width:500px;height:500px;background:#7c3aed;bottom:-220px;left:-160px;opacity:.22}.bg-img{position:absolute;top:0;left:0;right:0;height:min(100vh,900px);z-index:0;pointer-events:none;background:#0a0e1a url(/bg-hero.jpg) center top / cover no-repeat}.bg-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0e1a40,#0a0e1a1a 45%,#0a0e1a)}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(140%) blur(12px);background:#0a0e1ab8;border-bottom:1px solid rgba(255,255,255,.07)}.site-header .inner{max-width:1180px;margin:0 auto;padding:14px 6vw;display:flex;align-items:center;gap:20px}.brand{font-weight:800;font-size:22px;letter-spacing:-.03em;color:#fff;text-decoration:none}.brand .ai{background:linear-gradient(120deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand .dot{color:var(--blue2)}.site-nav{display:flex;gap:4px;margin-left:8px}.site-nav a{color:var(--gray2);font-size:14px;font-weight:600;padding:7px 12px;border-radius:9px;transition:all .2s}.site-nav a:hover{color:#fff;background:#ffffff0f}.site-nav a.active{color:#fff;background:#3b82f62e}.site-header .spacer{flex:1}@media(max-width:760px){.site-header .inner{flex-wrap:wrap;gap:10px}.site-nav{order:3;width:100%;overflow-x:auto}}.site-main{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:6vh 6vw 8vh}.site-main.narrow{max-width:820px}.tag{display:inline-block;font-size:13px;letter-spacing:.24em;color:var(--blue2);font-weight:700;text-transform:uppercase;margin-bottom:16px}h1.hero{font-size:clamp(38px,6vw,72px);font-weight:800;letter-spacing:-.02em;line-height:1.06}.hl{background:linear-gradient(120deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub{font-size:clamp(16px,1.8vw,21px);color:var(--gray2);margin-top:20px;max-width:680px;line-height:1.6}.principle{margin-top:30px;padding:22px 28px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:16px;max-width:760px}.principle .l{font-size:12px;letter-spacing:.2em;color:var(--blue2);font-weight:700;margin-bottom:8px}.principle .q{font-size:clamp(17px,2vw,22px);font-weight:700;line-height:1.5}.principle .q em{color:var(--blue2);font-style:normal}.section-label{font-size:13px;letter-spacing:.2em;color:var(--gray);font-weight:700;text-transform:uppercase;margin:6vh 0 20px;display:flex;align-items:center;gap:14px}.section-label:after{content:"";flex:1;height:1px;background:var(--line)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{position:relative;display:block;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px 28px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s}.card:hover{transform:translateY(-6px);border-color:#60a5fa80;background:#ffffff0f}.card .glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.4;right:-40px;top:-40px;transition:opacity .35s}.card:hover .glow{opacity:.7}.card .type{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;margin-bottom:16px}.type.talk{background:#60a5fa26;color:var(--blue2)}.type.ref{background:#10b98126;color:#34d399}.card h2{font-size:24px;font-weight:800;line-height:1.25;margin-bottom:10px;position:relative;z-index:1}.card p{font-size:14.5px;color:var(--gray2);line-height:1.6;position:relative;z-index:1;margin-bottom:18px}.card .go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;position:relative;z-index:1}.card .go .arrow{transition:transform .3s}.card:hover .go .arrow{transform:translate(5px)}.card .idx{position:absolute;right:24px;bottom:18px;font-size:60px;font-weight:800;color:#ffffff0a;line-height:1}@media(max-width:760px){.cards{grid-template-columns:1fr}}.flowline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:14px;color:var(--gray2)}.flowline .b{padding:7px 14px;background:#ffffff0d;border-radius:8px;font-weight:600;color:#e2e8f0}.flowline .a{color:var(--gray)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;margin-top:8px}.prod{display:flex;gap:18px;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px 28px;transition:transform .3s,border-color .3s,background .3s}.prod:hover{transform:translateY(-4px);border-color:#60a5fa73;background:#ffffff0f}.prod .pe{font-size:34px;line-height:1;flex-shrink:0}.prod .pbody{flex:1;min-width:0}.prod h3{font-size:19px;font-weight:800;color:#fff;margin-bottom:5px}.prod p{font-size:14.5px;color:var(--gray2);line-height:1.5;margin:0}.prod .parrow{color:var(--gray2);font-size:22px;flex-shrink:0;transition:transform .3s,color .3s}.prod:hover .parrow{transform:translate(5px);color:#fff}.plogo{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:block}.plogo-lg{width:58px;height:58px;border-radius:14px;flex-shrink:0;display:block}.site-footer .fcol a img{width:17px;height:17px;border-radius:5px;vertical-align:-4px;margin-right:7px}.prodhead{display:flex;align-items:center;gap:18px;margin:6px 0}.prodhead .pe{font-size:46px;line-height:1;flex-shrink:0}.prodhead h1{font-size:clamp(30px,4vw,46px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}.prodhead .role{font-size:16px;color:var(--gray2);margin-top:4px}.prod-meta{display:inline-block;font-family:var(--mono);font-size:13px;color:var(--blue2);background:#3b82f61a;border:1px solid rgba(59,130,246,.25);padding:6px 12px;border-radius:8px;margin:6px 0 22px}.prod-summary{font-size:17px;color:#cbd5e1;line-height:1.75;max-width:760px}.feat-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:18px 0 6px;max-width:820px}.feat-list .fi{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#e2e8f0;line-height:1.5}.feat-list .fi:before{content:"✓";color:var(--green);font-weight:800;flex-shrink:0}@media(max-width:760px){.feat-list{grid-template-columns:1fr}}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-primary{display:inline-block;font-size:14.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:11px 20px;border-radius:10px;transition:opacity .25s}.btn-primary:hover{opacity:.9}.btn-ghost{display:inline-block;font-size:14.5px;font-weight:700;color:#cbd5e1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:11px 20px;border-radius:10px;transition:all .25s}.btn-ghost:hover{color:#fff;border-color:#60a5fa80}.backlink{display:inline-block;font-size:13.5px;color:var(--gray2);margin-bottom:18px}.backlink:hover{color:#fff}.post-list{display:flex;flex-direction:column;gap:14px;margin-top:8px}.post-item{display:block;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 26px;transition:transform .3s,border-color .3s,background .3s}.post-item:hover{transform:translateY(-3px);border-color:#60a5fa73;background:#ffffff0f}.post-item .pdate{font-size:12.5px;color:var(--gray);font-family:var(--mono);letter-spacing:.05em}.post-item h2{font-size:21px;font-weight:800;color:#fff;margin:6px 0 8px;line-height:1.3}.post-item p{font-size:14.5px;color:var(--gray2);line-height:1.6}.post-item .ptags{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap}.ptag{font-size:11.5px;font-weight:700;color:var(--blue2);background:#3b82f61f;padding:4px 10px;border-radius:20px}.empty{color:var(--gray2);font-size:15px;padding:30px 0}.prose{max-width:760px;color:#cbd5e1;font-size:16px;line-height:1.8}.prose h1{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2;margin-bottom:10px}.prose h2{font-size:24px;font-weight:800;color:#fff;margin:38px 0 12px}.prose h3{font-size:19px;font-weight:800;color:#fff;margin:28px 0 10px}.prose p{margin:14px 0}.prose a{color:var(--blue2);text-decoration:underline;text-underline-offset:3px}.prose strong{color:#fff;font-weight:700}.prose ul,.prose ol{margin:14px 0 14px 22px}.prose li{margin:7px 0}.prose blockquote{border-left:3px solid var(--blue);background:#3b82f614;padding:12px 18px;border-radius:0 10px 10px 0;margin:18px 0;color:#e2e8f0}.prose code{font-family:var(--mono);background:#ffffff14;padding:2px 7px;border-radius:5px;font-size:14px;color:#e2e8f0}.prose pre{background:#0b1120;border:1px solid rgba(255,255,255,.08);color:#7dd3fc;font-family:var(--mono);font-size:14px;line-height:1.6;padding:18px 20px;border-radius:12px;margin:18px 0;overflow-x:auto}.prose pre code{background:none;padding:0;color:inherit}.prose img{max-width:100%;border-radius:12px;margin:18px 0}.prose hr{border:none;border-top:1px solid var(--line);margin:30px 0}.post-head{margin-bottom:30px}.post-head .pdate{font-size:13px;color:var(--gray);font-family:var(--mono)}.site-footer{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:8vh}.site-footer .inner{max-width:1180px;margin:0 auto;padding:40px 6vw 56px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.site-footer .fbrand .b{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em}.site-footer .fbrand .b .ai{background:linear-gradient(120deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-footer .fbrand .b .dot{color:var(--blue2)}.site-footer .fbrand p{font-size:13.5px;color:var(--gray2);margin-top:8px;max-width:300px;line-height:1.6}.site-footer .fcol h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);font-weight:700;margin-bottom:12px}.site-footer .fcol a{display:block;color:var(--gray2);font-size:14px;padding:4px 0}.site-footer .fcol a:hover{color:#fff}.site-footer .byline{max-width:1180px;margin:0 auto;padding:16px 6vw 40px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--gray)}.site-footer .byline a{color:var(--gray2)}@media(max-width:760px){.site-footer .inner{grid-template-columns:1fr 1fr}.site-footer .fbrand{grid-column:1/-1}}