.progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#065a6e,#0e7490,#52a872);width:0%;z-index:200}.post-header{max-width:720px;margin:0 auto;padding:140px 24px 0;text-align:center}.post-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}.post-header h1{font-size:clamp(32px,4.5vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--text-primary);margin-bottom:20px}.post-lede{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:560px;margin:0 auto 28px}.post-meta{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:36px;font-size:14px;color:var(--text-subtle)}.post-meta__photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-meta__info{display:flex;flex-direction:column;text-align:left}.post-meta__name{font-weight:600;color:var(--text-primary);font-size:14px;line-height:1.3}.post-meta__role{font-size:13px;color:var(--text-subtle)}.post-meta__dot{color:var(--border)}.post-meta time{font-size:14px}.post-cover{max-width:720px;margin:0 auto 40px;padding:0 24px}.post-cover__img{width:100%;border-radius:12px;display:block;aspect-ratio:16 / 9;object-fit:cover}.post-cover__fallback{width:100%;aspect-ratio:16 / 9;border-radius:12px}.post-layout{max-width:720px;margin:0 auto;padding:0 24px;position:relative}.post-toc{display:none}@media(min-width:1200px){.post-toc{display:block;position:absolute;top:0;left:calc(100% + 48px);width:220px;height:100%}.post-toc__inner{position:sticky;top:120px;max-height:calc(100vh - 160px);overflow-y:auto}}.post-toc h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);margin-bottom:14px}.post-toc ul{list-style:none;padding:0;margin:0}.post-toc__item{margin-bottom:4px}.post-toc__item--3{padding-left:14px}.post-toc a{display:block;font-size:13px;line-height:1.5;color:var(--text-muted);text-decoration:none;padding:4px 0 4px 12px;border-left:2px solid var(--border);transition:color .15s ease,border-color .15s ease}.post-toc a:hover{color:var(--accent)}.post-toc a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600}.related{background:var(--bg);border-top:1px solid var(--border);padding:64px 24px 96px}.related__inner{max-width:1120px;margin:0 auto}.related__title{font-size:26px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:32px}.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related__card{display:block;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.related__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.related__thumb{aspect-ratio:16 / 9;background-color:var(--bg)}.related__body{padding:20px}.related__tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:10px}.related__name{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:8px}.related__excerpt{font-size:13px;line-height:1.55;color:var(--text-muted);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related__date{font-size:12px;color:var(--text-subtle)}@media(max-width:900px){.related__grid{grid-template-columns:1fr}}.post-body{font-size:17px;line-height:1.85;color:var(--text-secondary);padding-bottom:48px}.post-body>p:first-child{font-size:19px;color:var(--text-primary);line-height:1.7}.post-body h2{font-size:26px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin-top:56px;margin-bottom:16px;scroll-margin-top:100px}.post-body h3{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-top:40px;margin-bottom:12px;scroll-margin-top:100px}.post-body p{margin-bottom:24px}.post-body ul,.post-body ol{margin-bottom:24px;padding-left:0;list-style:none}.post-body li{position:relative;padding-left:24px;margin-bottom:10px;line-height:1.75}.post-body ul li:before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.post-body ol{counter-reset:ol-counter}.post-body ol li{counter-increment:ol-counter}.post-body ol li:before{content:counter(ol-counter);position:absolute;left:0;top:0;font-size:13px;font-weight:800;color:var(--accent)}.post-body a{color:var(--accent);text-decoration:underline;text-decoration-color:#0e74904d;text-underline-offset:3px;transition:text-decoration-color .15s ease}.post-body a:hover{text-decoration-color:var(--accent)}.post-body strong{color:var(--text-primary);font-weight:700}.post-body blockquote{margin:32px 0;padding:24px 28px;border-left:3px solid var(--accent);background:var(--accent-light);border-radius:0 12px 12px 0;font-size:18px;font-style:italic;color:var(--text-primary);line-height:1.7}.post-body blockquote p{margin-bottom:0}.post-body code{font-size:.88em;background:#0e74900f;color:var(--accent);padding:2px 7px;border-radius:5px;font-weight:500}.post-body pre{background:var(--dark-bg);color:#e5e9f0;padding:24px 28px;border-radius:14px;overflow-x:auto;margin:32px 0}.post-body pre code{background:none;color:inherit;padding:0;font-size:14px;font-weight:400}.post-body hr{border:none;height:1px;background:var(--border);margin:48px 0}.post-body table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.post-body thead{background:var(--bg)}.post-body th{text-align:left;padding:14px 18px;font-weight:700;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}.post-body td{padding:14px 18px;color:var(--text-secondary);border-bottom:1px solid var(--border);font-size:15px;line-height:1.6;vertical-align:top}.post-body tbody tr:last-child td{border-bottom:none}.post-body tbody tr:hover{background:var(--bg)}@media(max-width:640px){.post-body table{font-size:13px}.post-body th,.post-body td{padding:12px 14px}}.post-footer{max-width:720px;margin:0 auto;padding:32px 24px 96px;border-top:1px solid var(--border)}.post-footer__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s ease,gap .2s ease}.post-footer__link:hover{color:var(--accent);gap:10px}@media(max-width:640px){.post-header{padding:110px 20px 0}.post-cover,.post-layout{padding:0 20px}.post-footer{padding:24px 20px 64px}}