@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes noteFloat{0%,to{transform:translateY(0) rotate(var(--rotate, 0deg))}50%{transform:translateY(-4px) rotate(var(--rotate, 0deg))}}@svg-noise : url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");:root{--paper-white:#f8f5f0;--paper-cream:#f5f1e8;--paper-warm:#faf6e9;--paper-aged:#ebe5d8;--paper-texture-base:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23f5f1e8' surfaceScale='1.5'%3E%3CfeDistantLight azimuth='45' elevation='60'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--paper-texture-fine:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--paper-texture-rough:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.05' numOctaves='2'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%23f0e8d8' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");--paper-fiber:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.15 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--highlight-yellow:rgba(255, 240, 120, 0.4);--highlight-blue:rgba(180, 220, 255, 0.35);--highlight-pink:rgba(255, 200, 210, 0.4);--highlight-green:rgba(180, 240, 180, 0.35);--ink-dark:#3a3835;--ink-medium:#5a5550;--ink-light:#8a8580;--ink-faint:#b5b0a8;--pencil-blue:#6a8a9a;--pencil-green:#6a8a6a;--pencil-orange:#c48a5a;--pencil-red:#a86a6a;--warm-deep:#e8dfd0;--warm-rich:#f0e8d8;--warm-medium:#f5efe0;--warm-soft:#faf6e9;--warm-light:#fdfbf5;--warm-accent:#c48a5a;--paper-texture:repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0,0,0,0.015) 2px, rgba(0,0,0,0.015) 4px ), repeating-linear-gradient( 90deg, transparent, transparent 2px, rgba(0,0,0,0.01) 2px, rgba(0,0,0,0.01) 4px );--bg-cork:#e8dfd0;--bg-wood:#d8cfc0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--shadow-paper:0 1px 1px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.03);--shadow-paper-hover:0 2px 2px rgba(0,0,0,0.05), 0 4px 8px rgba(0,0,0,0.05), 0 8px 16px rgba(0,0,0,0.04);--shadow-note:0 1px 2px rgba(0,0,0,0.06), 0 3px 6px rgba(0,0,0,0.04);--transition-fast:0.12s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--font-base:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', sans-serif;--font-hand:'Caveat', 'Ma Shan Zheng', cursive}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--bg-cork);color:var(--ink-dark);line-height:1.7;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.015) 4px,rgba(0,0,0,.015) 8px),linear-gradient(180deg,var(--bg-cork) 0%,var(--bg-wood) 100%);pointer-events:none;z-index:-1}.doodle-underline,body{position:relative}.doodle-underline::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0 5 Q 10 2, 20 5 T 40 5 T 60 5 T 80 5 T 100 5' stroke='%236a8a9a' stroke-width='2' fill='none' opacity='0.5'/%3E%3C/svg%3E")repeat-x;background-size:100px 8px}.highlight-yellow{background:linear-gradient(180deg,transparent 50%,var(--highlight-yellow) 50%);padding:0 2px}.highlight-blue{background:linear-gradient(180deg,transparent 50%,var(--highlight-blue) 50%);padding:0 2px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3xl) var(--space-2xl);max-width:1200px;margin:0 auto;gap:var(--space-3xl);position:relative}.hero-content{flex:1;max-width:520px;position:relative}.hero-title{font-size:3.2rem;font-weight:700;color:var(--ink-dark);margin-bottom:var(--space-sm);letter-spacing:-.01em;position:relative;display:inline-block}.hero-title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:12px;background:var(--highlight-yellow);transform:skewX(-3deg);z-index:-1}.hero-tagline{font-size:1.4rem;font-weight:400;color:var(--pencil-blue);margin-bottom:var(--space-lg);font-style:italic}.hero-description{font-size:1.1rem;color:var(--ink-medium);line-height:1.8;margin-bottom:var(--space-xl)}.cta-button,.hero-visual{align-items:center;position:relative}.cta-button{display:inline-flex;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--paper-warm);color:var(--ink-dark);text-decoration:none;font-size:1rem;font-weight:500;transition:all var(--transition-normal);box-shadow:var(--shadow-note);border:0;transform:rotate(-1deg)}.cta-button::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(1deg);width:60px;height:20px;background:rgba(255,240,180,.7);border:1px solid rgba(200,180,140,.3)}.cta-button:hover{transform:rotate(0deg) translateY(-2px);box-shadow:var(--shadow-paper)}.cta-button svg{width:18px;height:18px;transition:transform var(--transition-normal)}.cta-button:hover svg,.footer-author:hover svg{transform:translateX(3px)}.hero-visual{flex:1;display:flex;flex-direction:column;justify-content:center}.canvas-preview{position:relative;width:380px;height:320px;background:var(--paper-cream);box-shadow:var(--shadow-paper);overflow:visible;padding:20px}.canvas-preview::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ink-faint) 1px,transparent 1px),linear-gradient(90deg,var(--ink-faint) 1px,transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}.canvas-preview::after{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#d8a080,#a86050);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.preview-note{position:absolute;width:110px;height:85px;left:var(--x, 0);top:var(--y, 0);background:var(--color, var(--paper-white));box-shadow:var(--shadow-note);cursor:grab;transition:box-shadow var(--transition-slow);overflow:hidden}.preview-note::before{content:"";position:absolute;inset:8px 12px;background-image:repeating-linear-gradient(0deg,transparent,transparent 7px,var(--ink-faint) 7px,var(--ink-faint) 7.5px);opacity:.4;pointer-events:none}.preview-note::after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent var(--bg-cork) transparent}.preview-note:hover{box-shadow:var(--shadow-paper-hover)}.preview-note-small{width:80px;height:60px}.preview-note-lines{display:none}.philosophy{padding:var(--space-4xl) var(--space-2xl);background:var(--warm-rich);position:relative}.changelog::before,.features::before,.philosophy::before,.showcase::before{content:"";position:absolute;inset:0;background:var(--paper-texture);pointer-events:none}.philosophy-container{max-width:900px;margin:0 auto;position:relative}.philosophy-title{font-size:1.6rem;font-weight:600;color:var(--ink-dark);text-align:center;margin-bottom:var(--space-3xl);position:relative}.philosophy-title::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:180px;height:12px;background:var(--highlight-yellow);border-radius:2px;opacity:.8}.philosophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.philosophy-item{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--paper-white);box-shadow:var(--shadow-paper);position:relative;transition:transform var(--transition-slow)}.philosophy-item:nth-child(1){transform:rotate(-.3deg)}.philosophy-item:nth-child(2){transform:rotate(.25deg)}.philosophy-item:nth-child(3){transform:rotate(.2deg)}.philosophy-item:nth-child(4){transform:rotate(-.25deg)}.philosophy-item:hover{transform:rotate(0deg) translateY(-2px);box-shadow:var(--shadow-paper-hover)}.philosophy-number{font-size:1.6rem;font-weight:700;color:var(--ink-faint);font-family:Georgia,"Times New Roman",serif;line-height:1}.philosophy-content{flex:1}.philosophy-heading{font-size:1.05rem;font-weight:600;color:var(--ink-dark);margin-bottom:var(--space-sm);position:relative;display:inline-block}.philosophy-item:nth-child(1) .philosophy-heading::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--pencil-blue);opacity:.5}.philosophy-item:nth-child(2) .philosophy-heading::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--pencil-orange);opacity:.5}.philosophy-item:nth-child(3) .philosophy-heading::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--pencil-green);opacity:.5}.philosophy-item:nth-child(4) .philosophy-heading::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--pencil-red);opacity:.5}.philosophy-text{font-size:.9rem;color:var(--ink-medium);line-height:1.7}@media (max-width:700px){.philosophy-grid{grid-template-columns:1fr}.philosophy-item{flex-direction:row;align-items:flex-start}.philosophy-number{font-size:1.4rem}}.features{padding:var(--space-4xl) var(--space-2xl);background:var(--warm-medium);position:relative}.features-container{max-width:1200px;margin:0 auto;position:relative}.features-title{font-size:1.8rem;font-weight:600;color:var(--ink-dark);text-align:center;margin-bottom:var(--space-3xl);position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.features-title::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 32px);height:50px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 50'%3E%3Cellipse cx='100' cy='25' rx='95' ry='22' fill='none' stroke='%23c48a5a' stroke-width='2' stroke-dasharray='6 4' opacity='0.4'/%3E%3C/svg%3E")no-repeat center;background-size:100% 100%;z-index:-1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-lg);background:var(--paper-white);position:relative;transition:transform var(--transition-slow),box-shadow var(--transition-slow);box-shadow:var(--shadow-paper)}.feature-card:nth-child(1){transform:rotate(-.3deg)}.feature-card:nth-child(2){transform:rotate(.25deg)}.feature-card:nth-child(3){transform:rotate(.2deg)}.feature-card:nth-child(4){transform:rotate(-.25deg)}.feature-card:nth-child(5){transform:rotate(.15deg)}.feature-card:nth-child(6){transform:rotate(-.2deg)}.feature-card::before{content:"";position:absolute;top:0;right:0;width:24px;height:24px;background:linear-gradient(135deg,transparent 50%,var(--paper-aged) 50%)}.feature-card:hover{transform:rotate(0deg) translateY(-2px);box-shadow:var(--shadow-paper-hover)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);position:relative}.feature-icon::before{content:"";position:absolute;inset:-4px;border:2px solid var(--ink-faint);border-radius:50%;opacity:.5}.feature-icon svg{width:22px;height:22px;stroke:var(--warm-accent);stroke-width:1.5}.feature-title{font-size:1.05rem;font-weight:600;color:var(--ink-dark);margin-bottom:var(--space-sm)}.feature-description{font-size:.9rem;color:var(--ink-medium);line-height:1.7}.showcase{padding:var(--space-4xl) var(--space-2xl);background:var(--warm-soft);position:relative}.showcase-container{max-width:800px;margin:0 auto;text-align:center;position:relative}.showcase-title{font-size:1.8rem;font-weight:600;color:var(--ink-dark);margin-bottom:var(--space-md)}.showcase-title::after{content:"";display:block;width:120px;height:8px;margin:var(--space-sm) auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'%3E%3Cpath d='M0 4 Q 15 0, 30 4 T 60 4 T 90 4 T 120 4' stroke='%23c48a5a' stroke-width='2' fill='none' opacity='0.6'/%3E%3C/svg%3E")no-repeat}.showcase-description{font-size:1.05rem;color:var(--ink-medium);margin-bottom:var(--space-3xl)}.showcase-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.showcase-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--paper-white);font-size:.9rem;color:var(--ink-dark);box-shadow:var(--shadow-note);position:relative}.showcase-item::before{content:"";position:absolute;inset:4px 0;background:var(--highlight-yellow);opacity:.5;z-index:0}.showcase-item:nth-child(2)::before{opacity:.6}.showcase-item:nth-child(3)::before{opacity:.4}.showcase-item:nth-child(4)::before{opacity:.7}.showcase-item:nth-child(5)::before{opacity:.5}.showcase-icon,.showcase-item span{position:relative;z-index:1}.showcase-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.showcase-icon svg{width:18px;height:18px;stroke:var(--ink-medium);stroke-width:2}.showcase-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper)}.changelog{padding:var(--space-4xl) var(--space-2xl);background:var(--warm-light);position:relative}.changelog-container{max-width:1200px;margin:0 auto;position:relative}.changelog-title{font-size:1.8rem;font-weight:600;color:var(--ink-dark);text-align:center;margin-bottom:var(--space-3xl)}.changelog-title::after{content:"";display:block;width:80px;height:12px;margin:var(--space-sm) auto 0;background:var(--highlight-yellow);transform:skewX(-5deg)}.changelog-layout{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3xl);align-items:start}.changelog-intro{position:sticky;top:var(--space-xl)}.changelog-intro h3{font-size:1.3rem;font-weight:600;color:var(--ink-dark);margin-bottom:var(--space-md)}.changelog-intro p{font-size:.95rem;color:var(--ink-medium);line-height:1.8;margin-bottom:var(--space-md)}.changelog-intro p:last-child,.version-item:last-child{margin-bottom:0}.changelog-list{max-height:480px;overflow-y:auto;padding-right:var(--space-md)}.changelog-list::-webkit-scrollbar{width:4px}.changelog-list::-webkit-scrollbar-track{background:0 0}.changelog-list::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:2px}.changelog-list::-webkit-scrollbar-thumb:hover{background:var(--ink-light)}.version-item{padding:var(--space-md);background:var(--paper-white);box-shadow:var(--shadow-paper);margin-bottom:var(--space-md);position:relative;transition:all var(--transition-normal)}.version-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--warm-accent)}.version-item:hover{transform:translateX(4px);box-shadow:var(--shadow-paper-hover)}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.version-info{display:flex;align-items:baseline;gap:var(--space-md)}.version-number{font-size:.95rem;font-weight:600;color:var(--warm-accent)}.version-date{font-size:.8rem;color:var(--ink-light)}.version-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:0 0;border:1px solid var(--ink-faint);color:var(--ink-light);cursor:pointer;transition:all var(--transition-normal)}.version-toggle-btn:hover{background:var(--paper-aged);color:var(--ink-medium)}.footer-author svg,.version-toggle-btn .toggle-icon{width:14px;height:14px;transition:transform var(--transition-normal)}.version-item[data-expanded=true] .version-toggle-btn .toggle-icon{transform:rotate(180deg)}.version-changes{list-style:none;border-top:1px dashed var(--ink-faint);padding-top:var(--space-sm);margin-top:var(--space-sm)}.version-changes li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs)0;font-size:.9rem;color:var(--ink-medium);line-height:1.6}.change-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;margin-top:1px}.change-feature .change-icon{color:var(--pencil-green)}.change-improvement .change-icon{color:var(--pencil-blue)}.change-bugfix .change-icon{color:var(--pencil-red)}.change-breaking .change-icon{color:var(--pencil-orange)}.change-text{flex:1}.footer{padding:var(--space-2xl);background:var(--paper-aged);border-top:2px dashed var(--ink-faint)}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:baseline;gap:var(--space-sm)}.footer-logo{font-size:1.1rem;font-weight:600;color:var(--ink-dark)}.footer-version{font-family:monospace}.footer-author,.footer-copyright,.footer-version{font-size:.85rem;color:var(--ink-light)}.footer-author{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;text-decoration:none;transition:color var(--transition-fast)}.footer-author:hover{color:var(--ink-dark)}@media (max-width:900px){.hero{flex-direction:column;text-align:center;padding:var(--space-2xl) var(--space-lg);min-height:auto;padding-top:var(--space-4xl)}.hero-content{max-width:100%}.hero-title{font-size:2.4rem}.hero-tagline{font-size:1.2rem}.hero-visual{width:100%}.canvas-preview{width:100%;max-width:380px;height:300px}.changelog,.features,.showcase{padding:var(--space-3xl) var(--space-lg)}.changelog-layout,.features-grid{grid-template-columns:1fr}.changelog-layout{gap:var(--space-xl)}.changelog-intro{position:static;text-align:center}.changelog-list{max-height:none;overflow-y:visible;padding-right:0}.footer-container{flex-direction:column;gap:var(--space-md);text-align:center}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-tagline{font-size:1.05rem}.hero-description{font-size:.95rem}.cta-button{width:100%;justify-content:center}.showcase-features{flex-direction:column}.showcase-item{width:100%;justify-content:center}}.scroll-animate{transition:opacity .5s ease,transform .5s ease;transition-delay:var(--scroll-delay, 0s)}.scroll-animate--hidden{opacity:0;transform:translateY(20px)}.scroll-animate--visible{opacity:1;transform:translateY(0)}.hero-content{animation:fadeInUp .5s ease-out}.hero-visual{animation:fadeInUp .5s ease-out .15s both}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}