.search-button[data-astro-cid-onsa7a5b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#6b7280;background:#f3f4f6;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-button[data-astro-cid-onsa7a5b]:hover{color:var(--color-accent, #0066cc);background:#e5e7eb;transform:translateY(-1px)}@media (max-width: 640px){.search-button[data-astro-cid-onsa7a5b]{width:32px;height:32px}.search-button[data-astro-cid-onsa7a5b] svg[data-astro-cid-onsa7a5b]{width:18px;height:18px}}.social-links[data-astro-cid-johd433v]{display:flex;gap:.5rem;align-items:center}.social-link[data-astro-cid-johd433v]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1)}.social-icon[data-astro-cid-johd433v]{width:20px;height:20px;display:block}.social-links-header[data-astro-cid-johd433v] .social-link[data-astro-cid-johd433v]{color:#6b7280;border-radius:50%}.social-links-header[data-astro-cid-johd433v] .social-link[data-astro-cid-johd433v]:hover{transform:translateY(-2px)}.social-links-header[data-astro-cid-johd433v] .social-link-social-twitter[data-astro-cid-johd433v],.social-links-header[data-astro-cid-johd433v] .social-link-social-x[data-astro-cid-johd433v]{color:#000}.social-links-header[data-astro-cid-johd433v] .social-link-social-github[data-astro-cid-johd433v]{color:#333}.social-links-header[data-astro-cid-johd433v] .social-link-social-linkedin[data-astro-cid-johd433v]{color:#0077b5}.social-links-header[data-astro-cid-johd433v] .social-link-social-youtube[data-astro-cid-johd433v]{color:red}.social-links-header[data-astro-cid-johd433v] .social-link-social-facebook[data-astro-cid-johd433v]{color:#1877f2}.social-links-header[data-astro-cid-johd433v] .social-link-social-instagram[data-astro-cid-johd433v]{color:#e4405f}.social-links-footer[data-astro-cid-johd433v] .social-link[data-astro-cid-johd433v]{width:40px;height:40px;color:#9ca3af;background:#ffffff0d;border-radius:50%}.social-links-footer[data-astro-cid-johd433v] .social-link[data-astro-cid-johd433v]:hover{color:#fff;background:#ffffff1a}@media (max-width: 640px){.social-links-header[data-astro-cid-johd433v] .social-link[data-astro-cid-johd433v]{width:32px;height:32px}.social-icon[data-astro-cid-johd433v]{width:18px;height:18px}}.app-links[data-astro-cid-bkysqdmy]{display:flex;gap:.75rem;align-items:center}.app-badge[data-astro-cid-bkysqdmy]{display:block;color:#000;transition:opacity .2s;text-decoration:none}.app-badge[data-astro-cid-bkysqdmy]:hover{opacity:.8}.app-badge[data-astro-cid-bkysqdmy] svg[data-astro-cid-bkysqdmy]{display:block}.app-links-header[data-astro-cid-bkysqdmy] .app-badge[data-astro-cid-bkysqdmy]{transform:scale(.85)}.app-links-footer[data-astro-cid-bkysqdmy] .app-badge[data-astro-cid-bkysqdmy]{margin-top:.5rem}@media (max-width: 768px){.app-links-header[data-astro-cid-bkysqdmy]{flex-direction:column;align-items:flex-start}}:root{--color-bg: #FBFBFD;--color-surface: #FFFFFF;--color-text-primary: #1D1D1F;--color-text-secondary: #86868B;--color-text-tertiary: #A1A1A6;--color-link: #0066CC;--color-link-hover: #0077ED;--color-border: rgba(0, 0, 0, .06);--color-border-strong: rgba(0, 0, 0, .12);--color-overlay: rgba(0, 0, 0, .4);--color-blue: #0071E3;--color-blue-hover: #0077ED;--color-green: #30D158;--color-orange: #FF9500;--color-red: #FF3B30;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .03);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .16), 0 8px 24px rgba(0, 0, 0, .06);--font-base: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--container-max: 980px;--article-max: 700px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 30px;--header-height: 44px;--z-header: 1000;--z-dropdown: 100;--z-modal: 2000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-base);font-size:17px;line-height:1.47059;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--color-bg);color:var(--color-text-primary);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 32px)}body{min-height:100vh;display:flex;flex-direction:column}img,video,iframe{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--color-text-primary);letter-spacing:-.015em;line-height:1.1;margin:0}h1{font-size:clamp(40px,5vw,56px);line-height:1.07143;letter-spacing:-.005em;font-weight:700;margin-bottom:20px}h2{font-size:clamp(28px,3.5vw,40px);line-height:1.1;font-weight:600;margin-top:56px;margin-bottom:16px}h3{font-size:clamp(21px,2.5vw,28px);line-height:1.14286;font-weight:600;margin-top:40px;margin-bottom:12px}h4{font-size:21px;line-height:1.19048;font-weight:600;margin-top:32px;margin-bottom:10px}p{font-size:17px;line-height:1.47059;color:var(--color-text-primary);margin:0 0 20px}p.intro,p.lead{font-size:21px;line-height:1.381;color:var(--color-text-secondary);font-weight:400;margin-bottom:32px}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-link-hover);text-decoration:underline}strong,b{font-weight:600}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.94em;background:#0000000a;padding:2px 6px;border-radius:4px;color:#c7254e}pre{background:#1d1d1f;color:#f5f5f7;padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin:32px 0;font-family:var(--font-mono);font-size:14px;line-height:1.6}pre code{background:none;padding:0;color:inherit}blockquote{border-left:4px solid var(--color-blue);padding:16px 24px;margin:32px 0;background:#0071e308;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--color-text-secondary)}ul,ol{margin:20px 0;padding-left:28px}li{margin-bottom:10px;line-height:1.47059}li::marker{color:var(--color-text-secondary)}dl{margin:24px 0}dt{font-weight:600;margin-top:16px;margin-bottom:8px;color:var(--color-text-primary)}dd{margin-left:0;margin-bottom:16px;color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 max(20px,env(safe-area-inset-right))}.article-container{max-width:var(--article-max);margin:0 auto}main{flex:1;padding-bottom:80px}.site-header{position:sticky;top:0;height:var(--header-height);background:#fbfbfdb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:var(--z-header);transition:box-shadow .3s ease}.site-header.scrolled{box-shadow:0 1px #00000014,0 2px 6px #0000000a}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left{flex-shrink:0}.header-nav{flex:1;display:flex;justify-content:center}.header-right{flex-shrink:0;display:flex;align-items:center;gap:12px}header nav ul{display:flex;gap:28px;list-style:none;padding:0;margin:0;align-items:center}header nav a{font-size:12px;color:var(--color-text-primary);opacity:.88;text-decoration:none;font-weight:400;letter-spacing:-.01em;transition:opacity .2s ease}header nav a:hover{opacity:1;text-decoration:none}.logo{display:flex;align-items:center;text-decoration:none}.logo-image{height:22px;width:auto;display:block}.btn,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;height:28px;font-size:12px;font-weight:400;border-radius:980px;border:none;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:var(--color-blue);color:#fff}.btn-primary:hover{background:var(--color-blue-hover);transform:scale(1.02);text-decoration:none;color:#fff}.btn-secondary{background:transparent;color:var(--color-link);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:#00000008;border-color:var(--color-link);text-decoration:none}.cta-button{padding:4px 16px!important;height:28px!important;font-size:12px!important;border-radius:980px!important}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:48px 0}.card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-decoration:none;color:inherit}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.card-image-wrapper{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card:hover .card-image-wrapper img{transform:scale(1.08)}.card-content{padding:20px;flex:1;display:flex;flex-direction:column}.card-meta{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card-content h3{font-size:19px;line-height:1.21053;margin:0 0 auto;font-weight:600}article{padding:40px 0;animation:fadeUp .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(16px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.breadcrumb{padding:12px 0;font-size:12px;color:var(--color-text-secondary)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.breadcrumb li{margin:0}.breadcrumb li+li:before{content:"›";margin-right:6px;opacity:.5;font-weight:300}.breadcrumb a{color:var(--color-link);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.author-byline{font-size:15px;color:var(--color-text-secondary);margin:16px 0 32px}.author-byline a{color:var(--color-text-primary);font-weight:500}figure.featured-image{margin:40px 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}figure.featured-image img{width:100%;height:auto}figcaption{text-align:center;font-size:13px;color:var(--color-text-tertiary);margin-top:12px;font-style:italic}#ai-summary{background:var(--color-surface);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius-lg);padding:32px;margin:40px 0;box-shadow:0 4px 24px #0071e30f;position:relative;overflow:hidden}#ai-summary:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-blue),#5E5CE6);opacity:.8}#ai-summary strong{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-blue);margin-bottom:16px}#ai-summary strong:before{content:"✨";font-size:16px}#ai-summary p{font-size:20px;line-height:1.45;font-weight:500;color:var(--color-text-primary);margin:0}.pro-tip{background:#f5f5f7;border-radius:var(--radius-md);padding:24px;margin:32px 0;font-size:17px;color:var(--color-text-secondary)}.pro-tip strong{color:var(--color-text-primary);margin-right:6px}table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}thead{background:#f5f5f7}th{text-align:left;font-weight:600;padding:16px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);font-size:14px}td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#00000005}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);margin:32px 0;box-shadow:var(--shadow-md)}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}audio{width:100%;margin:24px 0;border-radius:var(--radius-md)}.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;margin:24px 0;box-shadow:var(--shadow-xs);transition:all .3s ease}.product-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.product-card h3{margin-top:0;margin-bottom:12px;font-size:21px}aside{margin-top:60px;padding-top:40px;border-top:1px solid var(--color-border)}aside h3{margin-top:0;margin-bottom:20px;font-size:24px}aside ul{list-style:none;padding:0;display:grid;gap:12px}aside li{margin:0}aside a{display:block;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .2s ease;color:var(--color-text-primary);font-weight:500}aside a:hover{border-color:var(--color-link);background:#0066cc08;text-decoration:none;transform:translate(4px)}footer{background:#f5f5f7;padding:48px 0 24px;font-size:12px;color:var(--color-text-secondary);margin-top:auto}footer a{color:var(--color-text-secondary);transition:color .2s ease}footer a:hover{color:var(--color-text-primary)}footer h3{font-size:12px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:8px}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{color:var(--color-text-tertiary);font-size:12px}@media (max-width: 1024px){.header-nav{display:none}}@media (max-width: 768px){html{font-size:16px}.container{padding:0 16px}h1{font-size:36px}h2{font-size:28px;margin-top:40px}.card-grid{grid-template-columns:1fr}table{font-size:14px}th,td{padding:12px}}.text-center{text-align:center}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}:target:before{content:"";display:block;height:calc(var(--header-height) + 32px);margin-top:calc(-1 * (var(--header-height) + 32px));visibility:hidden;pointer-events:none}
