@charset "UTF-8";#post{background:#0e0e12;min-height:100vh}#post .hero-section{background:linear-gradient(135deg,#7358d926,#0e0e12f2);border-bottom:1px solid rgba(115,88,217,.1);overflow:hidden;padding:60px 0 40px;position:relative}#post .hero-section:before{background:radial-gradient(circle at 50% 50%,rgba(115,88,217,.1) 0,transparent 70%);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}#post .hero-section .hero-content{position:relative;z-index:2}#post .hero-section .hero-title{color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}#post .hero-section .hero-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#post .hero-section .hero-meta .author-avatar{border:2px solid rgba(115,88,217,.3);box-shadow:0 4px 12px #00000080}#post .hero-section .hero-meta .author-info{color:#e2e8f0}#post .hero-section .hero-meta .author-info .author-name{color:#fff;font-size:1rem;font-weight:600}#post .hero-section .hero-meta .author-info .post-date{color:#a0aec0;font-size:.875rem;opacity:.7}#post .hero-section .hero-meta .reading-time{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7358d933;border:1px solid rgba(115,88,217,.3);color:#e2e8f0}#post .banner-section{background:#0e0e12;padding:2rem 0;position:relative}#post .banner-section .post-banner{border:1px solid rgba(115,88,217,.2);border-radius:12px;box-shadow:0 20px 40px #0009;overflow:hidden;transition:transform .3s ease}#post .banner-section .post-banner:hover{box-shadow:0 25px 50px #000000b3;transform:translateY(-2px)}#post .content-section{background:#0e0e12;padding:60px 0;position:relative}#post .content-section .post-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ccc;border:1px solid rgba(115,88,217,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:3rem;position:relative}#post .content-section .post-content :deep(h1),#post .content-section .post-content :deep(h2),#post .content-section .post-content :deep(h3),#post .content-section .post-content :deep(h4),#post .content-section .post-content :deep(h5),#post .content-section .post-content :deep(h6){color:#fff;font-weight:700;line-height:1.3;margin:2rem 0 1rem}#post .content-section .post-content :deep(h1){font-size:2.5rem}#post .content-section .post-content :deep(h2){font-size:2rem}#post .content-section .post-content :deep(h3){font-size:1.75rem}#post .content-section .post-content :deep(h4){font-size:1.5rem}#post .content-section .post-content :deep(p){color:#e2e8f0;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}#post .content-section .post-content :deep(a){border-bottom:2px solid transparent;color:#7358d9;font-weight:500;text-decoration:none;transition:all .3s ease}#post .content-section .post-content :deep(a):hover{border-bottom-color:#7358d9;color:#9575ff}#post .content-section .post-content :deep(blockquote){background:linear-gradient(135deg,#7358d91a,#7358d90d);border-left:4px solid #7358d9;border-radius:0 8px 8px 0;color:#cbd5e0;font-style:italic;margin:2rem 0;padding:1.5rem 2rem;position:relative}#post .content-section .post-content :deep(blockquote):before{color:#7358d9;content:'"';font-size:3rem;left:15px;opacity:.4;position:absolute;top:-10px}#post .content-section .post-content :deep(code){background:#2d3748cc;border:1px solid rgba(115,88,217,.2);border-radius:4px;color:#f687b3;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}#post .content-section .post-content :deep(pre){background:#1a202c;border:1px solid rgba(115,88,217,.2);border-radius:8px;box-shadow:0 8px 25px #0006;color:#f7fafc;margin:2rem 0;overflow-x:auto;padding:2rem}#post .content-section .post-content :deep(pre) code{background:transparent;border:none;color:inherit;padding:0}#post .content-section .post-content :deep(img){border:1px solid rgba(115,88,217,.1);border-radius:8px;box-shadow:0 8px 25px #0000004d;height:auto;margin:2rem 0;max-width:100%}#post .content-section .post-content :deep(ol),#post .content-section .post-content :deep(ul){margin:1.5rem 0;padding-left:2rem}#post .content-section .post-content :deep(ol) li,#post .content-section .post-content :deep(ul) li{color:#e2e8f0;line-height:1.7;margin-bottom:.5rem}#post .content-section .post-content :deep(ul li){list-style-type:none;position:relative}#post .content-section .post-content :deep(ul li):before{color:#7358d9;content:"•";font-weight:700;left:-1.5rem;position:absolute}#post .content-section .post-content :deep(strong){color:#fff;font-weight:600}#post .content-section .post-content :deep(em){color:#cbd5e0;font-style:italic}#post .share-section{background:#0e0e12;border-top:1px solid rgba(115,88,217,.1);padding:60px 0}#post .share-section .share-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141c99;border:1px solid rgba(115,88,217,.2);border-radius:12px;padding:2rem;text-align:center}#post .share-section .share-content .share-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}#post .share-section .share-content .share-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#post .share-section .share-content .share-buttons .v-btn{background:#7358d91a;border-color:#7358d94d;border-radius:8px;color:#e2e8f0;font-weight:500;height:48px;padding:0 2rem;text-transform:none;transition:all .3s ease}#post .share-section .share-content .share-buttons .v-btn:hover{background:#7358d933;border-color:#7358d980;box-shadow:0 8px 25px #7358d966;transform:translateY(-2px)}@media (max-width:768px){#post .hero-section{padding:40px 0 30px}#post .hero-section .hero-title{font-size:2rem;margin-bottom:1.5rem}#post .hero-section .hero-meta{flex-direction:column;gap:.75rem;text-align:center}#post .banner-section{padding:1rem 0}#post .banner-section .post-banner{margin:0 1rem}#post .content-section .post-content{margin:0 1rem;padding:2rem 1.5rem}#post .share-section .share-content{margin:0 1rem}#post .share-section .share-content .share-buttons{align-items:center;flex-direction:column}#post .share-section .share-content .share-buttons .v-btn{width:200px}}