.project-detail-page[data-v-fa67ea80]{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;padding:0 80px;transition:background-color .3s ease,color .3s ease}.container[data-v-fa67ea80]{margin:0 auto;max-width:900px;padding:60px 0}.project-skeleton[data-v-fa67ea80]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.skeleton-content[data-v-fa67ea80]{padding:30px}.skeleton-line[data-v-fa67ea80]{animation:skeleton-loading-fa67ea80 1.5s infinite;background:linear-gradient(90deg,var(--bg-color-hover) 25%,var(--bg-color-secondary) 50%,var(--bg-color-hover) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:16px}.skeleton-line.title[data-v-fa67ea80]{height:32px;width:80%}.skeleton-meta[data-v-fa67ea80]{display:flex;gap:16px;margin-bottom:24px}.skeleton-line.meta[data-v-fa67ea80]{height:14px;width:120px}.skeleton-line.content[data-v-fa67ea80]{height:16px;width:100%}@keyframes skeleton-loading-fa67ea80{0%{background-position:200% 0}to{background-position:-200% 0}}.project[data-v-fa67ea80]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;padding-top:32px;transition:none}.project-header[data-v-fa67ea80]{margin-bottom:40px;position:relative}.project-cover[data-v-fa67ea80]{border-radius:16px;height:400px;margin-bottom:40px;overflow:hidden}.project-cover img[data-v-fa67ea80]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.project-cover:hover img[data-v-fa67ea80]{transform:scale(1.05)}.project-info[data-v-fa67ea80]{padding:0}.project-title[data-v-fa67ea80]{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 24px}.project-meta[data-v-fa67ea80]{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:24px;padding-bottom:24px}.meta-item[data-v-fa67ea80]{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.project-tags[data-v-fa67ea80]{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.tag[data-v-fa67ea80]{background-color:var(--primary-color);border-radius:20px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;padding:6px 16px}.project-links[data-v-fa67ea80]{display:flex;gap:16px;margin-top:24px}.project-link[data-v-fa67ea80]{align-items:center;background-color:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.project-link[data-v-fa67ea80]:hover{background-color:var(--bg-color-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.github-link[data-v-fa67ea80]:hover{border-color:#000;color:#000}.demo-link[data-v-fa67ea80]:hover{border-color:var(--primary-color);color:var(--primary-color)}.project-description[data-v-fa67ea80]{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding:0 0 40px}.project-description p[data-v-fa67ea80]{color:var(--text-secondary);font-size:18px;line-height:1.6;margin:0}.project-content[data-v-fa67ea80]{line-height:1.8;padding:40px 0}.markdown-content[data-v-fa67ea80]{background-color:transparent;color:var(--text-primary);font-size:16px;line-height:1.7}.empty-content[data-v-fa67ea80]{color:var(--text-secondary);padding:40px;text-align:center}.project-info-section[data-v-fa67ea80]{border-top:1px solid var(--border-color);padding:40px 0}.section-title[data-v-fa67ea80]{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.01em;margin-bottom:24px}.info-grid[data-v-fa67ea80]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item[data-v-fa67ea80]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-fa67ea80]{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.info-value[data-v-fa67ea80]{color:var(--text-primary);font-size:16px;font-weight:600}.info-value .published[data-v-fa67ea80]{color:#22c55e}.info-value .draft[data-v-fa67ea80]{color:#ef4444}.related-projects-section[data-v-fa67ea80]{border-top:1px solid var(--border-color);padding:40px 0}.related-projects-grid[data-v-fa67ea80]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.related-project-card[data-v-fa67ea80]{background-color:var(--bg-color-secondary);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.related-project-card[data-v-fa67ea80]:hover{background-color:var(--bg-color-hover);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.related-project-cover[data-v-fa67ea80]{border-radius:12px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.related-project-cover img[data-v-fa67ea80]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.related-project-info[data-v-fa67ea80]{display:flex;flex:1;flex-direction:column;gap:8px}.related-project-title[data-v-fa67ea80]{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin:0}.related-project-desc[data-v-fa67ea80]{color:var(--text-secondary);display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden}.related-project-tech[data-v-fa67ea80]{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tech-tag[data-v-fa67ea80]{background-color:var(--bg-color-hover);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 10px}.error-state[data-v-fa67ea80]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;padding:80px 0;text-align:center}.error-icon[data-v-fa67ea80]{color:var(--text-secondary);font-size:64px;margin-bottom:24px}.error-title[data-v-fa67ea80]{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 16px}.error-text[data-v-fa67ea80]{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 32px}.error-actions[data-v-fa67ea80]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.back-to-home[data-v-fa67ea80]{align-items:center;background-color:var(--primary-color);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.back-to-home[data-v-fa67ea80]:hover{background-color:var(--primary-color-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.back-button[data-v-fa67ea80]{align-items:center;background-color:transparent;border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-button[data-v-fa67ea80]:hover{background-color:var(--bg-color-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}[data-v-fa67ea80] .md-editor-preview-wrapper{border:none!important;box-shadow:none!important}[data-v-fa67ea80] .md-editor-preview{padding:0!important}[data-v-fa67ea80] .dark .md-editor-preview{background-color:transparent!important;color:var(--text-primary)!important}[data-v-fa67ea80] .dark .md-editor-preview pre{background-color:#0000004d!important;border:1px solid hsla(0,0%,100%,.1)!important}[data-v-fa67ea80] .dark .md-editor-preview code{background-color:#0003!important;color:#e6edf3!important}[data-v-fa67ea80] .dark .md-editor-preview pre code{background-color:transparent!important}[data-v-fa67ea80] .dark .md-editor-preview table,[data-v-fa67ea80] .dark .md-editor-preview table td,[data-v-fa67ea80] .dark .md-editor-preview table th{border-color:#ffffff1a!important}[data-v-fa67ea80] .dark .md-editor-preview table th{background-color:#ffffff0d!important}[data-v-fa67ea80] .dark .md-editor-preview blockquote{background-color:#ffffff0d!important;border-left-color:var(--primary-color)!important;color:var(--text-secondary)!important}[data-v-fa67ea80] .dark .md-editor-preview a{color:var(--primary-color)!important}[data-v-fa67ea80] .dark .md-editor-preview a:hover{color:var(--primary-color-hover)!important}[data-v-fa67ea80] .dark .md-editor-preview ol li:before,[data-v-fa67ea80] .dark .md-editor-preview ul li:before{color:var(--primary-color)!important}[data-v-fa67ea80] .dark .md-editor-preview h1,[data-v-fa67ea80] .dark .md-editor-preview h2,[data-v-fa67ea80] .dark .md-editor-preview h3,[data-v-fa67ea80] .dark .md-editor-preview h4,[data-v-fa67ea80] .dark .md-editor-preview h5,[data-v-fa67ea80] .dark .md-editor-preview h6{border-bottom-color:#ffffff1a!important;color:var(--text-primary)!important}[data-v-fa67ea80] .dark .md-editor-preview hr{border-color:#ffffff1a!important}@media(max-width:1024px){.project-detail-page[data-v-fa67ea80]{padding:0 40px}.project-info[data-v-fa67ea80]{padding:30px}.project-title[data-v-fa67ea80]{font-size:32px}.project-content[data-v-fa67ea80],.project-info-section[data-v-fa67ea80],.related-projects-section[data-v-fa67ea80]{padding:0 30px 30px}}@media(max-width:768px){.project-detail-page[data-v-fa67ea80]{padding:0 24px}.container[data-v-fa67ea80]{padding:40px 0}.project-cover[data-v-fa67ea80]{height:250px}.project-info[data-v-fa67ea80]{padding:24px}.project-title[data-v-fa67ea80]{font-size:28px}.project-content[data-v-fa67ea80],.project-info-section[data-v-fa67ea80],.related-projects-section[data-v-fa67ea80]{padding:0 24px 24px}.project-meta[data-v-fa67ea80]{gap:16px}.project-links[data-v-fa67ea80]{flex-wrap:wrap}.project-link[data-v-fa67ea80]{flex:1;justify-content:center;min-width:120px}.info-grid[data-v-fa67ea80],.related-projects-grid[data-v-fa67ea80]{grid-template-columns:1fr}.error-actions[data-v-fa67ea80]{align-items:center;flex-direction:column}.back-button[data-v-fa67ea80],.back-to-home[data-v-fa67ea80]{justify-content:center;max-width:200px;width:100%}}@media(max-width:480px){.project-detail-page[data-v-fa67ea80]{padding:0 12px}.container[data-v-fa67ea80]{padding:24px 0}.project-title[data-v-fa67ea80]{font-size:22px}.project-info[data-v-fa67ea80]{padding:16px}.project-content[data-v-fa67ea80],.project-info-section[data-v-fa67ea80],.related-projects-section[data-v-fa67ea80]{padding:0 16px 16px}.project-meta[data-v-fa67ea80]{flex-direction:column;gap:8px}.project-description p[data-v-fa67ea80]{font-size:15px}.project-link[data-v-fa67ea80]{font-size:13px;padding:10px 16px}.related-project-card[data-v-fa67ea80]{flex-direction:column;padding:14px}.related-project-cover[data-v-fa67ea80]{border-radius:10px;height:120px;width:100%}}[data-v-fa67ea80]:root{--bg-color:#f8fafc;--bg-color-secondary:#fff;--bg-color-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--primary-color:#3b82f6;--primary-color-hover:#2563eb}.dark[data-v-fa67ea80]{--bg-color:#0f172a;--bg-color-secondary:#1e293b;--bg-color-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--primary-color:#3b82f6;--primary-color-hover:#2563eb}