.bg-alt[data-v-9b2f3179]{background:var(--bg-secondary)}.intro-card[data-v-9b2f3179]{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm)}.intro-text[data-v-9b2f3179]{font-size:16px;line-height:1.95;color:var(--text);opacity:.82;margin:0 0 18px}.intro-text[data-v-9b2f3179]:last-child{margin-bottom:0}@media (max-width: 734px){.intro-card[data-v-9b2f3179]{padding:22px}.intro-text[data-v-9b2f3179]{font-size:15px;line-height:1.85}}:root{--bg: #ffffff;--bg-secondary: #f5f5f7;--surface: #ffffff;--text: #333333;--title: #111111;--border: #e2e2e7;--accent: #0071e3;--accent-hover: #0077ed;--accent-active: #006edb;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--transition: .22s ease;--bg-alt: var(--bg-secondary);--about-line-height: 1.5}[data-theme=dark]{--bg: #121212;--bg-secondary: #1a1a1a;--surface: #1e1e1e;--text: #e5e5e5;--title: #ffffff;--border: #2c2c2e;--accent: #2997ff;--accent-hover: #47a6ff;--accent-active: #0077ed;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}h1,h2,h3,h4{color:var(--title)}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:0 20px}main{min-height:60vh}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 22px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}.nav-left{display:flex;align-items:center;gap:24px}[data-theme=dark] .nav{background:#121212b8}.nav-logo{justify-self:start;display:grid;place-items:center;width:38px;height:38px;padding:0;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:background var(--transition),transform .1s ease}.nav-logo:hover{background:var(--bg-secondary)}.nav-logo:active{transform:scale(.94)}.logo-mark rect{fill:var(--accent)}.logo-mark circle{fill:#fff}.logo-mark line{stroke:#fff;stroke-width:1.5}.nav-actions{justify-self:end;display:flex;align-items:center}.nav-tabs{display:flex;gap:4px;align-items:center}.tab{font-size:15px;opacity:.85;padding:7px 16px;border-radius:980px;cursor:pointer;white-space:nowrap;color:var(--text);transition:opacity var(--transition),color var(--transition),background var(--transition)}.tab:hover{opacity:1;background:var(--bg-secondary)}.tab.active{opacity:1;color:var(--accent);background:#0071e31a}[data-theme=dark] .tab.active{background:#2997ff29}.theme-toggle{width:38px;height:38px;border-radius:50%;flex-shrink:0;border:1px solid var(--border);background:transparent;color:var(--title);cursor:pointer;display:grid;place-items:center;font-size:17px;transition:background var(--transition),transform .1s ease}.theme-toggle:active{transform:scale(.92)}.page{animation:pageIn .25s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-section{padding:66px 0}.section-head{text-align:center;margin-bottom:48px}.section-head h2{font-size:32px;font-weight:600;letter-spacing:-.01em}.section-head p{color:var(--text);opacity:.8;font-size:17px;margin-top:12px}.btn{font:400 16px/1 var(--font-sans);padding:12px 22px;border-radius:980px;border:1px solid transparent;cursor:pointer;display:inline-block;transition:background var(--transition),color var(--transition),transform .1s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-active);transform:scale(.98)}.btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-secondary:hover{background:#0071e314}[data-theme=dark] .btn-secondary:hover{background:#2997ff1f}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.badge{display:inline-block;font:500 13px/1 var(--font-sans);color:var(--accent);background:#0071e31a;border-radius:980px;padding:6px 12px}[data-theme=dark] .badge{background:#2997ff29}.hero{text-align:center;padding:120px 0 96px}.hero .eyebrow{font-size:15px;color:var(--accent);font-weight:600;letter-spacing:.02em;margin-bottom:18px}.hero h1{font-size:clamp(40px,8vw,72px);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin-bottom:22px}.hero .lead{font-size:19px;color:var(--text);opacity:.85;max-width:640px;margin:0 auto 28px}.hero .intro{font-size:16px;color:var(--text);opacity:.8;max-width:720px;margin:0 auto 36px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.examples-grid .card .ico{font-size:26px;margin-bottom:12px}.examples-grid .card h3{font-size:18px;font-weight:600;margin-bottom:8px}.examples-grid .card p{font-size:14px;opacity:.82;margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.feature-grid .card .ico{font-size:28px;margin-bottom:14px}.feature-grid .card h3{font-size:21px;font-weight:600;margin-bottom:10px}.feature-grid .card p{font-size:15px;opacity:.82;margin-bottom:16px}.prose h3{font-size:24px;font-weight:600;margin-bottom:16px}.prose p{font-size:16px;opacity:.85;margin-bottom:14px}.prose .card{margin-bottom:24px}.intro-title{font-size:32px;font-weight:600;letter-spacing:-.01em;text-align:center;margin:0 0 48px}.intro-list{margin:0;padding:0}.intro-list>p,.intro-list>div{position:relative;padding-left:6px;margin:0 0 14px;font-size:16px;line-height:var(--about-line-height);color:var(--text)}.intro-sublist{margin:10px 0 4px;padding:12px 16px;background:var(--surface);border-radius:12px}.intro-sublist>p,.intro-sublist>div{position:relative;margin:0 0 10px;font-size:15px;line-height:var(--about-line-height);color:var(--text)}.intro-sublist>li:last-child{margin-bottom:0}.inline-link{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color var(--transition)}.inline-link:hover{border-bottom-color:var(--accent)}.steps{list-style:none;counter-reset:step;margin:16px 0 20px}.steps li{counter-increment:step;position:relative;padding-left:34px;margin-bottom:12px;font-size:15px;opacity:.85}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;display:grid;place-items:center}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.chip{font-size:14px;padding:8px 14px;border-radius:980px;border:1px solid var(--border)}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tool-card h3{font-size:21px;font-weight:600;margin-bottom:10px}.tool-card .desc{font-size:15px;opacity:.82;margin-bottom:16px}.tool-card .sub{font-size:14px;opacity:.7;margin:8px 0 4px}.tool-card .example-name{font-weight:600;color:var(--title)}.news-group{border:1px solid var(--border);border-radius:16px;background:var(--surface);margin-bottom:16px;overflow:hidden}.news-date{width:100%;text-align:left;background:transparent;border:none;cursor:pointer;padding:18px 24px;font-size:17px;font-weight:600;color:var(--title);display:flex;align-items:center;justify-content:space-between}.news-date .arrow{transition:transform var(--transition);opacity:.6}.news-group.open .news-date .arrow{transform:rotate(180deg)}.news-items{padding:0 24px 20px}.news-items[hidden]{display:none}.news-item{padding:16px 0;border-top:1px solid var(--border)}.news-item h4{font-size:16px;font-weight:600;margin-bottom:6px}.news-item .summary{font-size:14px;opacity:.8;margin-bottom:10px}.news-tags{display:flex;flex-wrap:wrap;gap:8px}.news-tags span{font-size:12px;color:var(--accent);background:#0071e31a;border-radius:980px;padding:4px 10px}[data-theme=dark] .news-tags span{background:#2997ff29}.footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;color:var(--text);opacity:.7;font-size:13px;transition:border-color var(--transition)}@media (max-width: 734px){.page-section{padding:10px 0}.hero{padding:88px 0 64px}.nav{padding:0 14px}.nav-tabs{justify-self:center;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.feature-grid,.tools-grid,.examples-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto}.page-enter-active,.page-leave-active{transition:none}}