.article-detail{flex:1;max-width:100%;min-width:0}.back-button{align-items:center;background-color:#323232;border:1px solid #323232;border-radius:6px;color:#9e9e9e;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:#2c7da0;border-color:#2c7da0;color:#fff}.back-button svg{transition:transform .2s ease}.back-button:hover svg{transform:translate(-2px)}@media (min-width:768px){.article-detail{max-width:768px}}@media (min-width:1280px){.article-detail{max-width:896px}}.post-card{background-color:#26282c;border-radius:10px;box-shadow:0 2px 8px #0000004d;margin-bottom:0;padding:32px 24px;position:relative}.post-header{margin-bottom:20px;text-align:center}.post-title{color:#2c7da0;font-size:24px;font-weight:600;line-height:1.4;margin:0}@media (min-width:768px){.post-title{font-size:28px}.post-card{padding:40px 32px}}.post-meta{border-bottom:1px solid #323232;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px;padding-bottom:20px}.meta-item{align-items:center;color:#9e9e9e;display:flex;font-size:13px;gap:6px}.meta-item i{font-size:12px}.meta-item a{color:#9e9e9e;text-decoration:none}.meta-item a:hover{color:#c8c8c8}.post-content{color:#999;font-size:15px;line-height:1.9}@media (min-width:768px){.post-content{font-size:16px}}.content-renderer h2{border-bottom:1px solid #323232;color:#2c7da0;font-size:20px;font-weight:600;margin:32px 0 16px;padding-bottom:8px}.content-renderer h2 a,.content-renderer h3 a,.content-renderer h4 a{color:inherit;cursor:default;pointer-events:none;text-decoration:none}.content-renderer h2 a:hover,.content-renderer h3 a:hover,.content-renderer h4 a:hover{text-decoration:none}.content-renderer h3{color:#2c7da0;font-size:17px;font-weight:600;margin:24px 0 12px}.content-renderer p{margin:0 0 16px}.content-renderer ol,.content-renderer ul{list-style-type:disc;margin:0 0 16px;padding-left:24px}.content-renderer ol{list-style-type:decimal}.content-renderer li{margin-bottom:8px}.content-renderer code{background-color:#1b1c1f;border-radius:4px;color:#e0e0e0;font-size:13px;padding:2px 6px}.content-renderer pre{background-color:#1b1c1f;border-radius:8px;margin:0 0 16px;overflow-x:auto;padding:16px}.content-renderer pre code{background:none;padding:0}.content-renderer blockquote{border-left:3px solid #2c7da0;color:#9e9e9e;margin:0 0 16px;padding-left:16px}.content-renderer a{color:#2c7da0;text-decoration:none}.content-renderer a:hover{text-decoration:underline}.content-renderer hr{border:none;border-top:1px solid #323232;margin:24px 0}.content-renderer img{border-radius:8px;max-width:100%}.content-renderer strong{color:#e0e0e0}.sidebar{display:none;flex-shrink:0;width:260px}@media (min-width:1024px){.sidebar{display:block}}.related-card{background-color:#26282c;border-radius:10px;box-shadow:0 2px 8px #0000004d;padding:16px;position:sticky;top:24px}.related-card-title{color:#9e9e9e;font-size:18px;font-weight:500;margin-bottom:12px;text-align:center}.related-card-list .related-item{border-bottom:1px solid #323232;color:#9e9e9e;display:block;font-size:14px;padding:8px 4px;text-decoration:none;transition:color .2s,background-color .2s}.related-card-list .related-item:last-child{border-bottom:none}.related-card-list .related-item:hover{background-color:#1b1c1f;color:#c8c8c8}.related-card-list .related-empty{color:#6e6e6e;font-size:14px;padding:16px 0;text-align:center}