.welcome-container[data-v-8ec3f405]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.welcome-box[data-v-8ec3f405]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:60px 50px;width:100%;max-width:900px;animation:slideUp-8ec3f405 .6s ease-out}@keyframes slideUp-8ec3f405{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.welcome-header[data-v-8ec3f405]{text-align:center;margin-bottom:40px}.welcome-header h1[data-v-8ec3f405]{color:#2c3e50;font-size:36px;font-weight:700;margin-bottom:12px}.welcome-header p[data-v-8ec3f405]{color:#7f8c8d;font-size:16px}.welcome-content[data-v-8ec3f405]{margin-top:40px}.intro-text[data-v-8ec3f405]{color:#555;font-size:16px;line-height:1.8;text-align:center;margin-bottom:50px}.features[data-v-8ec3f405]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-bottom:50px}.feature-item[data-v-8ec3f405]{text-align:center;padding:30px 20px;background:#f8f9fa;border-radius:12px;transition:all .3s}.feature-item[data-v-8ec3f405]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;background:#fff}.feature-icon[data-v-8ec3f405]{font-size:48px;margin-bottom:15px}.feature-item h3[data-v-8ec3f405]{color:#2c3e50;font-size:18px;margin-bottom:10px}.feature-item p[data-v-8ec3f405]{color:#666;font-size:14px;line-height:1.6}.enter-btn[data-v-8ec3f405]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:300px;margin:0 auto;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.enter-btn[data-v-8ec3f405]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.enter-btn[data-v-8ec3f405]:active{transform:translateY(-1px)}.welcome-footer[data-v-8ec3f405]{margin-top:40px;text-align:center;padding-top:30px;border-top:1px solid #eee}.welcome-footer p[data-v-8ec3f405]{color:#999;font-size:13px}@media (max-width: 768px){.welcome-box[data-v-8ec3f405]{padding:40px 30px}.welcome-header h1[data-v-8ec3f405]{font-size:28px}.features[data-v-8ec3f405]{grid-template-columns:1fr;gap:20px}.feature-item[data-v-8ec3f405]{padding:20px 15px}}.blog-container[data-v-84fa92c1]{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.blog-header[data-v-84fa92c1]{background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100}.header-content[data-v-84fa92c1]{max-width:1200px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.logo h1[data-v-84fa92c1]{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 5px}.subtitle[data-v-84fa92c1]{color:#7f8c8d;font-size:13px;margin:0}.nav-menu[data-v-84fa92c1]{display:flex;gap:30px}.nav-menu a[data-v-84fa92c1]{color:#555;text-decoration:none;font-size:15px;font-weight:500;transition:color .3s;padding:8px 0;border-bottom:2px solid transparent}.nav-menu a[data-v-84fa92c1]:hover,.nav-menu a.active[data-v-84fa92c1]{color:#3498db;border-bottom-color:#3498db}.blog-main[data-v-84fa92c1]{flex:1;max-width:1200px;margin:0 auto;padding:40px;width:100%}.welcome-section[data-v-84fa92c1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px;border-radius:12px;margin-bottom:40px;text-align:center}.welcome-content h2[data-v-84fa92c1]{font-size:32px;margin:0 0 15px}.welcome-content p[data-v-84fa92c1]{font-size:16px;opacity:.95;margin:0}.section-title[data-v-84fa92c1]{color:#2c3e50;font-size:24px;margin-bottom:25px;padding-left:15px;border-left:4px solid #3498db}.articles-grid[data-v-84fa92c1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.article-card[data-v-84fa92c1]{background:#fff;border-radius:10px;padding:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.article-card[data-v-84fa92c1]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.article-category[data-v-84fa92c1]{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500;margin-bottom:12px}.article-title[data-v-84fa92c1]{color:#2c3e50;font-size:18px;margin:0 0 12px;line-height:1.4}.article-excerpt[data-v-84fa92c1]{color:#666;font-size:14px;line-height:1.6;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-84fa92c1]{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.date[data-v-84fa92c1]{color:#999;font-size:13px}.read-more[data-v-84fa92c1]{color:#3498db;font-size:14px;font-weight:500}.tech-stack[data-v-84fa92c1]{margin-top:40px}.tech-tags[data-v-84fa92c1]{display:flex;flex-wrap:wrap;gap:12px}.tech-tag[data-v-84fa92c1]{background:#fff;color:#555;padding:8px 16px;border-radius:20px;font-size:14px;border:1px solid #e0e0e0;transition:all .3s}.tech-tag[data-v-84fa92c1]:hover{background:#3498db;color:#fff;border-color:#3498db;transform:translateY(-2px)}.page-title[data-v-84fa92c1]{color:#2c3e50;font-size:28px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e8e8e8}.articles-list[data-v-84fa92c1]{display:flex;flex-direction:column;gap:20px}.article-item[data-v-84fa92c1]{background:#fff;border-radius:10px;padding:25px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.article-item[data-v-84fa92c1]:hover{box-shadow:0 4px 12px #0000001f;border-color:#3498db}.article-header[data-v-84fa92c1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.article-date[data-v-84fa92c1]{color:#999;font-size:13px}.article-item .article-title[data-v-84fa92c1]{font-size:20px;margin-bottom:10px}.about-content[data-v-84fa92c1]{max-width:800px}.about-card[data-v-84fa92c1]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000014}.about-card h3[data-v-84fa92c1]{color:#2c3e50;font-size:24px;margin:0 0 20px}.about-card p[data-v-84fa92c1]{color:#555;font-size:16px;line-height:1.8;margin:0 0 15px}.contact-info[data-v-84fa92c1]{margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}.contact-info h4[data-v-84fa92c1]{color:#2c3e50;font-size:18px;margin:0 0 15px}.contact-info p[data-v-84fa92c1]{margin:8px 0;font-size:15px}.view-article-detail[data-v-84fa92c1]{max-width:900px;margin:0 auto}.back-btn[data-v-84fa92c1]{background:#fff;border:1px solid #ddd;color:#555;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:25px;transition:all .3s}.back-btn[data-v-84fa92c1]:hover{background:#3498db;color:#fff;border-color:#3498db}.article-detail[data-v-84fa92c1]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000014}.detail-header[data-v-84fa92c1]{margin-bottom:30px;padding-bottom:25px;border-bottom:2px solid #f0f0f0}.detail-title[data-v-84fa92c1]{color:#2c3e50;font-size:32px;margin:15px 0;line-height:1.3}.detail-meta[data-v-84fa92c1]{color:#999;font-size:14px}.detail-content[data-v-84fa92c1]{color:#333;font-size:16px;line-height:1.8}.detail-content h2[data-v-84fa92c1]{color:#2c3e50;font-size:24px;margin:30px 0 15px}.detail-content p[data-v-84fa92c1]{margin:15px 0}.detail-content pre[data-v-84fa92c1]{background:#f5f5f5;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.detail-content code[data-v-84fa92c1]{font-family:Courier New,monospace;font-size:14px}.detail-content ul[data-v-84fa92c1]{margin:15px 0;padding-left:25px}.detail-content li[data-v-84fa92c1]{margin:8px 0}.blog-footer[data-v-84fa92c1]{background:#2c3e50;color:#fff;padding:30px 40px;margin-top:auto}.footer-content[data-v-84fa92c1]{max-width:1200px;margin:0 auto;text-align:center}.footer-content p[data-v-84fa92c1]{margin:8px 0;font-size:14px}.icp-info[data-v-84fa92c1]{font-size:13px;opacity:.8}.icp-info a[data-v-84fa92c1]{color:#3498db;text-decoration:none}.icp-info a[data-v-84fa92c1]:hover{text-decoration:underline}@media (max-width: 768px){.header-content[data-v-84fa92c1]{flex-direction:column;gap:20px;padding:15px 20px}.nav-menu[data-v-84fa92c1]{gap:15px}.blog-main[data-v-84fa92c1]{padding:20px}.welcome-section[data-v-84fa92c1]{padding:40px 20px}.welcome-content h2[data-v-84fa92c1]{font-size:24px}.articles-grid[data-v-84fa92c1]{grid-template-columns:1fr}.article-detail[data-v-84fa92c1]{padding:25px}.detail-title[data-v-84fa92c1]{font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{width:100%;min-height:100vh}