@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.api-payload-content[data-v-3b3b4b64]{height:100%;padding:var(--space-2xl) var(--space-3xl) var(--space-3xl);overflow-y:auto}.api-content[data-v-3b3b4b64]{gap:var(--space-2xl);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.api-key-point[data-v-3b3b4b64]{align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:linear-gradient(135deg,#1573e714 0%,#1573e705 100%);border:1px solid #1573e733;border-radius:12px;display:flex}.point-icon[data-v-3b3b4b64]{flex-shrink:0;font-size:48px}.point-text[data-v-3b3b4b64]{font-size:var(--text-lg);color:var(--text-primary);line-height:1.6}.point-text strong[data-v-3b3b4b64]{margin-bottom:var(--space-sm);color:var(--boyuan-blue-mid);display:block}.point-text code[data-v-3b3b4b64]{font-family:var(--font-mono);font-size:var(--text-base);background:var(--bg-gray);padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);border-radius:4px}.code-container[data-v-3b3b4b64]{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.code-header[data-v-3b3b4b64]{padding:var(--space-md) var(--space-lg);background:#2d2d2d;border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;display:flex}.code-label[data-v-3b3b4b64]{font-size:var(--text-sm);color:#9cdcfe;font-weight:500}.copy-btn[data-v-3b3b4b64]{cursor:pointer;background:0 0;border:1px solid #3d3d3d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.copy-btn[data-v-3b3b4b64]:hover{background:#3d3d3d;border-color:#5d5d5d}.copy-btn svg[data-v-3b3b4b64]{color:#9cdcfe;width:18px;height:18px}.code-block[data-v-3b3b4b64]{padding:var(--space-xl);font-family:JetBrains Mono,Consolas,monospace;font-size:var(--text-sm);color:#d4d4d4;margin:0;line-height:1.8;overflow-x:auto}.code-block code[data-v-3b3b4b64]{color:inherit}.api-note[data-v-3b3b4b64]{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);font-size:var(--text-base);color:var(--text-secondary);background:linear-gradient(135deg,#1573e70d 0%,#0000 100%);border:1px solid #1573e726;border-radius:12px;display:flex}.note-icon[data-v-3b3b4b64]{flex-shrink:0;font-size:24px}.legacy-slide[data-v-65ece496]{padding-top:var(--space-xl)}.content-wrapper[data-v-65ece496]{height:calc(100vh - 70px);overflow:hidden}.legacy-layout[data-v-65ece496]{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;height:100%;display:grid}.workflow-section[data-v-65ece496]{padding:var(--space-xl)}.workflow-main-title[data-v-65ece496]{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.workflow-steps[data-v-65ece496]{gap:var(--space-lg);flex-direction:column;display:flex}.workflow-item[data-v-65ece496]{gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color);transition:all .3s;display:flex}.workflow-item[data-v-65ece496]:last-child{border-bottom:none}.workflow-item[data-v-65ece496]:hover{transform:translateX(var(--space-md))}.workflow-num[data-v-65ece496]{background:var(--boyuan-blue-gradient);color:#fff;width:48px;height:48px;font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.workflow-content[data-v-65ece496]{flex:1;min-width:0}.workflow-title[data-v-65ece496]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:var(--leading-snug)}.workflow-desc[data-v-65ece496]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.code-section[data-v-65ece496]{flex-direction:column;justify-content:center;height:100%;display:flex}.code-panels[data-v-65ece496]{gap:var(--space-lg);flex-direction:column;justify-content:center;height:100%;display:flex}.code-panel[data-v-65ece496]{background:var(--bg-white);border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.code-panel[data-v-65ece496]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.code-panel.old[data-v-65ece496]{border:1px solid #f59e0b}.code-panel.new[data-v-65ece496]{border:1px solid var(--boyuan-blue-mid)}.code-block[data-v-65ece496]{padding:var(--space-lg);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre;max-height:200px;font-family:var(--font-mono);font-feature-settings:"liga" 1, "calt" 1;margin:0;overflow:auto}.highlight[data-v-65ece496]{color:var(--boyuan-blue-mid);font-weight:var(--font-semibold)}.old .highlight[data-v-65ece496]{color:#dc2626}:root{--boyuan-blue-light:#28bef1;--boyuan-blue-mid:#1573e7;--boyuan-blue-dark:#0c4ce2;--boyuan-blue-gradient:linear-gradient(135deg, #28bef1 0%, #1573e7 50%, #0c4ce2 100%);--bg-white:#fff;--bg-gray:#f0f2f5;--bg-light:#f8f9fa;--bg-blue-subtle:#1573e70a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-blue:#1573e733;--accent-blue:#1573e7;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:2.813rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-main:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", "Monaco", monospace;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.presentation{width:100vw;height:100vh;font-family:var(--font-main);background:var(--bg-white);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal);letter-spacing:var(--tracking-normal);position:fixed;top:0;left:0;overflow:hidden}.geo-bg{z-index:0;position:fixed;inset:0}.cover-bg-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.slide-header{height:70px;padding:0 var(--space-3xl);background:var(--bg-white);z-index:100;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000a}.header-logo{align-items:center;display:flex}.header-logo-img{object-fit:contain;width:auto;height:140px;transition:all .3s}.header-logo:hover .header-logo-img{transform:scale(1.05)}.header-chapter{font-size:var(--text-sm);color:var(--boyuan-blue-mid);letter-spacing:2px;text-transform:uppercase;background:var(--boyuan-blue-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500}.slides-container{z-index:2;width:100%;height:100%;position:relative}.slide{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;position:absolute;inset:0;overflow:hidden}.slide.active{opacity:1;visibility:visible;z-index:10}.slide-0 .cover-content{z-index:10;height:100%;padding:var(--space-3xl) var(--space-3xl);flex-direction:column;display:flex;position:relative}.cover-main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.cover-logo-section{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);transition:transform .3s;display:flex}.cover-logo-section:hover{transform:scale(1.02)}.cover-logo-img{object-fit:contain;filter:drop-shadow(0 8px 24px #00000026);width:200px;height:auto}.cover-logo-text{text-align:left}.cover-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin:0}.cover-subtitle{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:var(--font-medium);color:var(--text-secondary);letter-spacing:var(--tracking-wide);margin-top:var(--space-sm);line-height:var(--leading-snug)}.cover-year{margin-top:var(--space-xl)}.year-box{padding:var(--space-md) var(--space-xl);color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-normal);letter-spacing:var(--tracking-widest);background:linear-gradient(135deg,#4a7ba7 0%,#3d6b8f 100%);border-radius:8px;transition:all .3s;display:inline-block;box-shadow:0 8px 24px #4a7ba74d}.year-box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #4a7ba766}.cover-footer{font-size:var(--text-sm);color:var(--text-secondary);padding-top:var(--space-lg);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;display:flex}.cover-date{color:var(--text-muted);font-weight:500}.slide-1{display:flex}.toc-left{background:var(--bg-white);width:42%;padding:var(--space-3xl);justify-content:center;align-items:center;display:flex;position:relative}.toc-left:after{content:"";background:linear-gradient(180deg, var(--border-color) 0%, transparent 100%);width:1px;position:absolute;top:10%;bottom:10%;right:0}.toc-logo{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.toc-logo-img{object-fit:contain;filter:grayscale();opacity:.5;width:380px;height:auto;transition:all .5s}.toc-logo:hover .toc-logo-img{filter:grayscale(0);opacity:1}.toc-right{background:var(--bg-gray);width:58%;padding:var(--space-3xl) var(--space-2xl);flex-direction:column;justify-content:center;display:flex}.toc-header{margin-bottom:var(--space-lg)}.toc-section-title{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--boyuan-blue-mid);margin-bottom:var(--space-xs);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.toc-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-weight:var(--font-medium)}.toc-list{gap:var(--space-lg);flex-direction:column;display:flex}.toc-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);cursor:pointer;border-radius:12px;transition:all .3s;display:flex}.toc-item:hover{transform:translateX(var(--space-md));background:#fff9;box-shadow:0 4px 16px #1573e714}.toc-num{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);min-width:56px;line-height:var(--leading-none);background:var(--boyuan-blue-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.toc-bar{background:var(--boyuan-blue-gradient);width:4px;height:48px;margin-top:var(--space-sm);border-radius:2px}.toc-text{flex-direction:column;flex:1;gap:6px;display:flex}.toc-part{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--font-medium)}.toc-main{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-normal)}.part-cover{background:var(--bg-white);align-items:center;display:flex;overflow:hidden}.part-cover:before{content:"";background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, transparent 100%);z-index:0;width:45%;height:100%;position:absolute;top:0;left:0}.part-decoration-left{z-index:1;margin-left:var(--space-3xl);position:relative}.part-logo-img{object-fit:contain;opacity:.3;filter:grayscale(.5);width:400px;height:auto;transition:all .5s}.part-cover:hover .part-logo-img{opacity:.5;filter:grayscale(0)}.part-content{z-index:10;text-align:left;max-width:60%;margin-left:32%;position:relative}.part-badge{padding:var(--space-sm) var(--space-lg);background:var(--boyuan-blue-gradient);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-xl);border-radius:24px;align-items:center;display:inline-flex;box-shadow:0 4px 16px #1573e74d}.part-title{font-size:clamp(2.625rem,5vw,4rem);font-weight:var(--font-bold);color:var(--boyuan-blue-mid);margin-bottom:var(--space-md);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);background:var(--boyuan-blue-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.part-subtitle{color:var(--text-secondary);letter-spacing:var(--tracking-normal);font-size:clamp(1.125rem,2vw,1.5rem);line-height:var(--leading-normal);font-weight:var(--font-normal)}.part-decoration-right{right:var(--space-2xl);width:180px;height:360px;position:absolute;top:50%;transform:translateY(-50%)}.deco-triangle-img{opacity:.8;width:160px;height:auto;transition:all .5s;position:absolute;top:0;right:0}.deco-triangle-small-img{right:var(--space-lg);opacity:.6;width:90px;height:auto;position:absolute;bottom:0}.part-cover:hover .deco-triangle-img{transform:scale(1.05)rotate(5deg)}.content-slide{background:var(--bg-white);padding-top:70px}.content-wrapper{height:100%;padding:var(--space-2xl) var(--space-3xl) var(--space-3xl);overflow-y:auto}.section-title{font-size:var(--text-2xl);color:var(--boyuan-blue-mid);margin-bottom:var(--space-2xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-color);letter-spacing:-.5px;font-weight:700}.slide-intro-title{font-size:clamp(1.5rem,2vw,1.875rem);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2xl);text-align:center;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.omni-evolution-layout{gap:var(--space-3xl);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.arch-card:hover{border-color:var(--boyuan-blue-light);transform:translateY(-6px);box-shadow:0 12px 32px #1573e71a}.arch-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:var(--leading-snug)}.arch-card-flow{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);font-family:var(--font-mono);background:var(--bg-gray);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-color);border-radius:8px}.arch-card-issue{font-size:var(--text-sm);color:#dc2626;font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-md);background:#dc26260f;border-radius:6px;display:inline-block}.evolution-right{justify-content:center;align-items:center;display:flex}.image-stack{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.evolution-image{object-fit:contain;border:1px solid var(--border-color);background:var(--bg-white);border-radius:16px;max-width:100%;max-height:55vh;transition:all .3s;box-shadow:0 8px 32px #00000014}.image-label{font-size:var(--text-xs);color:var(--text-muted);text-align:center;font-style:italic;font-weight:var(--font-medium)}.evolution-left{padding:var(--space-lg)}.arch-compare-cards{gap:var(--space-lg);flex-direction:column;display:flex}.arch-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s}.arch-card.old{background:linear-gradient(135deg, #6b72800d 0%, var(--bg-white) 100%);border-left:4px solid #6b7280}.arch-card.new{background:linear-gradient(135deg, #1573e714 0%, var(--bg-white) 100%);border-left:4px solid var(--boyuan-blue-mid)}.arch-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1573e71f}.arch-card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700}.arch-card.new .arch-card-title{color:var(--boyuan-blue-mid)}.arch-card-flow{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;font-family:var(--font-mono);background:var(--bg-gray);padding:var(--space-md);margin-bottom:var(--space-md);border-radius:6px}.arch-card-issue{font-size:var(--text-sm);color:#dc2626;padding:var(--space-sm) var(--space-md);background:#dc262614;border-radius:6px;font-weight:500}.evolution-right{align-items:center;display:flex}.image-stack{gap:var(--space-lg);flex-direction:column;display:flex}.stack-item{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.evolution-image{object-fit:contain;border:1px solid var(--border-color);background:var(--bg-white);border-radius:8px;max-width:100%;max-height:55vh;transition:all .3s}.stack-item:hover .evolution-image{transform:scale(1.02);box-shadow:0 8px 24px #00000014}.image-label{font-size:var(--text-xs);color:var(--text-muted);text-align:center;font-style:italic}.omni-note{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, #1573e705 100%);border:1px solid var(--border-blue);margin-top:var(--space-lg);border-radius:12px;display:flex}.omni-label{font-size:var(--text-lg);color:var(--boyuan-blue-mid);letter-spacing:1px;font-weight:700}.omni-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.ai-input-split-layout{gap:var(--space-2xl);margin-top:var(--space-lg);grid-template-columns:1fr 420px;align-items:start;display:grid}.ai-input-left{padding-right:var(--space-lg)}.ai-input-right{padding-left:var(--space-lg);border-left:1px solid var(--border-color);padding-top:var(--space-sm)}.ai-input-subtitle{font-size:var(--text-lg);color:var(--boyuan-blue-mid);margin-bottom:var(--space-lg);letter-spacing:-.3px;font-weight:600}.timeline-vertical{gap:var(--space-md);flex-direction:column;display:flex}.timeline-card-vertical{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;display:flex}.timeline-card-vertical.highlight{border-color:var(--boyuan-blue-mid);background:linear-gradient(135deg,#28bef11a 0%,#1573e70d 100%)}.timeline-year-vertical{font-size:var(--text-xl);color:var(--boyuan-blue-mid);text-align:center;min-width:60px;font-weight:700}.timeline-card-vertical.highlight .timeline-year-vertical{color:var(--boyuan-blue-light)}.timeline-content-vertical{flex:1}.timeline-title-vertical{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;font-weight:600}.timeline-desc-vertical{font-size:var(--text-sm);color:var(--text-secondary)}.illustrated-example{justify-content:center;align-items:center;display:flex}.illustrated-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:55vh;box-shadow:0 8px 32px #00000014}.feature-features{gap:var(--space-md);flex-direction:column;display:flex}.feature-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;display:flex}.feature-icon{flex-shrink:0;font-size:40px}.feature-content{flex:1}.feature-title{font-size:var(--text-base);color:var(--boyuan-blue-mid);margin-bottom:var(--space-xs);font-weight:700}.feature-card{padding:var(--space-2xl) var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);text-align:center;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--boyuan-blue-gradient);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--border-blue);transform:translateY(-8px);box-shadow:0 16px 40px #1573e71f}.feature-card:hover:before{opacity:1}.feature-card.center{background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, var(--bg-white) 100%);border-color:var(--boyuan-blue-mid);transform:scale(1.05)}.feature-card.center:hover{transform:scale(1.05)translateY(-8px)}.feature-icon{margin-bottom:var(--space-lg);filter:grayscale(.2);font-size:56px;transition:filter .3s;display:block}.feature-card:hover .feature-icon{filter:grayscale(0)}.feature-title{font-size:var(--text-xl);color:var(--boyuan-blue-mid);margin-bottom:var(--space-md);letter-spacing:-.3px;font-weight:700}.feature-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7}.omni-arch-compare{padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.arch-compare-img{object-fit:contain;border-radius:12px;max-width:90%;max-height:60vh;box-shadow:0 8px 32px #00000014}.models-table thead tr{background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-white) 100%);border-bottom:2px solid var(--border-color)}.models-table th{padding:var(--space-lg) var(--space-xl);text-align:left;font-size:var(--text-sm);color:var(--boyuan-blue-mid);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.models-table tbody tr:last-child{border-bottom:none}.models-table td{padding:var(--space-lg) var(--space-xl);vertical-align:middle}.td-name{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.images-row{gap:var(--space-xl);justify-content:center;display:flex}.image-box{padding:var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;flex:1;align-items:center;transition:all .3s;display:flex}.image-box:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.comp-image{object-fit:contain;border-radius:12px;max-width:100%;max-height:42vh}.image-caption{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-md);text-align:center;font-style:italic}.concept-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.concept-item{padding:var(--space-xl) var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);text-align:center;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.concept-item:before{content:"";background:var(--boyuan-blue-gradient);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.concept-item:hover{border-color:var(--boyuan-blue-mid);transform:translateY(-6px);box-shadow:0 12px 32px #1573e71f}.concept-item:hover:before{opacity:1}.concept-icon{margin-bottom:var(--space-md);filter:grayscale(.3);font-size:48px;transition:filter .3s;display:block}.concept-item:hover .concept-icon{filter:grayscale(0)}.concept-title{font-size:var(--text-lg);color:var(--boyuan-blue-mid);margin-bottom:var(--space-sm);letter-spacing:-.3px;font-weight:700}.concept-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.models-table-wrapper{border:1px solid var(--border-color);border-radius:16px;max-height:300px;overflow-y:auto;box-shadow:0 4px 20px #0000000a}.models-table{background:var(--bg-white)}.table-header{padding:var(--space-md) var(--space-xl);background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-white) 100%);border-bottom:2px solid var(--border-color);z-index:10;grid-template-columns:1.5fr 1fr 2.5fr;display:grid;position:sticky;top:0}.th-name,.th-org,.th-feature{font-size:var(--text-sm);color:var(--boyuan-blue-mid);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.table-row{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-color);grid-template-columns:1.5fr 1fr 2.5fr;transition:all .2s;display:grid}.table-row:hover{background:var(--bg-blue-subtle);transform:translate(4px)}.table-row:last-child{border-bottom:none}.td-org{color:var(--text-secondary);font-size:var(--text-sm)}.td-feature{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.ocr-split-layout{gap:var(--space-2xl);grid-template-columns:1fr 420px;align-items:start;display:grid}.ocr-left{padding-right:var(--space-lg)}.ocr-right{padding-left:var(--space-lg);border-left:1px solid var(--border-color)}.ocr-subtitle{font-size:var(--text-lg);color:var(--boyuan-blue-mid);margin-bottom:var(--space-lg);letter-spacing:-.3px;font-weight:600}.ocr-arch-image{margin-bottom:var(--space-lg);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.arch-compare-notes{gap:var(--space-md);flex-direction:column;display:flex}.compare-note{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-white);border-left:3px solid var(--border-color);border-radius:8px;transition:all .3s;display:flex}.compare-note:nth-child(2){border-left-color:var(--boyuan-blue-mid);background:linear-gradient(90deg,#1573e70d 0%,#0000 100%)}.ocr-stages-vertical{gap:var(--space-md);flex-direction:column;display:flex}.stage-header-small{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.stage-num-small{color:var(--boyuan-blue-light);font-size:32px;font-weight:900;line-height:1}.stage-card.highlight .stage-num-small{color:var(--boyuan-blue-mid)}.stage-title-small{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.stage-steps-small{gap:var(--space-sm);display:flex}.step-pill-small{padding:var(--space-xs) var(--space-sm);background:var(--bg-light);font-size:var(--text-xs);color:var(--text-secondary);text-align:center;border:1px solid var(--border-color);border-radius:4px;flex:1}.stage-card.highlight .step-pill-small{border-color:var(--border-blue);color:var(--boyuan-blue-mid);background:#1573e714}.ocr-arch-img{object-fit:contain;border:1px solid var(--border-color);background:var(--bg-white);border-radius:12px;max-width:90%;max-height:65vh;box-shadow:0 12px 48px #0000001f}.arch-compare-notes{gap:var(--space-xl);justify-content:center;display:flex}.compare-note{padding:var(--space-md) var(--space-xl);background:var(--bg-white);border-left:4px solid var(--boyuan-blue-mid);align-items:center;gap:var(--space-md);border-radius:12px;transition:all .3s;display:flex;box-shadow:0 4px 16px #1573e714}.compare-note:hover{transform:translate(4px);box-shadow:0 6px 20px #1573e71f}.note-label{color:var(--boyuan-blue-mid);font-weight:700;font-size:var(--text-sm);white-space:nowrap}.stage-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;transition:all .3s}.stage-card.highlight{background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, var(--bg-white) 100%);border-color:var(--boyuan-blue-mid);box-shadow:0 8px 24px #1573e71f}.stage-num{color:var(--boyuan-blue-light);font-size:48px;font-weight:900;line-height:1}.stage-card.highlight .stage-num{color:var(--boyuan-blue-mid)}.stage-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.stage-steps{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.step-pill{padding:var(--space-sm) var(--space-md);background:var(--bg-light);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;border:1px solid var(--border-color);border-radius:6px}.stage-card.highlight .step-pill{border-color:var(--border-blue);color:var(--boyuan-blue-mid);background:#1573e714}.stage-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.workflow-image-container{padding:var(--space-sm);justify-content:center;align-items:center;display:flex}.workflow-image{object-fit:contain;border:1px solid var(--border-color);background:var(--bg-white);border-radius:12px;max-width:90%;max-height:65vh;box-shadow:0 8px 32px #00000014}.method-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s}.method-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700}.method-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--boyuan-blue-mid);background:var(--bg-light);padding:var(--space-md);border:1px solid var(--border-color);margin-bottom:var(--space-md);border-radius:6px}.workflow-demo{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;display:flex}.workflow-input{gap:var(--space-md);flex-direction:column;display:flex}.input-card{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-light);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;min-width:120px;display:flex}.input-icon{font-size:32px}.vars-card{border-color:var(--border-blue);background:#1573e70d}.inline-vars{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--boyuan-blue-mid)}.input-arrow{color:var(--boyuan-blue-mid);text-align:center;font-size:24px}.workflow-process{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.process-box{padding:var(--space-lg) var(--space-xl);background:var(--boyuan-blue-gradient);color:#fff;font-weight:600;font-size:var(--text-base);border-radius:12px}.workflow-output{padding:var(--space-xl);background:var(--bg-light);border:1px solid var(--border-color);border-radius:12px;min-width:200px}.output-title{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.output-json{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.8}.models-table-container{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.models-table{border-collapse:collapse;background:var(--bg-white);width:100%}.models-table thead{background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-white) 100%)}.models-table th{padding:var(--space-md) var(--space-xl);text-align:left;font-size:var(--text-sm);color:var(--boyuan-blue-mid);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);font-weight:600}.th-name{width:25%}.th-org{width:20%}.th-feature{width:55%}.models-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s}.models-table tbody tr:nth-child(2n){background:var(--bg-light)}.models-table tbody tr:hover{background:var(--bg-blue-subtle);transform:translate(4px)}.models-table td{padding:var(--space-md) var(--space-xl);font-size:var(--text-sm)}.td-name{color:var(--text-primary);font-weight:600}.td-org{color:var(--text-secondary)}.td-feature{color:var(--text-secondary);line-height:1.6}.note-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.ocr-stages-horizontal{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.stage-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.stage-card:before{content:"";background:var(--border-color);height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.stage-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000014}.stage-card:hover:before{background:var(--boyuan-blue-gradient)}.stage-card.highlight{border-color:var(--boyuan-blue-mid);background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, var(--bg-white) 100%);box-shadow:0 8px 32px #1573e726}.stage-card.highlight:before{background:var(--boyuan-blue-gradient)}.stage-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.stage-num{background:var(--boyuan-blue-gradient);color:#fff;width:36px;height:36px;font-size:var(--text-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.stage-title{font-size:var(--text-lg);color:var(--text-primary);flex:1;font-weight:700}.stage-steps{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.step-pill{padding:var(--space-xs) var(--space-md);background:var(--bg-blue-subtle);border:1px solid var(--border-blue);font-size:var(--text-xs);color:var(--boyuan-blue-mid);border-radius:20px;font-weight:500;transition:all .2s}.step-pill:hover{background:#1573e726;transform:translateY(-2px)}.stage-desc{font-size:var(--text-sm);color:var(--text-secondary);padding-top:var(--space-md);border-top:1px dashed var(--border-color);line-height:1.7}.scenes-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.scene-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.scene-card:before{content:"";background:var(--boyuan-blue-gradient);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.scene-card:hover{border-color:var(--border-blue);transform:translateY(-6px);box-shadow:0 12px 32px #1573e71a}.scene-card:hover:before{opacity:1}.scene-title{font-size:var(--text-lg);color:var(--boyuan-blue-mid);margin-bottom:var(--space-md);letter-spacing:-.3px;font-weight:700}.scene-vars,.scene-template,.scene-output{margin-bottom:var(--space-sm)}.vars-label,.template-label,.output-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.var-list{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--boyuan-blue-mid);background:var(--bg-blue-subtle);padding:var(--space-xs) var(--space-sm);border-radius:4px;display:inline-block}.template-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-light);padding:var(--space-sm);border:1px dashed var(--border-color);white-space:pre-wrap;border-radius:6px;margin:0;line-height:1.6}.output-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.injection-methods{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.method-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.method-card:before{content:"";background:var(--boyuan-blue-gradient);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.method-card:hover{border-color:var(--border-blue);transform:translateY(-6px);box-shadow:0 12px 32px #00000014}.method-card:hover:before{opacity:1}.method-title{font-size:var(--text-lg);color:var(--boyuan-blue-mid);margin-bottom:var(--space-md);letter-spacing:-.3px;font-weight:700}.method-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-light);padding:var(--space-md);border:1px solid var(--border-color);margin-bottom:var(--space-md);text-align:center;border-radius:8px}.method-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.workflow-demo{gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-gray);border-radius:16px;flex-direction:column;display:flex}.workflow-input{justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.input-card{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;transition:all .3s;display:flex}.input-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.vars-card{background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, var(--bg-white) 100%);border-color:var(--boyuan-blue-mid)}.input-icon{margin-bottom:var(--space-xs);font-size:32px}.input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.inline-vars{font-family:var(--font-mono);color:var(--boyuan-blue-mid);background:#1573e71a;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px}.input-arrow{color:var(--boyuan-blue-mid);font-size:24px;font-weight:700}.workflow-process{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--boyuan-blue-gradient);color:#fff;border-radius:8px;display:flex}.process-arrow{font-size:28px;font-weight:700}.process-label{font-size:var(--text-sm);letter-spacing:.5px;font-weight:500}.workflow-output{justify-content:center;display:flex}.output-card{padding:var(--space-xl);background:var(--bg-white);border:1px solid var(--border-color);text-align:center;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.output-card:before{content:"";background:var(--boyuan-blue-gradient);height:3px;position:absolute;top:0;left:0;right:0}.output-card:hover{border-color:var(--border-blue);transform:translateY(-4px);box-shadow:0 12px 32px #1573e71f}.output-icon{margin-bottom:var(--space-md);font-size:32px;display:block}.output-label{font-size:var(--text-base);color:var(--boyuan-blue-mid);margin-bottom:var(--space-md);font-weight:600;display:block}.practice-header{text-align:center;margin-bottom:var(--space-xl)}.practice-title{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.practice-icon{font-size:32px}.practice-main{font-size:var(--text-2xl);color:var(--boyuan-blue-mid);letter-spacing:-.5px;font-weight:700}.practice-sub{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-md)}.practice-badges{justify-content:center;gap:var(--space-sm);display:flex}.badge{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-blue);font-size:var(--text-sm);color:var(--boyuan-blue-mid);background:#1573e714;border-radius:20px;font-weight:500;transition:all .2s}.badge:hover{background:#1573e726;transform:translateY(-2px)}.practice-layout{gap:var(--space-3xl);grid-template-columns:1.1fr .9fr;align-items:center;height:100%;display:grid}.practice-left{padding-right:var(--space-xl)}.practice-title{font-size:clamp(1.5rem,2vw,1.875rem);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.practice-points{gap:var(--space-xl);flex-direction:column;display:flex}.practice-point{gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;display:flex}.practice-point:hover{border-color:var(--boyuan-blue-mid);transform:translate(8px);box-shadow:0 8px 24px #1573e714}.point-icon{background:var(--bg-blue-subtle);border:1px solid var(--border-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.point-content{flex:1;min-width:0}.point-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:var(--leading-snug)}.point-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.practice-right{justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.qr-placeholder{background:linear-gradient(135deg, var(--bg-blue-subtle) 0%, #1573e705 100%);border:2px dashed var(--border-blue);border-radius:24px;justify-content:center;align-items:center;width:280px;height:280px;transition:all .3s;display:flex;position:relative}.qr-placeholder:hover{border-style:solid;border-color:var(--boyuan-blue-mid);transform:translateY(-4px);box-shadow:0 12px 40px #1573e726}.qr-frame{pointer-events:none;position:absolute;inset:0}.qr-corner{border:3px solid var(--boyuan-blue-mid);width:32px;height:32px;transition:all .3s;position:absolute}.qr-corner.top-left{border-bottom:none;border-right:none;border-radius:20px 0 0;top:-2px;left:-2px}.qr-corner.top-right{border-bottom:none;border-left:none;border-radius:0 20px 0 0;top:-2px;right:-2px}.qr-corner.bottom-left{border-top:none;border-right:none;border-radius:0 0 0 20px;bottom:-2px;left:-2px}.qr-corner.bottom-right{border-top:none;border-left:none;border-radius:0 0 20px;bottom:-2px;right:-2px}.qr-placeholder:hover .qr-corner{border-width:4px;width:40px;height:40px}.qr-content{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.qr-icon{opacity:.8;filter:grayscale(.3);font-size:64px;transition:all .3s}.qr-placeholder:hover .qr-icon{opacity:1;filter:grayscale(0);transform:scale(1.1)}.qr-label{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--boyuan-blue-mid);letter-spacing:var(--tracking-wide)}.qr-desc{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.qr-hint{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;line-height:var(--leading-relaxed)}.flow-diagram{gap:var(--space-sm);flex-direction:column;display:flex}.flow-step-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.flow-step-item:before{content:"";background:var(--boyuan-blue-gradient);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.flow-step-item:hover{border-color:var(--boyuan-blue-mid);transform:translate(4px);box-shadow:0 6px 20px #1573e71a}.flow-step-item:hover:before{opacity:1}.flow-step-item .step-icon{flex-shrink:0;font-size:24px}.flow-step-item .step-content{flex-direction:column;flex:1;display:flex}.flow-step-item .step-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.flow-step-item .step-func{font-family:var(--font-mono);color:var(--boyuan-blue-mid);opacity:.8;margin-top:4px;font-size:11px}.flow-step-item .step-arrow{text-align:center;color:var(--boyuan-blue-mid);padding-left:var(--space-lg);opacity:.5;margin:-6px 0;font-size:18px}.terminal-preview{background:#1e1e1e;border:1px solid #333;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 12px 40px #0000004d}.terminal-preview:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006}.terminal-header{padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);background:#2d2d2d;border-bottom:1px solid #333;display:flex}.terminal-header:before{content:"";gap:6px;display:flex}.term-title{font-size:var(--text-xs);color:#666;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.terminal-output{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);color:#4ec9b0;white-space:pre-wrap;background:#1a1a1a;min-height:180px;line-height:1.8}.task-cards{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.task-card{padding:var(--space-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;position:relative}.task-card:before{content:"";top:var(--space-sm);left:var(--space-sm);background:var(--boyuan-blue-mid);opacity:.5;border-radius:50%;width:4px;height:4px;position:absolute}.task-card:hover{border-color:var(--boyuan-blue-mid);transform:translateY(-4px);box-shadow:0 8px 24px #1573e71a}.task-card:hover:before{opacity:1;border-radius:2px;width:100%;height:2px}.task-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--boyuan-blue-mid);margin-bottom:var(--space-xs);word-break:break-all;font-weight:600}.task-points{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-light);margin-top:var(--space-xs);border-radius:4px;padding:4px 8px;display:inline-block}.task-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.6}.ending-slide{background:var(--bg-white);justify-content:center;align-items:center;display:flex}.ending-bg-img{object-fit:cover;opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0}.ending-content{z-index:10;text-align:center;padding:var(--space-3xl);position:relative}.thanks-bracket{border:3px solid var(--boyuan-blue-mid);border-bottom:none;border-radius:8px 8px 0 0;width:240px;height:80px;margin:0 auto;position:relative}.thanks-bracket:before{content:"";top:var(--space-xs);left:var(--space-xs);right:var(--space-xs);border:1px solid #1573e733;border-bottom:none;border-radius:6px 6px 0 0;position:absolute;bottom:0}.thanks-bracket.bottom{border-top:none;border-bottom:3px solid var(--boyuan-blue-mid);margin-top:var(--space-md);border-radius:0 0 8px 8px}.thanks-bracket.bottom:before{border-top:none;border-bottom:1px solid #1573e733;border-radius:0 0 6px 6px}.thanks-title{letter-spacing:clamp(8px,1vw,16px);color:var(--boyuan-blue-mid);margin:var(--space-lg) 0;background:var(--boyuan-blue-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,8vw,100px);font-weight:900;line-height:1}.thanks-subtitle{color:var(--text-secondary);margin-top:var(--space-xl);letter-spacing:1px;font-size:clamp(18px,2vw,24px);font-weight:400}.fade-in{opacity:0}.slide-up{opacity:0;transform:translateY(40px)}.slide-left{opacity:0;transform:translate(-40px)}.scale-in{opacity:0;transform:scale(.95)}.timeline-card.delay-0{transition-delay:0s}.timeline-card.delay-1{transition-delay:.15s}.timeline-card.delay-2{transition-delay:.3s}.timeline-card.delay-3{transition-delay:.45s}.nav-btn.prev-bottom{bottom:var(--space-lg);left:var(--space-lg);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;z-index:200;background:#fffffffa;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;box-shadow:0 4px 16px #00000014}.nav-btn.next-bottom{bottom:var(--space-lg);right:var(--space-lg);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;z-index:200;background:#fffffffa;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;box-shadow:0 4px 16px #00000014}.nav-btn:hover:not(:disabled){background:var(--boyuan-blue-mid);border-color:var(--boyuan-blue-mid);color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #1573e74d}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg{width:20px;height:20px}.page-indicators{bottom:var(--space-lg);gap:var(--space-sm);z-index:200;display:flex;position:fixed;left:50%;transform:translate(-50%)}.indicator{background:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;transition:all .3s}.indicator:hover{background:var(--boyuan-blue-mid);transform:scale(1.2)}.indicator.active{background:var(--boyuan-blue-mid);border-radius:3px;width:24px;transform:scale(1.4)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--boyuan-blue-mid)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100vw;height:100vh;overflow:hidden}