.project-detail-container{padding:2rem 0 4rem;max-width:1100px}.back-link{color:var(--accent-color, #00d9ff);text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;border-radius:8px;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-link:hover{color:var(--accent-color, #4dabf7);transform:translate(-5px);border-color:var(--accent-color, #00d9ff);background:var(--card-bg, rgba(255, 255, 255, .08))}.project-detail-header{border-bottom:2px solid var(--card-border, rgba(255, 255, 255, .1));padding-bottom:2rem;margin-bottom:2rem}.project-detail-title{font-size:2.5rem;font-weight:700;line-height:1.3;color:var(--text-color, #ffffff)}.project-cover-image{width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:12px;margin-bottom:2rem;box-shadow:0 8px 20px var(--shadow-color, rgba(0, 0, 0, .25));border:1px solid var(--card-border, rgba(255, 255, 255, .1));background-color:var(--card-bg, rgba(255, 255, 255, .02))}.project-detail-content{font-size:1.1rem;line-height:1.8;color:var(--text-color-2, #e0e0e0);background:var(--card-bg, rgba(255, 255, 255, .03));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:2rem}.project-detail-content h1,.project-detail-content h2,.project-detail-content h3,.project-detail-content h4{margin-top:2rem;margin-bottom:1rem;font-weight:600}.project-detail-content h1{font-size:2rem;border-bottom:2px solid var(--card-border, rgba(255, 255, 255, .1));padding-bottom:.5rem;color:var(--text-color, #ffffff)}.project-detail-content h2{font-size:1.6rem;color:var(--accent-color, #00d9ff)}.project-detail-content h3{font-size:1.3rem;color:var(--text-color, #ffffff)}.project-detail-content h4{font-size:1.1rem;color:var(--text-color, #ffffff)}.project-detail-content p{margin-bottom:1.5rem}.project-detail-content ul,.project-detail-content ol{margin-bottom:1.5rem;padding-left:2rem}.project-detail-content li{margin-bottom:.5rem}.project-detail-content code{background-color:var(--code-inline-bg, rgba(0, 217, 255, .1));padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.95em;color:var(--code-inline-text, var(--accent-color, #00d9ff))}.project-detail-content pre{background-color:transparent;padding:0;margin:0;overflow-x:auto;border-radius:0}.project-detail-content pre code{background-color:transparent;color:#d4d4d4;padding:0;font-size:.9rem}.code-block-wrapper{position:relative;margin:1.5rem 0;border-radius:8px;overflow:hidden;background-color:#1e1e1e;border:1px solid var(--card-border, rgba(255, 255, 255, .1))}[data-theme=light] .code-block-wrapper{background-color:#f8f9fa;border-color:var(--card-border, rgba(0, 0, 0, .1))}.code-block-wrapper:hover .copy-button,.code-block-wrapper .copy-button.copied{opacity:1}.copy-button{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 12px;font-size:.85rem;cursor:pointer;opacity:.7;transition:all .3s ease;z-index:10;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.copy-button:hover{background-color:#000c;border-color:#fff6}.copy-button.copied{background-color:#28a745;border-color:#28a745;opacity:1}.copy-button svg{width:14px;height:14px}.project-detail-content blockquote{border-left:4px solid var(--accent-color, #00d9ff);padding-left:1.5rem;margin:1.5rem 0;color:var(--text-color-2, #e0e0e0);font-style:italic}.project-detail-content a{color:var(--accent-color, #00d9ff);text-decoration:none;transition:color .3s ease}.project-detail-content a:hover{color:var(--accent-color-2, #4dabf7);text-decoration:underline}.project-detail-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;box-shadow:0 2px 8px #0000001a;overflow-x:auto;display:block;border-radius:8px;overflow:hidden}.project-detail-content table thead{background-color:#1a1a1a}.project-detail-content table th{padding:12px 16px;text-align:left;font-weight:600;border-bottom:2px solid #444;color:#e0e0e0;background-color:#1a1a1a}.project-detail-content table td{padding:10px 16px;border-bottom:1px solid #444;color:#e0e0e0;background-color:#2a2a2a}.project-detail-content table tbody tr:hover{background-color:#333}.project-detail-content table tbody tr:hover td{color:#fff;background-color:#333}.project-detail-content table tbody tr:last-child td{border-bottom:none}[data-theme=light] .project-detail-content table{box-shadow:0 2px 8px #0000000d}[data-theme=light] .project-detail-content table thead,[data-theme=light] .project-detail-content table th{background-color:#f8f9fa;color:#1a1a1a;border-bottom-color:#dee2e6}[data-theme=light] .project-detail-content table td{background-color:#fff;color:#4a4a4a;border-bottom-color:#e9ecef}[data-theme=light] .project-detail-content table tbody tr:hover{background-color:#f0f4f8}[data-theme=light] .project-detail-content table tbody tr:hover td{color:#1a1a1a;background-color:#f0f4f8}@media (prefers-color-scheme: dark){.project-detail-content table thead,.project-detail-content table th{background-color:#1a1a1a;color:#e0e0e0;border-bottom-color:#444}.project-detail-content table td{background-color:#2a2a2a;color:#e0e0e0;border-bottom-color:#444}.project-detail-content table tbody tr:hover{background-color:#333}.project-detail-content table tbody tr:hover td{color:#fff;background-color:#333}}.Not-found-container{min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center}