.header[data-v-2d66bcea]{background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100}.header-content[data-v-2d66bcea]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.logo-section[data-v-2d66bcea]{display:flex;align-items:center;gap:8px}.logo[data-v-2d66bcea]{height:36px}.logo-text[data-v-2d66bcea]{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slogan[data-v-2d66bcea]{font-size:14px;color:#999;margin-left:8px;padding-left:8px;border-left:1px solid #e0e0e0}.main-nav[data-v-2d66bcea]{flex:1;display:flex;justify-content:center}.nav-links[data-v-2d66bcea]{list-style:none;display:flex;gap:32px;margin:0;padding:0}.nav-links a[data-v-2d66bcea]{text-decoration:none;color:#666;font-size:15px;font-weight:500;padding:8px 0;position:relative;transition:color .3s ease}.nav-links a[data-v-2d66bcea]:hover,.nav-links a.active[data-v-2d66bcea]{color:#007bff}.nav-links a[data-v-2d66bcea]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#007bff;transition:width .3s ease}.nav-links a[data-v-2d66bcea]:hover:after,.nav-links a.active[data-v-2d66bcea]:after{width:100%}.header-actions[data-v-2d66bcea]{display:flex;align-items:center;gap:16px}.search-box[data-v-2d66bcea]{position:relative;display:flex;align-items:center}.search-box input[data-v-2d66bcea]{width:200px;padding:8px 36px 8px 16px;border:1px solid #e0e0e0;border-radius:24px;font-size:14px;outline:none;transition:all .3s ease}.search-box input[data-v-2d66bcea]:focus{border-color:#007bff;width:240px}.search-btn[data-v-2d66bcea]{position:absolute;right:4px;background:none;border:none;cursor:pointer;padding:6px;font-size:16px}.theme-toggle[data-v-2d66bcea]{background:#f5f5f5;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.theme-toggle[data-v-2d66bcea]:hover{background:#e0e0e0}@media (max-width: 968px){.main-nav[data-v-2d66bcea],.slogan[data-v-2d66bcea]{display:none}.search-box input[data-v-2d66bcea]{width:150px}}@media (max-width: 600px){.header-content[data-v-2d66bcea]{padding:0 16px}.search-box[data-v-2d66bcea]{display:none}}.banner[data-v-d10278f1]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:48px;margin-bottom:32px;color:#fff;overflow:hidden}.banner-content[data-v-d10278f1]{display:flex;justify-content:space-between;align-items:center;gap:48px;max-width:1200px;margin:0 auto}.banner-text[data-v-d10278f1]{flex:1}.banner h1[data-v-d10278f1]{font-size:42px;font-weight:700;margin:0 0 16px;line-height:1.2}.subtitle[data-v-d10278f1]{font-size:18px;opacity:.9;margin:0 0 32px;line-height:1.6}.banner-stats[data-v-d10278f1]{display:flex;gap:32px}.stat-item[data-v-d10278f1]{display:flex;flex-direction:column}.stat-number[data-v-d10278f1]{font-size:32px;font-weight:700;line-height:1}.stat-label[data-v-d10278f1]{font-size:14px;opacity:.8;margin-top:4px}.banner-illustration[data-v-d10278f1]{flex-shrink:0}.code-window[data-v-d10278f1]{width:400px;background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.window-header[data-v-d10278f1]{background:#2d2d2d;padding:12px 16px;display:flex;gap:8px}.dot[data-v-d10278f1]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-d10278f1]{background:#ff5f56}.dot.yellow[data-v-d10278f1]{background:#ffbd2e}.dot.green[data-v-d10278f1]{background:#27ca40}.code-content[data-v-d10278f1]{padding:20px;font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6}.code-content pre[data-v-d10278f1]{margin:0}.code-content code[data-v-d10278f1]{color:#d4d4d4}.comment[data-v-d10278f1]{color:#6a9955}.keyword[data-v-d10278f1]{color:#569cd6}.variable[data-v-d10278f1],.property[data-v-d10278f1]{color:#9cdcfe}.string[data-v-d10278f1]{color:#ce9178}.function[data-v-d10278f1]{color:#dcdcaa}@media (max-width: 968px){.banner-content[data-v-d10278f1]{flex-direction:column;text-align:center}.banner h1[data-v-d10278f1]{font-size:32px}.banner-stats[data-v-d10278f1]{justify-content:center}.code-window[data-v-d10278f1]{width:100%;max-width:400px}}@media (max-width: 600px){.banner[data-v-d10278f1]{padding:32px 24px}.banner h1[data-v-d10278f1]{font-size:28px}.subtitle[data-v-d10278f1]{font-size:16px}.stat-number[data-v-d10278f1]{font-size:24px}.code-content[data-v-d10278f1]{font-size:12px;padding:16px}}.article-card[data-v-9811d257]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.article-card[data-v-9811d257]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.article-image[data-v-9811d257]{position:relative;height:180px;overflow:hidden;background:#f5f5f5}.article-image img[data-v-9811d257]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img[data-v-9811d257]{transform:scale(1.05)}.image-placeholder[data-v-9811d257]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.placeholder-icon[data-v-9811d257]{font-size:48px;margin-bottom:8px}.placeholder-text[data-v-9811d257]{font-size:14px;font-weight:500}.category-badge[data-v-9811d257]{position:absolute;top:12px;left:12px;padding:4px 12px;background:#007bffe6;color:#fff;font-size:12px;border-radius:4px;font-weight:500}.article-content[data-v-9811d257]{padding:20px}.article-title[data-v-9811d257]{font-size:18px;font-weight:600;color:#333;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-description[data-v-9811d257]{font-size:14px;color:#666;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-9811d257]{display:flex;gap:16px;margin-bottom:12px}.meta-item[data-v-9811d257]{font-size:13px;color:#999}.article-tags[data-v-9811d257]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-9811d257]{padding:4px 10px;background:#f0f7ff;color:#007bff;font-size:12px;border-radius:4px}.featured-articles[data-v-dbe8d990]{flex:1;padding-right:20px}.section-header[data-v-dbe8d990]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h2[data-v-dbe8d990]{font-size:24px;color:#333;margin:0}.filter-tabs[data-v-dbe8d990]{display:flex;gap:8px;flex-wrap:wrap}.tab-btn[data-v-dbe8d990]{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease}.tab-btn[data-v-dbe8d990]:hover{border-color:#007bff;color:#007bff}.tab-btn.active[data-v-dbe8d990]{background:#007bff;color:#fff;border-color:#007bff}.articles-grid[data-v-dbe8d990]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.load-more[data-v-dbe8d990]{text-align:center;margin-top:32px}.load-more-btn[data-v-dbe8d990]{padding:12px 32px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:24px;cursor:pointer;font-size:14px;color:#666;transition:all .3s ease}.load-more-btn[data-v-dbe8d990]:hover{background:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){.featured-articles[data-v-dbe8d990]{padding-right:0}.section-header[data-v-dbe8d990]{flex-direction:column;align-items:flex-start}.articles-grid[data-v-dbe8d990]{grid-template-columns:1fr}}.sidebar[data-v-30537629]{width:320px;flex-shrink:0}.sidebar-widget[data-v-30537629]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.widget-title[data-v-30537629]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.profile-widget[data-v-30537629]{text-align:center}.profile-header[data-v-30537629]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar[data-v-30537629]{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.profile-info[data-v-30537629]{text-align:left}.profile-info h3[data-v-30537629]{font-size:18px;margin:0 0 4px;color:#333}.profile-info p[data-v-30537629]{font-size:14px;color:#999;margin:0}.profile-bio[data-v-30537629]{font-size:14px;color:#666;line-height:1.6;margin:0 0 16px}.profile-stats[data-v-30537629]{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid #f0f0f0}.stat[data-v-30537629]{display:flex;flex-direction:column;align-items:center}.stat-value[data-v-30537629]{font-size:20px;font-weight:600;color:#333}.stat-label[data-v-30537629]{font-size:12px;color:#999;margin-top:4px}.category-list[data-v-30537629]{list-style:none;padding:0;margin:0}.category-item[data-v-30537629]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:all .3s ease}.category-item[data-v-30537629]:last-child{border-bottom:none}.category-item[data-v-30537629]:hover{color:#007bff}.category-name[data-v-30537629]{font-size:14px;color:#333}.category-count[data-v-30537629]{font-size:12px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px}.tag-cloud[data-v-30537629]{display:flex;flex-wrap:wrap;gap:8px}.tag-item[data-v-30537629]{padding:4px 12px;background:#f0f7ff;color:#007bff;border-radius:16px;cursor:pointer;transition:all .3s ease}.tag-item[data-v-30537629]:hover{background:#007bff;color:#fff}.hot-articles[data-v-30537629]{list-style:none;padding:0;margin:0}.hot-article-item[data-v-30537629]{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5}.hot-article-item[data-v-30537629]:last-child{border-bottom:none}.rank[data-v-30537629]{width:24px;height:24px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#999;flex-shrink:0}.rank.top[data-v-30537629]{background:#ff6b6b;color:#fff}.hot-article-info[data-v-30537629]{flex:1}.hot-article-info h5[data-v-30537629]{font-size:14px;font-weight:500;color:#333;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot-article-views[data-v-30537629]{font-size:12px;color:#999}.friend-links[data-v-30537629]{list-style:none;padding:0;margin:0}.friend-links li[data-v-30537629]{padding:8px 0;border-bottom:1px solid #f5f5f5}.friend-links li[data-v-30537629]:last-child{border-bottom:none}.friend-links a[data-v-30537629]{color:#666;text-decoration:none;font-size:14px;transition:color .3s ease}.friend-links a[data-v-30537629]:hover{color:#007bff}@media (max-width: 968px){.sidebar[data-v-30537629]{width:100%}}.footer[data-v-0d76383a]{background:#1a1a2e;color:#fff;padding:48px 20px 24px;margin-top:48px}.footer-content[data-v-0d76383a]{max-width:1200px;margin:0 auto}.footer-main[data-v-0d76383a]{display:flex;justify-content:space-between;gap:48px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand[data-v-0d76383a]{flex:1;max-width:300px}.brand-logo[data-v-0d76383a]{font-size:24px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-desc[data-v-0d76383a]{font-size:14px;line-height:1.6;color:#ffffffb3;margin-bottom:20px}.social-links[data-v-0d76383a]{display:flex;gap:12px}.social-link[data-v-0d76383a]{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;transition:all .3s ease}.social-link[data-v-0d76383a]:hover{background:#667eea;transform:translateY(-2px)}.footer-links[data-v-0d76383a]{display:flex;gap:48px}.link-group h4[data-v-0d76383a]{font-size:16px;font-weight:600;margin:0 0 16px;color:#fff}.link-group ul[data-v-0d76383a]{list-style:none;padding:0;margin:0}.link-group li[data-v-0d76383a]{margin-bottom:10px}.link-group a[data-v-0d76383a]{color:#ffffffb3;text-decoration:none;font-size:14px;transition:color .3s ease}.link-group a[data-v-0d76383a]:hover{color:#667eea}.footer-tags[data-v-0d76383a]{display:flex;flex-wrap:wrap;gap:8px;max-width:200px}.footer-tags .tag[data-v-0d76383a]{padding:4px 10px;background:#ffffff1a;border-radius:4px;font-size:12px;color:#fffc;cursor:pointer;transition:all .3s ease}.footer-tags .tag[data-v-0d76383a]:hover{background:#667eea;color:#fff}.footer-bottom[data-v-0d76383a]{padding-top:24px;text-align:center}.copyright[data-v-0d76383a]{font-size:14px;color:#fff9;margin:0 0 8px}.divider[data-v-0d76383a]{margin:0 8px}.beian[data-v-0d76383a]{font-size:12px;color:#fff6;margin:0}@media (max-width: 768px){.footer-main[data-v-0d76383a]{flex-direction:column;gap:32px}.footer-brand[data-v-0d76383a]{max-width:100%;text-align:center}.social-links[data-v-0d76383a]{justify-content:center}.footer-links[data-v-0d76383a]{flex-direction:column;gap:24px}.link-group[data-v-0d76383a]{text-align:center}.footer-tags[data-v-0d76383a]{max-width:100%;justify-content:center}}.about-page[data-v-d4304fc0]{min-height:100vh;background:#f5f7fa}.about-hero[data-v-d4304fc0]{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;text-align:center;color:#fff}.hero-content[data-v-d4304fc0]{max-width:800px;margin:0 auto}.avatar-large[data-v-d4304fc0]{width:120px;height:120px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;margin:0 auto 24px;border:4px solid rgba(255,255,255,.3)}.about-hero h1[data-v-d4304fc0]{font-size:42px;margin:0 0 12px;font-weight:700}.about-hero .subtitle[data-v-d4304fc0]{font-size:20px;opacity:.9;margin:0 0 32px}.social-links[data-v-d4304fc0]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-btn[data-v-d4304fc0]{padding:12px 24px;background:#fff3;color:#fff;text-decoration:none;border-radius:24px;transition:all .3s ease}.social-btn[data-v-d4304fc0]:hover{background:#ffffff4d;transform:translateY(-2px)}.about-content[data-v-d4304fc0]{max-width:1200px;margin:0 auto;padding:40px 20px}.about-grid[data-v-d4304fc0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.about-card[data-v-d4304fc0]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014}.about-card.full-width[data-v-d4304fc0]{grid-column:1 / -1}.about-card h3[data-v-d4304fc0]{font-size:20px;color:#333;margin:0 0 16px}.about-card p[data-v-d4304fc0]{color:#666;line-height:1.8;margin:0}.tech-tags[data-v-d4304fc0]{display:flex;flex-wrap:wrap;gap:10px}.tech-tag[data-v-d4304fc0]{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.tech-tag.frontend[data-v-d4304fc0]{background:#e3f2fd;color:#1976d2}.tech-tag.backend[data-v-d4304fc0]{background:#e8f5e9;color:#388e3c}.tech-tag.devops[data-v-d4304fc0]{background:#fff3e0;color:#f57c00}.tech-tag.ai[data-v-d4304fc0]{background:#f3e5f5;color:#7b1fa2}.stats-grid[data-v-d4304fc0]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-box[data-v-d4304fc0]{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center}.stat-number[data-v-d4304fc0]{display:block;font-size:32px;font-weight:700;color:#667eea;margin-bottom:4px}.stat-label[data-v-d4304fc0]{font-size:14px;color:#999}.project-list[data-v-d4304fc0]{list-style:none;padding:0;margin:0}.project-list li[data-v-d4304fc0]{padding:12px 0;border-bottom:1px solid #f0f0f0}.project-list li[data-v-d4304fc0]:last-child{border-bottom:none}.project-list strong[data-v-d4304fc0]{display:block;color:#333;margin-bottom:4px}.project-list span[data-v-d4304fc0]{color:#999;font-size:14px}.contact-info[data-v-d4304fc0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}.contact-item[data-v-d4304fc0]{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.contact-icon[data-v-d4304fc0]{font-size:24px}@media (max-width: 768px){.about-hero[data-v-d4304fc0]{padding:60px 20px}.about-hero h1[data-v-d4304fc0]{font-size:32px}.about-grid[data-v-d4304fc0]{grid-template-columns:1fr}.about-card[data-v-d4304fc0]{padding:24px}}body{font-family:Arial,sans-serif;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 0;box-shadow:0 2px 4px #0000001a}.navbar .logo{font-size:24px;font-weight:700}.navbar .nav-links{display:flex;gap:20px}.navbar .nav-links a{color:#333;text-decoration:none}.navbar .search{background-color:#333;color:#fff;border:none;padding:5px 10px;cursor:pointer}.carousel{position:relative;overflow:hidden}.carousel img{width:100%;height:auto}.carousel .caption{position:absolute;bottom:20px;left:20px;color:#fff}.carousel .dots{position:absolute;bottom:20px;right:20px}.carousel .dots span{width:10px;height:10px;background-color:#fff;display:inline-block;margin-right:5px;border-radius:50%}.articles{border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;gap:20px;margin-top:40px}.articles{width:calc(100% - 10px);border:1px solid #ddd;border-radius:8px;overflow:hidden}.articles img{width:100%;height:auto}.articles .content{padding:20px}.articles .date{font-size:14px;color:#999;margin-left:4px}.articles .title{font-size:20px;margin:10px 0}.articles .description{font-size:16px;color:#666}.articles .tags{display:flex;gap:10px;margin-top:20px;margin-bottom:8px}.articles .tags span{background-color:#f0f0f0;padding:5px 10px;border-radius:4px}.featured-articles{width:70%;margin-top:40px;margin-right:20px}.article-list{gap:20px}.sidebar{width:40%}.sidebar section{margin-top:10px;margin-bottom:10px}.sidebar .section-title{font-size:18px;font-weight:700;margin-bottom:10px}.sidebar .latest-articles{list-style:none;background-color:#f0f0f0;padding:10px 20px 20px;border-radius:8px}.sidebar .latest-articles li{margin-bottom:10px}.sidebar .hot-tags{list-style:none;background-color:#f0f0f0;padding:10px 20px 20px;border-radius:8px}.sidebar .hot-tags span{background-color:#f0f0f0;padding:5px 10px;border-radius:4px}.recommended-resources{background-color:#f0f0f0;padding:10px 20px 20px;border-radius:8px}.recommended-resources .icon{font-size:30px;margin-bottom:10px}.recommended-resources .text{font-size:14px;color:#666}.recommended-resources .button{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}.footer .links{display:flex;justify-content:space-around;margin-bottom:20px}.footer .links ul{list-style:none;padding:0}.footer .links ul li{margin-bottom:10px}.footer .links ul li a{color:#fff;text-decoration:none}.footer .social-media{display:flex;gap:5px}.footer .social-media a{color:#fff;font-size:24px;margin-right:10px}.footer .social-media img{width:30px;height:30px}.footer .copyright{font-size:14px}:root{--primary-color: #667eea;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #333;--text-secondary: #666;--text-muted: #999;--bg-body: #f5f7fa;--bg-card: #fff;--bg-hover: #f8f9fa;--border-color: #e0e0e0;--border-light: #f0f0f0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}.dark-theme{--text-primary: #e4e4e4;--text-secondary: #b0b0b0;--text-muted: #808080;--bg-body: #1a1a2e;--bg-card: #252542;--bg-hover: #2a2a4a;--border-color: #3a3a5a;--border-light: #2a2a4a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#f5f7fa;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.main-container{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}.content-wrapper{display:flex;gap:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}::selection{background:#667eea4d;color:#333}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 968px){.content-wrapper{flex-direction:column}.main-container{padding:16px}}@media (max-width: 600px){.main-container{padding:12px}}