.art-wrap{width:100%;max-width:800px;margin:0 auto;padding:0 24px 80px}@media (width<=720px){.art-wrap{padding:0 16px 64px}}.art-hero{text-align:center;padding:60px 0 32px}.art-hero h1{letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2}.art-hero .art-meta{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:12px;font-size:.78rem;display:flex}.art-hero .art-meta time{color:var(--text)}.art-hero .art-meta .dot{color:var(--text-muted)}.art-hero .art-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.art-hero .art-tags .tag{font-family:var(--font-mono);color:var(--tag-color);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:99px;padding:4px 14px;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-block}.art-hero .art-tags .tag:hover{filter:brightness(1.15);transform:translateY(-1px)}.art-hero .art-tags .tag:before{content:"";background:var(--tag-color,var(--accent));vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.art-sep{background:var(--line);height:1px;margin:0 0 32px}.art-index{z-index:50;font-family:var(--font-mono);pointer-events:none;flex-direction:column;align-items:flex-end;max-height:60vh;font-size:.72rem;display:flex;position:fixed;top:50%;right:0;overflow-y:auto;transform:translateY(-50%)}.art-index:hover{pointer-events:auto}.art-index__toggle{background:var(--surface);border:1px solid var(--accent-line);color:var(--accent-soft);cursor:pointer;font-family:var(--font-mono);pointer-events:auto;white-space:nowrap;border-right:none;border-radius:99px 0 0 99px;align-items:center;gap:6px;padding:8px 12px 8px 16px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.art-index__toggle:hover{background:var(--surface-2);color:var(--text)}.art-index__toggle .index-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.art-index__toggle .index-arrow{font-size:.6rem;transition:transform .2s;display:inline-block}.art-index:hover .index-arrow{transform:rotate(180deg)}.art-index__list{opacity:0;background:var(--surface);border:1px solid var(--accent-line);pointer-events:auto;border-right:none;border-radius:12px 0 0 12px;width:auto;min-width:140px;max-height:0;margin-top:4px;padding:0 12px;transition:max-height .35s,opacity .3s,padding .3s;overflow:hidden}.art-index:hover .art-index__list{opacity:1;max-height:50vh;padding:10px 12px;overflow-y:auto}.art-index__list a{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:4px 6px;text-decoration:none;transition:color .15s;display:block;overflow:hidden}.art-index__list a:hover,.art-index__list a.active{color:var(--accent-soft);border-left-color:var(--accent)}.art-index__list .h2{padding-left:6px;font-size:.68rem}.art-index__list .h3{padding-left:16px;font-size:.65rem}.art-index__list .h4{padding-left:26px;font-size:.62rem}@media (width<=768px){.art-index{display:none}}.art-body{color:var(--text);padding-bottom:48px;font-size:1.05rem;line-height:1.8}.art-body h2{letter-spacing:-.01em;color:var(--accent-soft);border-bottom:1px solid var(--line);margin:48px 0 16px;padding-bottom:8px;scroll-margin-top:72px;font-size:1.5rem;font-weight:700}.art-body h3{color:var(--text);margin:32px 0 12px;scroll-margin-top:72px;font-size:1.2rem;font-weight:600}.art-body h4{color:var(--text);margin:24px 0 10px;scroll-margin-top:72px;font-size:1.05rem;font-weight:600}.art-body p{margin-bottom:16px}.art-body a{color:var(--accent-soft);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);transition:color .15s}.art-body a:hover{color:var(--accent)}.art-body ul,.art-body ol{margin-bottom:16px;padding-left:24px}.art-body li{margin-bottom:6px}.art-body ul li::marker{color:var(--accent)}.art-body ol li::marker{color:var(--accent-soft);font-weight:600}.art-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);background:#8b5cf60a;border-radius:0 12px 12px 0;margin:24px 0;padding:12px 20px;font-style:italic}.art-body blockquote p:last-child{margin-bottom:0}.art-body code{font-family:var(--font-mono);background:var(--surface-2);color:var(--accent-soft);border-radius:4px;padding:2px 8px;font-size:.85rem}.art-body pre{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:20px;overflow-x:auto}.art-body pre code{color:var(--text);background:0 0;border-radius:0;padding:0;font-size:.82rem}.art-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.92rem}.art-body th,.art-body td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.art-body th{background:var(--surface);color:var(--accent-soft);font-weight:600;font-family:var(--font-mono);font-size:.78rem}.art-body tr:hover{background:#8b5cf608}.art-body hr{border:none;border-top:1px solid var(--line);margin:40px 0}.art-body img{border:1px solid var(--line);border-radius:12px;max-width:100%;margin:24px 0}.art-body .row{gap:24px;margin:24px 0;display:flex}.art-body .col{flex:1;min-width:0}@media (width<=720px){.art-body .row{flex-direction:column;gap:16px}}.art-body .col>*{margin-top:0}.art-body strong{color:var(--text)}.art-body .art-video{margin:32px 0}.art-body .art-video-wrap{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px -16px #0009}.art-body .art-video-wrap iframe{border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.art-body .art-video-watch{font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;font-size:.76rem;text-decoration:none;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.art-body .art-video-watch:hover{border-color:var(--accent-soft);color:var(--accent-soft);background:var(--surface-2)}.art-body .art-bookmark{margin:32px 0}.art-body .art-bookmark-link{border:1px solid var(--line);background:var(--surface);border-radius:12px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.art-body .art-bookmark-link:hover{border-color:var(--accent-soft);box-shadow:0 12px 32px -14px var(--accent);transform:translateY(-2px)}.art-body .art-bookmark-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:18px 20px;display:flex}.art-body .art-bookmark-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.art-body .art-bookmark-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.art-body .art-bookmark-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:.72rem;display:flex}.art-body .art-bookmark-icon{border-radius:4px;flex:none;width:16px;height:16px;margin:0}.art-body .art-bookmark-domain{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.art-body .art-bookmark-thumb{background:var(--surface-2);border-left:1px solid var(--line);flex:0 0 34%;justify-content:center;align-items:center;max-width:250px;min-height:110px;display:flex}.art-body .art-bookmark-thumb img{object-fit:cover;border:none;border-radius:0;width:100%;height:100%;margin:0}@media (width<=600px){.art-body .art-bookmark-thumb{display:none}}.art-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;display:flex}.art-foot a{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text-muted);border-radius:99px;padding:8px 20px;font-size:.78rem;text-decoration:none;transition:all .2s}.art-foot a:hover{color:var(--accent-soft);border-color:var(--accent-line);background:#8b5cf60f;transform:translateY(-1px)}.art-body .tag-color{color:var(--tag-color,var(--accent-soft))}.art-hero{animation:.55s forwards fadeInUp}.art-body{opacity:0;animation:.55s .1s forwards fadeInUp}[data-theme=pcismo] .site-nav a,[data-theme=pcismo] .site-nav .nav-crumb-current,[data-theme=pcismo] .art-hero .art-tags .tag,[data-theme=pcismo] .art-index__toggle,[data-theme=pcismo] .art-index__list,[data-theme=pcismo] .art-foot a,[data-theme=pcismo] .art-body blockquote,[data-theme=pcismo] .art-body pre,[data-theme=pcismo] .art-body code,[data-theme=pcismo] .art-body img,[data-theme=pcismo] .art-body .art-video-wrap,[data-theme=pcismo] .art-body .art-video-watch,[data-theme=pcismo] .art-body .art-bookmark-link,[data-theme=pcismo] .art-body .art-bookmark-thumb{border-radius:0}