*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#fafaf9;--bg-card:#fff;--text:#1c1917;--text-muted:#78716c;--accent:#3b82f6;--border:#d4d4d4;--shape:#e5e5e5;--line:#a3a3a3}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--bg-card:#18181b;--text:#fafaf9;--text-muted:#71717a;--accent:#60a5fa;--border:#3f3f46;--shape:#27272a;--line:#52525b}}body{font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;line-height:1.4;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.noise{width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.header,.noise{position:fixed;top:0;left:0}.header{right:0;z-index:100;padding:20px 32px;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--border)}.header,.header-logo{display:flex;align-items:center}.header-logo{gap:10px}.header-logo span{font-size:.875rem;font-weight:600;letter-spacing:.05em}.header-nav{display:flex;gap:32px;align-items:center}.header-nav-item{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color .2s}.header-nav-item:hover{color:var(--text)}.header-nav-item.active{color:var(--text);font-weight:600}.header-cta{padding:8px 20px;border:1px solid}.home-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 32px 80px}.home-logo{margin-bottom:32px}.home-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.home-title-en{display:block;font-size:1rem;font-weight:400;color:var(--text-muted);letter-spacing:.1em;margin-top:8px}.home-slogan{font-size:1.25rem;color:var(--text-muted);margin-bottom:48px}.home-products{display:flex;align-items:center;gap:16px;font-size:1rem}.home-product-link{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:500;transition:color .2s}.home-product-link:hover{color:var(--accent)}.home-product-sep{color:var(--text-muted)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:120px 32px 80px;position:relative;overflow:hidden}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-label{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:32px}.hero-title{font-size:6rem;font-weight:700;line-height:.9;letter-spacing:-.03em;margin-bottom:40px}.hero-title-accent{color:var(--accent)}.hero-text{font-size:1rem;color:var(--text-muted);line-height:1.8;margin-bottom:48px;max-width:360px}.hero-btn{display:inline-block;padding:16px 40px;background:var(--accent);color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;border:1px solid var(--border);transition:all .2s}.hero-btn:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--border)}.hero-graphic{position:relative;display:flex;align-items:center;justify-content:center}.hero-circle{position:absolute;border-radius:50%;border:1px solid var(--line)}.hero-circle-1{width:400px;height:400px;animation:pulse 8s ease-in-out infinite}.hero-circle-2{width:300px;height:300px;border-style:dashed;animation:pulse 6s ease-in-out infinite reverse}.hero-circle-3{width:200px;height:200px;background:var(--shape);animation:pulse 4s ease-in-out infinite}.hero-line{position:absolute;background:var(--line);transform-origin:center}.hero-line-1{width:1px;height:500px;animation:rotate 30s linear infinite}.hero-line-2{width:400px;height:1px;animation:rotate 25s linear infinite reverse}.hero-dot{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;animation:blink 3s ease-in-out infinite}.hero-dot-1{top:50%;left:50%;animation-delay:0s}.hero-dot-2{top:30%;left:70%;animation-delay:1s}.hero-dot-3{top:70%;left:30%;animation-delay:2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:1}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.features{padding:120px 32px;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-header{margin-bottom:80px}.features-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.features-title{font-size:4rem;font-weight:700;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px;background:var(--border);border:1px solid var(--border)}.feature-card{padding:48px;background:var(--bg-card);transition:background .2s}.feature-card-offset,.feature-card:hover{background:var(--bg)}.feature-card-offset:hover{background:var(--bg-card)}.feature-num{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--accent);margin-bottom:24px}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.01em}.feature-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.about{padding:120px 32px;display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;border-bottom:1px solid var(--border)}.about-info{margin-bottom:40px}.about-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.about-info h2{font-size:4rem;font-weight:700;letter-spacing:-.02em}.about-content{max-width:400px}.about-lead{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:24px;letter-spacing:-.01em}.about-content p{font-size:.9375rem;color:var(--text-muted);line-height:1.7}.about-shape,.about-visual{display:flex;justify-content:center;align-items:center}.about-shape{width:320px;height:320px;border:1px solid var(--line);border-radius:50%;position:relative}.about-shape:before{content:"";width:200px;height:200px;border:1px dashed var(--line);border-radius:50%;animation:rotate 20s linear infinite}.about-shape:after{content:"";width:80px;height:80px;background:var(--accent);border-radius:50%;animation:pulse 4s ease-in-out infinite}.download{padding:160px 32px}.download-content{max-width:800px;margin:0 auto;text-align:center}.download-title{font-size:4rem;font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:64px}.download-title-accent{color:var(--accent)}.download-actions{display:flex;align-items:center;justify-content:center;gap:48px}.qr-box{width:100px;height:100px;border:2px solid var(--border);position:relative}.qr-box:after{content:"";position:absolute;width:20px;height:20px;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-50%)}.download-links{display:flex;flex-direction:column;gap:8px;text-align:left}.download-link{font-size:1rem;font-weight:600;letter-spacing:.05em}.download-hint{font-size:.8125rem;color:var(--text-muted)}.footer{padding:32px;border-top:1px solid var(--border)}.footer-content{display:flex;gap:8px;font-size:.875rem;font-weight:500}.footer-divider{color:var(--accent)}@media (max-width:900px){.hero{grid-template-columns:1fr;padding:100px 24px 60px}.hero-title{font-size:3.5rem}.hero-graphic{display:none}.about,.features-grid{grid-template-columns:1fr}.about{gap:48px;padding:80px 24px}.about-info h2,.download-title,.features-title{font-size:2.5rem}.download-actions{flex-direction:column}.header{padding:16px 24px}.header-menu-btn{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;z-index:110}.header-menu-btn span{display:block;width:24px;height:2px;background:var(--text);transition:all .3s}.header-menu-btn.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.header-menu-btn.open span:nth-child(2){opacity:0}.header-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header-nav{position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:center;gap:32px;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s}.header-nav.open{opacity:1;pointer-events:all}.header-nav-item{font-size:1.5rem;font-weight:600}.header-cta{padding:12px 32px;font-size:1rem}}.course-hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:120px 32px 80px;position:relative;overflow:hidden}.course-hero-left{display:flex;flex-direction:column;justify-content:center}.course-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.course-title{font-size:5rem;font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:32px}.course-title-sub{display:block;font-size:2rem;font-weight:400;color:var(--text-muted);margin-top:8px}.course-desc{font-size:1.25rem;line-height:1.6;color:var(--text-muted);margin-bottom:48px}.course-btn{display:inline-block;padding:16px 40px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.05em;border:1px solid var(--border);transition:all .2s}.course-btn:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--border)}.course-hero-right{position:relative;display:flex;align-items:center;justify-content:center}.course-shape{position:absolute;border-radius:50%;border:1px solid var(--line)}.course-shape-1{width:400px;height:400px;border-style:dashed;animation:rotate 40s linear infinite}.course-shape-2{width:280px;height:280px;background:var(--shape);animation:pulse 6s ease-in-out infinite}.course-shape-3{width:160px;height:160px;border:1px solid var(--line);animation:rotate 15s linear infinite reverse}.course-shape-4{width:60px;height:60px;background:var(--accent);animation:pulse 3s ease-in-out infinite}.course-intro{padding:80px 32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.course-intro-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border)}.course-intro-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg)}.course-intro-num{font-size:3rem;font-weight:700;line-height:1;margin-bottom:8px}.course-intro-label{font-size:.875rem;color:var(--text-muted);letter-spacing:.1em}.course-outline{padding:120px 32px}.course-outline-header{margin-bottom:64px}.course-faq-label,.course-outline-label,.course-pricing-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.course-faq-header h2,.course-outline-header h2,.course-pricing-header h2{font-size:4rem;font-weight:700;letter-spacing:-.02em}.course-modules{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.course-module{padding:32px;border:1px solid var(--border);background:var(--bg-card)}.course-module:hover{background:var(--bg)}.module-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.module-num{font-size:.875rem;font-weight:700;color:var(--accent);letter-spacing:.1em}.module-header h3{font-size:1.25rem;font-weight:600}.module-list{list-style:none}.module-list li{padding:8px 0;font-size:.9375rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.module-list li:last-child{border-bottom:none}.course-pricing{padding:120px 32px;border-top:1px solid var(--border)}.course-pricing-header{text-align:center;margin-bottom:64px}.pricing-card{max-width:480px;margin:0 auto;padding:48px;border:1px solid var(--border);background:var(--bg-card);text-align:center}.pricing-header h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.pricing-header p{font-size:.9375rem;color:var(--text-muted)}.pricing-header p,.pricing-price{margin-bottom:32px}.price-original{font-size:1.25rem;color:var(--text-muted);text-decoration:line-through;margin-right:12px}.price-current{font-size:3rem;font-weight:700}.price-badge{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;margin-left:12px}.pricing-features{list-style:none;text-align:left;margin-bottom:32px}.pricing-features li{padding:12px 0;font-size:.9375rem;border-bottom:1px solid var(--border)}.pricing-features li:last-child{border-bottom:none}.pricing-btn{display:block;padding:16px 40px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.05em;border:1px solid var(--border);transition:all .2s}.pricing-btn:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--border)}.pricing-note{margin-top:16px;font-size:.8125rem;color:var(--text-muted)}.course-faq{padding:120px 32px;border-top:1px solid var(--border)}.course-faq-header{margin-bottom:64px}.faq-list{max-width:800px;margin:0 auto}.faq-item{padding:32px 0;border-bottom:1px solid var(--border)}.faq-item h4{font-size:1.125rem;font-weight:600;margin-bottom:12px}.faq-item p{font-size:.9375rem;color:var(--text-muted);line-height:1.6}@media (max-width:900px){.course-hero{grid-template-columns:1fr;padding:100px 24px 60px}.course-title{font-size:3rem}.course-hero-right{display:none}.course-intro-grid{grid-template-columns:repeat(2,1fr)}.course-modules{grid-template-columns:1fr}.course-faq-header h2,.course-outline-header h2,.course-pricing-header h2{font-size:2.5rem}}.blog-hero{min-height:50vh;display:flex;flex-direction:column;justify-content:center;padding:120px 32px 80px;border-bottom:2px solid var(--border)}.blog-hero h1{font-size:5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.blog-hero p{font-size:1.25rem;color:var(--text-muted)}.blog-list{padding:64px 32px;max-width:800px;margin:0 auto}.blog-card{display:block;padding:32px;border:1px solid var(--border);margin-bottom:24px;transition:all .2s}.blog-card:hover{background:var(--bg);transform:translateX(4px)}.blog-date{font-size:.8125rem;color:var(--text-muted)}.blog-card h2{font-size:1.5rem;font-weight:600;margin:12px 0;letter-spacing:-.01em}.blog-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.blog-category{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;border-radius:2px}.writing-hero{min-height:50vh;display:flex;flex-direction:column;justify-content:center;padding:120px 32px 80px;border-bottom:2px solid var(--border)}.writing-hero-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:16px;letter-spacing:.05em}.writing-hero h1{font-size:5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.writing-hero-desc{font-size:1.25rem;color:var(--text-muted);line-height:1.6}.writing-content{padding:64px 32px;max-width:800px;margin:0 auto}.writing-intro{margin-bottom:64px}.writing-intro h2{font-size:1.5rem;font-weight:600;margin-bottom:16px}.writing-intro p{color:var(--text-muted);line-height:1.7}.writing-paths{display:grid;grid-gap:24px;gap:24px}.writing-path-card{display:block;padding:32px;border:1px solid var(--border);transition:all .2s}.writing-path-card:not(.writing-path-card-soon):hover{background:var(--bg);transform:translateX(4px)}.writing-path-card-soon{opacity:.6}.writing-path-num{font-size:.8125rem;color:var(--text-muted)}.writing-path-card h3{font-size:1.5rem;font-weight:600;margin:12px 0}.writing-path-card p{color:var(--text-muted);line-height:1.6}.blog-post{padding:120px 32px 80px;max-width:700px;margin:0 auto}.blog-post-header{display:flex;gap:16px;margin-bottom:24px}.blog-post-category,.blog-post-date{font-size:.875rem;color:var(--text-muted)}.blog-post h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:48px;line-height:1.2}.blog-post-content h2{font-size:1.5rem;font-weight:600;margin:48px 0 24px;letter-spacing:-.01em}.blog-post-content h3{font-size:1.25rem;font-weight:600;margin:32px 0 16px}.blog-post-content p{margin-bottom:16px}.blog-post-content li,.blog-post-content p{font-size:1rem;line-height:1.8;color:var(--text)}.blog-post-content li{margin-bottom:8px;margin-left:24px}.blog-post-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin:48px 0}.blog-post-content img{max-width:280px;border-radius:8px;margin:32px 0;display:block}.blog-post-content strong{font-weight:700;color:var(--text)}.blog-post-back{display:inline-block;margin-top:64px;font-size:.9375rem;font-weight:600;color:var(--text-muted);transition:color .2s}.blog-post-back:hover{color:var(--text)}@media (max-width:768px){.blog-post{padding:100px 24px 60px}.blog-post h1{font-size:2rem}.writing-hero{padding:100px 24px 60px}.writing-hero h1{font-size:3rem}.writing-content{padding:48px 24px}.writing-intro h2{font-size:1.25rem}.writing-path-card{padding:24px}.writing-path-card h3{font-size:1.25rem}}.wenzhilu-hero{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 32px 60px;border-bottom:2px solid var(--border)}.wenzhilu-hero h1{font-size:4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.wenzhilu-subtitle{font-size:.875rem;color:var(--accent);letter-spacing:.1em;margin-bottom:24px}.wenzhilu-desc{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.wenzhilu-qr{padding:64px 32px;display:flex;justify-content:center}.wenzhilu-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.wenzhilu-qr-wrapper img{border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.1)}.wenzhilu-qr-hint{font-size:.875rem;color:var(--text-muted)}.wenzhilu-features{padding:64px 32px;max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}.wenzhilu-feature{padding:24px;border:1px solid var(--border)}.wenzhilu-feature-num{font-size:.75rem;color:var(--text-muted)}.wenzhilu-feature h3{font-size:1.25rem;font-weight:600;margin:8px 0}.wenzhilu-feature p{font-size:.875rem;color:var(--text-muted)}@media (max-width:768px){.wenzhilu-hero{padding:100px 24px 48px}.wenzhilu-hero h1{font-size:2.5rem}.wenzhilu-qr{padding:48px 24px}.wenzhilu-features{padding:48px 24px;grid-template-columns:1fr}}