.article-container{max-width:720px;width:100%;margin:0 auto;padding:0 24px;background:var(--article-bg);transition:background-color .3s;min-height:50vh}.article-header{padding-top:120px;padding-bottom:48px}.article-title{font-size:clamp(28px,5vw,38px);font-weight:700;line-height:1.4;letter-spacing:-.02em;margin-bottom:20px;color:var(--article-text);font-family:"Noto Serif SC","Source Han Serif SC",serif}.article-meta{display:flex;align-items:center;gap:16px;color:var(--article-muted);font-size:14px}.meta-item{display:flex;align-items:center;gap:6px}.tag{display:inline-block;padding:4px 12px;background:var(--article-border);border-radius:20px;font-size:13px;color:var(--article-muted)}.article-content{padding-bottom:80px;font-size:17px;line-height:1.7;color:var(--article-text);font-family:Crimson Text,Georgia,"Noto Serif SC","Source Han Serif SC",Songti SC,serif;text-align:justify;text-justify:inter-ideograph;hyphens:auto;word-wrap:break-word;letter-spacing:.03em}.article-content p{margin:0;text-indent:2em}.article-content p:has(img),.article-content p:has(code),.article-content p:has(video){text-indent:0}.article-content a{color:var(--article-text);text-decoration:none;position:relative;font-weight:500;padding:0 2px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 -2px color-mix(in srgb,var(--accent-color) 40%,transparent)}.article-content a:hover{color:var(--accent-color);box-shadow:inset 0 -1.5em color-mix(in srgb,var(--accent-color) 15%,transparent);border-radius:2px}.article-content h2,.article-content h3,.article-content h4{font-family:"Noto Serif SC",serif;color:var(--article-text);text-indent:0;scroll-margin-top:100px}.article-content h2{font-size:26px;font-weight:700;margin:1.5em 0 1.2em;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--article-border) 60%,transparent);position:relative;letter-spacing:.05em}.article-content h2:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:var(--accent-color);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.article-content h2:hover:after{width:130px}.article-content h3{font-size:20px;font-weight:700;margin:1.2em 0 1em;padding-left:16px;position:relative}.article-content h3:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--accent-color);border-radius:2px;opacity:.8}.article-content blockquote{margin:3em 0;padding:1.8em 2em 1.8em 3em;background:color-mix(in srgb,var(--article-border) 15%,transparent);border-left:4px solid var(--accent-color);border-radius:0 12px 12px 0;font-family:Georgia,serif;font-size:1.05em;color:color-mix(in srgb,var(--article-text) 80%,transparent);position:relative}.article-content blockquote:before{content:"“";position:absolute;top:-10px;left:15px;font-size:4em;font-family:Georgia,serif;color:color-mix(in srgb,var(--accent-color) 20%,transparent);line-height:1;z-index:0}.article-content blockquote p{text-indent:0;margin-bottom:.8em;position:relative;z-index:1}.article-content blockquote p:last-child{margin-bottom:0}.article-content ul,.article-content ol{margin:1.5em 0 2.5em;padding-left:2.5em;text-indent:0}.article-content li{margin-bottom:.8em;line-height:1.8}.article-content ul{list-style:none}.article-content ul li{position:relative}.article-content ul li:before{content:"✦";position:absolute;left:-1.8em;color:var(--accent-color);font-size:.8em;top:.2em;opacity:.7}.article-content ol{list-style:none;counter-reset:custom-counter}.article-content ol li{position:relative;counter-increment:custom-counter}.article-content ol li:before{content:counter(custom-counter) ".";position:absolute;left:-2.2em;color:var(--accent-color);font-weight:700;font-family:Georgia,serif;font-style:italic}.article-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--article-text) 20%,transparent),transparent);margin:4em auto;position:relative;width:70%;overflow:visible}.article-content hr:after{content:"§";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--article-bg);padding:0 1em;color:color-mix(in srgb,var(--article-text) 40%,transparent);font-family:Georgia,serif;font-size:1.2em;font-style:italic}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:3em 0;font-size:.95em;text-indent:0;border:1px solid color-mix(in srgb,var(--article-border) 80%,transparent);border-radius:12px;overflow:hidden}.article-content th,.article-content td{padding:14px 20px;border-bottom:1px solid color-mix(in srgb,var(--article-border) 60%,transparent);border-right:1px solid color-mix(in srgb,var(--article-border) 60%,transparent);text-align:left}.article-content th:last-child,.article-content td:last-child{border-right:none}.article-content tr:last-child td{border-bottom:none}.article-content th{background:color-mix(in srgb,var(--article-border) 30%,transparent);font-weight:600}.article-content tbody tr:nth-child(2n){background:color-mix(in srgb,var(--article-border) 10%,transparent)}.article-content tbody tr:hover{background:color-mix(in srgb,var(--accent-color) 5%,transparent)}.article-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px #00000014;display:block;margin:3em auto 1.5em;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.article-content img:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.article-content figcaption,.article-content img+em{display:block;text-align:center;color:color-mix(in srgb,var(--article-text) 60%,transparent);font-size:.9em;margin-bottom:3em;font-style:italic}.article-content p code,.article-content li code,.article-content table code{background:color-mix(in srgb,var(--article-border) 40%,transparent);color:var(--accent-color);padding:.2em .5em;border-radius:6px;font-size:.85em;font-family:Fira Code,JetBrains Mono,Consolas,monospace;word-break:break-word;box-decoration-break:clone;-webkit-box-decoration-break:clone}.article-content strong{font-weight:700;color:var(--article-text);position:relative}.article-content em{font-family:KaiTi,STKaiti,Georgia,serif;font-style:italic}.article-content :global(.expressive-code){margin:3em 0;box-shadow:0 8px 24px #0000000f;border-radius:8px;text-indent:0}.toc-sidebar{position:fixed;left:calc(50% + 400px);top:150px;width:240px;height:auto;max-height:70vh;overflow-y:auto;display:none;z-index:90}.toc-sidebar::-webkit-scrollbar{width:0;background:transparent}@media(min-width:1200px){.toc-sidebar{display:block}}.toc-container{padding:10px 0;background:transparent}.toc-title{font-size:16px;font-weight:700;color:var(--article-text);margin-bottom:20px;padding-left:15px}.toc-list{list-style:none;padding:0;margin:0;position:relative}.toc-list:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--article-border);border-radius:1px}.toc-item{margin:8px 0;font-size:14px;line-height:1.6;padding-left:20px;position:relative}.toc-item.depth-3{padding-left:36px}.toc-item a{color:var(--article-muted);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item.active a{color:var(--accent-color);font-weight:600;transform:translate(4px)}.toc-item.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--accent-color);border-radius:2px;z-index:1}.toc-item a:hover{color:var(--accent-color)}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:var(--article-text);color:var(--article-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;border:none;transition:all .3s;box-shadow:0 4px 16px #0000001a;z-index:100}.back-to-top.visible{opacity:1;visibility:visible}