.article-page{background-color:#f4f7f6;background-image:url("data:image/svg+xml,%3Csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"%238fb8ed\" fill-opacity=\"0.08\" fill-rule=\"evenodd\"%3E%3Ccircle cx=\"3\" cy=\"3\" r=\"1\"/%3E%3C/g%3E%3C/svg%3E")}.article-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fffc;border-radius:8px;max-width:860px;margin:120px auto 100px;overflow:hidden;box-shadow:0 30px 80px #0000000f}.article-hero{width:100%;height:420px;position:relative;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:100%;transform:scale(1.02)}.article-hero:after{content:"";background:linear-gradient(#fff0 0%,#fffc 80%,#fff 100%);width:100%;height:60%;position:absolute;bottom:0;left:0}.article-header{text-align:center;z-index:2;margin-top:-80px;padding:0 80px 40px;position:relative}.article-header h1{font-family:var(--font-serif);color:#2c3e50;letter-spacing:.12em;text-shadow:2px 2px #fffc;margin-bottom:25px;font-size:2.6rem;font-weight:700;line-height:1.4}.article-meta{font-family:var(--font-serif);color:#95a5a6;letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;gap:20px;font-size:.9rem;display:flex}.article-meta:before,.article-meta:after{content:"";background:linear-gradient(90deg,#c8c8c800,#96969680,#c8c8c800);width:60px;height:1px;display:block}.item-tags{flex-wrap:wrap;gap:8px;display:flex}.markdown-body{line-height:1.8}.markdown-body h2{border-bottom:1px solid #f1f2f6;margin-top:40px;padding-bottom:10px}.markdown-body h3{color:#34495e;margin-top:30px}.markdown-body pre{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;font-family:monospace;font-size:.9rem;overflow-x:auto}.markdown-body code{color:#e84393;background:#f1f2f6;border-radius:4px;padding:2px 5px}.markdown-body img{border-radius:8px;max-width:100%;height:auto;margin:30px auto;display:block;box-shadow:0 15px 35px #0000000f}.article-toc-wrapper{z-index:100;max-width:220px;position:fixed;top:50%;left:calc(50vw + 490px);right:20px;transform:translateY(-50%)}.article-toc{background:0 0;border:none;padding:0}.article-toc h3{font-family:var(--font-sans);letter-spacing:.15em;color:#bdc3c7;text-transform:uppercase;margin-bottom:20px;font-size:.7rem;font-weight:600}#tocList{margin:0;padding:0;list-style:none}.toc-item{margin-bottom:12px}.toc-h3{margin-bottom:8px}.toc-link{color:#7f8c8d;word-break:break-word;font-size:.9rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .3s,text-shadow .3s;display:block}.toc-h3 .toc-link{color:#b2bec3;padding-left:16px;font-size:.8rem;position:relative}.toc-h3 .toc-link:before{content:"";background:#dfe6e9;width:6px;height:1px;transition:background .3s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.toc-link:hover{color:#2d3436}.toc-link.active{color:var(--primary-color);text-shadow:.4px 0 0 var(--primary-color), -.4px 0 0 var(--primary-color), 0 .4px 0 var(--primary-color), 0 -.4px 0 var(--primary-color)}.toc-h3 .toc-link.active{color:var(--primary-color);text-shadow:.2px 0 0 var(--primary-color), -.2px 0 0 var(--primary-color)}.toc-h3 .toc-link.active:before{background:var(--primary-color)}@media (width<=1320px){.article-toc-wrapper{display:none!important}}.article-body{font-family:var(--font-serif);color:#4a4f55;text-align:justify;padding:0 100px 80px;font-size:1.12rem;line-height:2.3}.article-body p{text-indent:2.3em;letter-spacing:.03em;margin-bottom:2.2em}.article-body>p:first-of-type{text-indent:0}.article-body>p:first-of-type:first-letter{float:left;color:var(--primary-color);text-shadow:3px 3px #8fb8ed26;margin-bottom:-5px;padding-top:8px;padding-left:2px;padding-right:12px;font-size:3.6rem;font-weight:700;line-height:1}.article-body h2{color:#2c3e50;text-align:center;letter-spacing:.15em;margin:3.5em 0 1.5em;font-size:1.5rem;font-weight:700;position:relative}.article-body>:first-child{margin-top:0!important}.article-body h2:after{content:"✦";color:var(--secondary-color);opacity:.7;margin-top:15px;font-size:.9rem;display:block}.article-body blockquote{border:1px solid #8fb8ed33;border-left:4px solid var(--secondary-color);color:#5d6d7e;background:#fcfdfe;border-radius:4px;margin:3.5em 0;padding:2.5em 3.5em;font-size:1.15rem;font-style:italic;position:relative;box-shadow:0 10px 30px #8fb8ed08}.article-body blockquote:before{content:"“";font-family:var(--font-serif);color:#f7a8b826;font-size:6rem;line-height:1;position:absolute;top:-20px;left:15px}.article-body blockquote p{text-indent:0;margin-bottom:0}@media (width<=768px){.article-container{box-shadow:none;border:none;border-radius:0;margin:0}.article-hero{border-radius:0;height:240px}.article-hero:after{height:75%}.article-header{margin-top:-50px;padding:0 20px 20px}.article-header h1{letter-spacing:.03em;margin-bottom:15px;font-size:1.7rem;line-height:1.4}.article-meta{gap:15px;font-size:.85rem}.article-meta:before,.article-meta:after{width:40px}.article-body{padding:0 25px 40px;font-size:1.05rem;line-height:1.8}.article-body p{text-indent:2em;text-align:justify;margin-bottom:1.2em}.article-body p:first-of-type:first-letter{margin-left:-5px;padding-top:6px;padding-right:8px;font-size:3.6rem}.article-body blockquote{margin:2em 0;padding:1.5em 1.5em 1.5em 2em;font-size:1.05rem}}