@import"https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{font-family:LXGW WenKai TC,"sans-serif";background-color:#fff;color:#1e1e1e;line-height:1.8;margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}.container{max-width:800px;margin:0 auto;padding:40px 24px}.navbar{max-width:800px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #eaeaea}.nav-links a{margin-right:25px;text-decoration:none;color:#505050;transition:color .3s ease;font-size:1em}.nav-links a:hover,.nav-links a.active{color:#1e1e1e;font-weight:700}.search-form{display:flex;gap:8px;align-items:center}.search-input{padding:6px 12px;border-radius:6px;border:1px solid #eaeaea;font-size:.9em;outline:none;font-family:inherit;transition:border-color .3s ease}.search-input:focus{border-color:#1e1e1e}.search-button{padding:6px 10px;border-radius:6px;border:1px solid #1E1E1E;background-color:#1e1e1e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.search-button:hover{background-color:#333;transform:translateY(-1px)}.search-button svg{display:block}.hero{text-align:center;margin-bottom:80px}.hero h1{font-size:2.8em;margin-bottom:15px;font-weight:700;letter-spacing:-.02em}.hero .subtitle{font-size:1.15em;color:#505050;margin-bottom:25px}.hero .slogan{font-size:1em;color:#333;margin-bottom:40px;font-style:italic}.hero .more-link{text-decoration:none;color:#1e1e1e;border-bottom:2px solid #1E1E1E;padding-bottom:3px;transition:all .3s ease}.hero .more-link:hover{background-color:#f0f0f0}.buttons-section{text-align:center;margin-bottom:60px}.buttons-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;text-decoration:none;font-size:.95em;font-weight:500;transition:all .3s ease}.btn-link.primary{background-color:#1e1e1e;color:#fff}.btn-link.primary:hover{background-color:#333;transform:translateY(-2px)}.btn-link.csdn{background-color:#fc7c2a;color:#fff}.btn-link.csdn:hover{background-color:#e56a1f;transform:translateY(-2px)}.btn-link.xiaohongshu{background-color:#fe2c55;color:#fff}.btn-link.xiaohongshu:hover{background-color:#e62547;transform:translateY(-2px)}.btn-link.ai-product{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.btn-link.ai-product:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.info-section{margin-bottom:80px}.info-section h2{font-size:2em;margin-bottom:40px;text-align:center}.info-card{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:12px;padding:0;overflow:hidden}.info-item{padding:20px 25px;border-bottom:1px solid #eaeaea;transition:background-color .2s ease}.info-item:last-child{border-bottom:none}.info-item:hover{background-color:#f5f5f5}.info-item h3{font-size:1.1em;margin:0 0 8px;color:#1e1e1e}.info-item p{font-size:.95em;color:#505050;margin:0;line-height:1.6}.creations-section{text-align:center;margin-bottom:60px}.creations-section h2{font-size:2em;margin-bottom:12px}.creations-section .section-intro{color:#505050;margin-bottom:40px}.creations-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.creations-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;padding:25px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000000d}.card h3{font-size:1.3em;margin-top:0;margin-bottom:10px}.card p{font-size:.95em;color:#505050;margin-bottom:0}.articles-section{margin-bottom:80px}.articles-section h2{font-size:2em;margin-bottom:30px;text-align:center}.article-list{display:flex;flex-direction:column;gap:20px}.article-item{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;padding:20px;text-decoration:none;color:inherit;transition:all .3s ease}.article-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000000d;border-color:#1e1e1e}.article-item h3{font-size:1.15em;margin:0 0 8px;color:#1e1e1e}.article-item p{font-size:.9em;color:#666;margin:0 0 12px;line-height:1.6}.article-meta{display:flex;align-items:center;gap:15px;font-size:.85em;color:#888}.article-meta span{display:flex;align-items:center;gap:5px}.article-content code{background-color:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9em;color:#d63384}.article-content pre{background-color:#1e1e1e;color:#d4d4d4;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0;line-height:1.6}.article-content pre code{background-color:transparent;padding:0;color:inherit;font-size:.9em}.article-content pre .keyword{color:#569cd6}.article-content pre .string{color:#ce9178}.article-content pre .comment{color:#6a9955}.article-content pre .function{color:#dcdcaa}.article-content pre .variable{color:#9cdcfe}.article-content pre .number{color:#b5cea8}.article-content pre .operator,.article-content pre .punctuation{color:#d4d4d4}.tag-filter{display:flex;flex-wrap:wrap;align-items:center;padding:15px 0;border-bottom:1px solid #eaeaea;margin-bottom:30px}footer{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid #eaeaea;color:#aaa;font-size:.9em}.back-link{display:inline-block;text-decoration:none;color:#666;font-size:.9em;transition:color .3s ease;margin-bottom:20px}.back-link:hover{color:#1e1e1e}.article-detail{margin-top:20px}.article-header{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid #eaeaea}.article-title{font-size:2em;font-weight:700;margin:0 0 15px;line-height:1.3;letter-spacing:-.02em}.article-meta{display:flex;align-items:center;gap:20px;margin-bottom:15px;font-size:.9em;color:#888}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tags .tag{padding:4px 12px;background-color:#f5f5f5;border-radius:20px;font-size:.85em;color:#666}.article-footer{margin-top:60px;padding-top:40px;border-top:1px solid #eaeaea;text-align:center;color:#aaa;font-size:.9em}@media(max-width:480px){.container{padding:20px 16px}.hero h1{font-size:1.8em}.hero .subtitle{font-size:.95em;line-height:1.6}.navbar{flex-direction:column;gap:12px;margin-bottom:30px;padding:15px 0}.nav-links{display:flex;justify-content:center;width:100%;flex-wrap:wrap;gap:4px}.nav-links a{margin:0 8px;font-size:.95em;padding:6px 12px}.search-form{width:100%;max-width:280px;margin:0 auto}.search-input{flex:1;padding:8px 12px;font-size:.9em}.search-button{padding:8px 10px}.buttons-grid{gap:8px}.btn-link{padding:8px 12px;font-size:.85em}.hero,.info-section{margin-bottom:30px}.info-item{padding:14px 18px}.creations-section{margin-bottom:30px}.articles-section{margin-bottom:40px}.article-content{font-size:.9em}.article-content pre{padding:12px;margin:12px 0;border-radius:6px}.tag-filter{padding:10px 0;margin-bottom:20px;justify-content:center}.tag-filter button{padding:4px 10px;font-size:.8em;margin-bottom:6px}.back-link{font-size:.85em;margin-bottom:15px}.article-title{font-size:1.5em;margin-bottom:12px}.article-header{margin-bottom:25px;padding-bottom:20px}.article-meta{font-size:.85em;gap:15px;flex-wrap:wrap}.article-tags .tag{padding:3px 10px;font-size:.8em}.article-footer{margin-top:40px;padding-top:30px;font-size:.85em}footer{margin-top:40px;padding-top:30px;font-size:.85em}}@media(min-width:481px)and (max-width:768px){.container{max-width:700px;padding:32px 24px}.hero h1{font-size:2.2em}.hero .subtitle{font-size:1.05em}.navbar{margin-bottom:50px;gap:15px}.nav-links{display:flex;justify-content:center;width:100%}.nav-links a{margin:0 12px;font-size:.95em}.search-form{max-width:320px;margin:0 auto}.buttons-grid{gap:10px}.btn-link{padding:10px 16px;font-size:.9em}.hero,.info-section,.creations-section,.articles-section{margin-bottom:50px}.article-content{font-size:.95em}.article-content pre{padding:15px;margin:15px 0}.tag-filter{padding:12px 0;margin-bottom:25px}.article-title{font-size:1.8em}.article-header{margin-bottom:30px;padding-bottom:22px}.article-meta{font-size:.9em}.article-footer{margin-top:50px;padding-top:35px}footer{margin-top:50px;padding-top:35px}}@media(min-width:769px)and (max-width:1024px){.container{max-width:750px;padding:45px 30px}.navbar{max-width:750px}.hero{margin-bottom:70px}.hero h1{font-size:2.8em}.hero .subtitle{font-size:1.15em;max-width:550px;margin:0 auto 25px;line-height:1.75}.buttons-grid{gap:12px}.btn-link{padding:12px 20px;font-size:.95em}.info-card{border-radius:12px}.info-item{padding:22px 28px}.article-item{padding:22px}.article-item h3{font-size:1.15em}footer{margin-top:60px;padding-top:40px}}@media(min-width:1025px){.container{max-width:800px;padding:60px 40px}.navbar{max-width:800px;padding:25px 0}.nav-links a{margin-right:35px;font-size:1em}.hero{margin-bottom:80px}.hero h1{font-size:3em}.hero .subtitle{font-size:1.15em;max-width:600px;margin:0 auto 28px;line-height:1.8}.buttons-grid{gap:14px}.btn-link{padding:12px 22px;font-size:.95em}.info-section{margin-bottom:80px}.info-card{border-radius:12px;border-width:1px}.info-item{padding:24px 30px}.info-item h3{font-size:1.1em}.info-item p{font-size:.95em;line-height:1.7}.creations-section{margin-bottom:70px}.creations-section h2{font-size:1.8em}.card{padding:24px}.card h3{font-size:1.2em}.articles-section{margin-bottom:80px}.articles-section h2{font-size:1.8em}.article-item{padding:22px 28px}.article-item h3{font-size:1.1em}.article-item p{font-size:.9em}.article-title{font-size:2.2em}.article-header{margin-bottom:40px;padding-bottom:28px}.article-meta{font-size:.95em}.article-footer{margin-top:70px;padding-top:45px;font-size:.9em}footer{margin-top:70px;padding-top:45px;font-size:.9em}}.article-content{font-size:1em;line-height:1.9}.article-content h2{font-size:1.6em;margin:40px 0 20px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.article-content h3{font-size:1.3em;margin:30px 0 15px}.article-content h4{font-size:1.1em;margin:25px 0 12px}.article-content p{margin:0 0 20px}.article-content ul,.article-content ol{margin:0 0 20px;padding-left:25px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:4px solid #eaeaea;margin:20px 0;padding:15px 20px;background-color:#f9f9f9;font-style:italic}.article-content table{width:100%;border-collapse:collapse;margin:20px 0}.article-content th,.article-content td{border:1px solid #eaeaea;padding:12px 15px;text-align:left}.article-content th{background-color:#f9f9f9;font-weight:600}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.article-content a{color:#1e1e1e;text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:#505050}