:root{--bg: #0a0a0a;--bg-card: #111214;--bg-hover: #1a1b1e;--border: #232528;--border-hover: #3a3d42;--text: #c8ccd0;--text-strong: #f0f2f4;--text-muted: #8a9099;--text-faint: #5c626a;--accent: #e8784f;--accent-soft: rgba(232, 120, 79, .14);--accent-strong: #f28a63;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--bg)}a{color:inherit}::selection{background:#e8784f59}.container,.page-main{width:min(1120px,calc(100% - 40px));margin:0 auto}.page-main{min-height:calc(100vh - 152px);padding:48px 0 72px}.navbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:#0a0a0ae6;backdrop-filter:blur(12px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.navbar-brand{color:var(--text-strong);font-size:1.12rem;font-weight:800;letter-spacing:-.03em;text-decoration:none}.navbar-links,.footer-links{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style:none}.navbar-links a,.footer-links a{color:var(--text-muted);font-size:.94rem;font-weight:600;text-decoration:none}.navbar-links a:hover,.footer-links a:hover{color:var(--accent-strong)}.footer{border-top:1px solid var(--border);color:var(--text-faint);font-size:.9rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}.footer p{margin:0}.site-banner{display:block}.site-banner img{display:block;width:100%;max-height:300px;object-fit:cover}@media (max-width: 620px){.site-banner img{max-height:160px}}.article-container,.blog-page{width:min(780px,100%);margin:0 auto}.article-header{margin-bottom:36px}.article-header h1,.page-intro h1{max-width:900px;margin:10px 0 14px;color:var(--text-strong);font-size:clamp(2rem,5vw,3.45rem);line-height:1.08;letter-spacing:-.045em}.article-meta time,.post-card-meta time{color:var(--text-muted);font-size:.9rem}.rubric-badge,.eyebrow{display:inline-block;color:var(--accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rubric-badge{padding:5px 9px;border-radius:99px;background:var(--accent-soft)}.article-body{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.15rem;line-height:1.78}.article-body>:first-child{margin-top:0}.article-body h2,.article-body h3{margin:2em 0 .65em;color:var(--text-strong);font-family:inherit;line-height:1.2}.article-body h2{font-size:1.55em}.article-body h3{font-size:1.22em}.article-body p,.article-body ul,.article-body ol{margin:0 0 1.25em}.article-body li+li{margin-top:.45em}.article-body a{color:var(--accent-strong);text-decoration-thickness:1px;text-underline-offset:3px}.article-body img{display:block;max-width:100%;height:auto;margin:1.8em auto;border-radius:12px}.article-body blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--accent);color:var(--text-muted)}.article-body code{padding:.15em .35em;border-radius:4px;background:#1e2023;font-size:.86em}.article-body pre{overflow-x:auto;padding:18px;border-radius:10px;background:#141517;color:#e8eaec;border:1px solid var(--border)}.article-body pre code{padding:0;background:transparent}.page-intro{margin-bottom:30px}.page-intro p:last-child{max-width:620px;margin:0;color:var(--text-muted);font-size:1.08rem;line-height:1.6}.rubric-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.rubric-nav a,.rubric-filter{padding:8px 12px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.88rem;text-decoration:none}.rubric-nav a:hover{border-color:var(--accent);color:var(--accent-strong)}.rubric-nav span{color:var(--text-faint)}.post-list{display:grid;gap:14px}.post-card{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);transition:border-color .2s,box-shadow .2s,transform .2s}.post-card:hover{border-color:var(--border-hover);box-shadow:0 12px 28px #00000080;transform:translateY(-2px)}.post-card-link{display:block;padding:25px 27px;text-decoration:none}.post-card-link.has-thumb{display:flex;gap:20px;align-items:flex-start}.post-card-thumb{flex-shrink:0;width:160px}.post-card-thumb img{display:block;width:160px;height:120px;object-fit:cover;border-radius:10px}.post-card-content{flex:1;min-width:0}@media (max-width: 620px){.post-card-link.has-thumb{flex-direction:column}.post-card-thumb,.post-card-thumb img{width:100%;height:auto;aspect-ratio:4 / 3}}.post-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.post-card h2{margin:0 0 8px;color:var(--text-strong);font-size:clamp(1.2rem,2.5vw,1.45rem);line-height:1.25;letter-spacing:-.02em}.post-card p{margin:0;color:var(--text-muted);line-height:1.55}.read-more{display:inline-block;margin-top:17px;color:var(--accent-strong);font-size:.92rem;font-weight:750}.adaptive-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-block;padding:10px 14px;border:1px solid var(--border-hover);border-radius:8px;color:var(--text);font:inherit;font-size:.92rem;text-decoration:none}.btn:hover{border-color:var(--accent);color:var(--accent-strong)}@media (max-width: 620px){.container,.page-main{width:min(100% - 28px,1120px)}.page-main{padding:32px 0 48px}.navbar-inner{min-height:62px}.navbar-links{gap:12px}.navbar-links a{font-size:.86rem}.footer-inner,.post-card-meta{align-items:flex-start;flex-direction:column}.article-body{font-size:1.06rem}.post-card-link{padding:21px}}
