:root{--bg: #05080f;--bg-soft: #0a1120;--card: #0d1626;--card-hover: #111d33;--border: #1b2a45;--border-bright: #27405f;--text: #e8f0ff;--text-dim: #a9bcd8;--muted: #93a8c6;--accent: #35e6c4;--accent-dim: #1c8f7c;--accent-2: #7c8cff;--claw: #ff7a59;--radius: 14px;--radius-sm: 9px;--maxw: 1180px;--mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 500px at 12% -8%,rgba(53,230,196,.12),transparent 60%),radial-gradient(800px 480px at 88% 4%,rgba(124,140,255,.12),transparent 60%),radial-gradient(700px 500px at 50% 100%,rgba(255,122,89,.05),transparent 65%);pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(53,230,196,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,230,196,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 0%,black 0%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 0%,black 0%,transparent 75%);pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:50;background:#05080fd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.5px;white-space:nowrap}.logo-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04120f;font-size:15px;font-weight:900;font-family:var(--mono)}.logo small{display:block;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:1.5px}.nav-links{display:flex;align-items:center;gap:26px;font-size:14.5px;color:var(--text-dim);margin-left:auto}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),#22c4a7);color:#04120f;box-shadow:0 6px 24px #35e6c438}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #35e6c44d}.btn-ghost{background:#ffffff08;border-color:var(--border-bright);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero{padding:78px 0 56px;text-align:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;border:1px solid rgba(53,230,196,.28);background:#35e6c40f;color:var(--accent);font-size:13px;letter-spacing:.4px;margin-bottom:22px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.hero h1{font-size:clamp(32px,5.2vw,56px);line-height:1.16;margin:0 0 20px;letter-spacing:-.5px;font-weight:800}.grad{background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 55%,var(--claw) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{max-width:720px;margin:0 auto 34px;color:var(--text-dim);font-size:17px;line-height:1.85}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.terminal{max-width:680px;margin:0 auto;background:#070d18;border:1px solid var(--border-bright);border-radius:12px;overflow:hidden;text-align:left;box-shadow:0 30px 80px #0000008c}.term-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;border-bottom:1px solid var(--border);background:#0a1322}.term-bar i{width:11px;height:11px;border-radius:50%;display:inline-block}.term-bar i:nth-child(1){background:#ff5f57}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}.term-title{margin-left:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}.term-body{padding:18px 20px;font-family:var(--mono);font-size:13.5px;line-height:1.95;color:#c9d9f0;overflow-x:auto}.term-body .prompt{color:var(--accent);user-select:none}.term-body .cmd{color:#eaf3ff}.term-body .cmt{color:#7d92b4}.section{padding:62px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:30px}.section-title{font-size:26px;margin:0 0 6px;font-weight:800;letter-spacing:-.2px}.section-sub{margin:0;color:var(--muted);font-size:14.5px}.more-link{color:var(--accent);font-size:14px;white-space:nowrap}.more-link:hover{text-decoration:underline}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:var(--border-bright);background:var(--card-hover)}.card h3{margin:0 0 9px;font-size:17px;line-height:1.45;font-weight:700}.card p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.7}.badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.3px;background:#35e6c41a;color:var(--accent);border:1px solid rgba(53,230,196,.2);margin-bottom:12px}.badge.claw{background:#ff7a591a;color:var(--claw);border-color:#ff7a5938}.badge.purple{background:#7c8cff1a;color:var(--accent-2);border-color:#7c8cff38}.card-meta{margin-top:14px;display:flex;gap:14px;font-size:12.5px;color:var(--muted);font-family:var(--mono)}.feature-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:19px;margin-bottom:15px;background:#35e6c414;border:1px solid rgba(53,230,196,.16)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.zone{border-radius:var(--radius);padding:28px;border:1px solid var(--border);background:linear-gradient(160deg,#35e6c40f,#0d1626e6 55%);position:relative;overflow:hidden}.zone.claw-zone{background:linear-gradient(160deg,#ff7a5912,#0d1626e6 55%)}.zone h3{margin:6px 0 10px;font-size:21px}.zone p{color:var(--text-dim);font-size:14.5px;margin:0 0 18px}.zone ul{margin:0 0 20px;padding-left:18px;color:var(--text-dim);font-size:14px}.zone li{margin-bottom:7px}.zone-tag{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.article-wrap{max-width:800px;margin:0 auto;padding:48px 0 80px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px}.breadcrumb a:hover{color:var(--accent)}.article-header{margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid var(--border)}.article-header h1{font-size:clamp(26px,4vw,38px);line-height:1.28;margin:10px 0 16px;font-weight:800}.article-desc{color:var(--text-dim);font-size:16px;margin:0 0 18px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted);font-family:var(--mono)}.prose{font-size:16px;line-height:1.9;color:#d6e3f7}.prose h2{font-size:24px;margin:42px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border);font-weight:750}.prose h3{font-size:19px;margin:30px 0 12px;font-weight:700}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin-bottom:8px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose strong{color:#fff;font-weight:700}.prose blockquote{margin:22px 0;padding:14px 20px;border-left:3px solid var(--accent);background:#35e6c40d;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-dim)}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--mono);font-size:.9em;background:#7c8cff1f;color:#b9c6ff;padding:2px 6px;border-radius:5px}.prose pre{background:#060c17!important;border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:18px 20px;overflow-x:auto;margin:20px 0;font-size:13.5px;line-height:1.75}.prose pre code{background:none;color:#d4e2f7;padding:0;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px}.prose th,.prose td{border:1px solid var(--border);padding:10px 14px;text-align:left}.prose th{background:#35e6c40f;font-weight:700}.prose tr:nth-child(2n) td{background:#ffffff04}.prose img{border-radius:var(--radius-sm);border:1px solid var(--border);margin:20px 0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px;padding-top:28px;border-top:1px solid var(--border)}.article-nav a{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);font-size:14px;transition:border-color .18s}.article-nav a:hover{border-color:var(--accent)}.article-nav span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.article-nav .next{text-align:right;grid-column:2}.site-footer{border-top:1px solid var(--border);padding:42px 0 30px;margin-top:60px;color:var(--muted);font-size:13.5px}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:26px}.footer-col h3{color:var(--text-dim);font-size:13px;margin:0 0 12px;letter-spacing:1px;text-transform:uppercase;font-weight:600}.footer-col a{display:block;margin-bottom:8px;font-size:13.5px}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px}.operator{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:30px 0 24px;padding:18px 22px;border:1px solid var(--border-bright);border-radius:var(--radius);background:linear-gradient(100deg,#35e6c412,#7c8cff0f 55%,#ff7a590a);position:relative;overflow:hidden}.operator:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.op-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;border:1px solid rgba(53,230,196,.32);background:#35e6c414;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.op-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s infinite}.op-text{display:flex;flex-direction:column;gap:4px;min-width:0}.op-text strong{font-size:14.5px;color:var(--text);letter-spacing:.3px}.op-sub{font-size:12.5px;color:var(--muted);line-height:1.6}.cat-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.cat-pill{padding:7px 15px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13.5px;color:var(--text-dim);transition:all .16s}.cat-pill:hover,.cat-pill.active{border-color:var(--accent);color:var(--accent);background:#35e6c412}@media(max-width:860px){.split{grid-template-columns:1fr}.nav-links{display:none}.hero{padding:54px 0 40px}.section{padding:46px 0}.section-head{flex-direction:column;align-items:flex-start;gap:8px}.article-nav{grid-template-columns:1fr}.article-nav .next{grid-column:1;text-align:left}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}