:root{color-scheme:light;--bg: #f5f7fa;--paper: #ffffff;--surface: #ffffff;--surface-soft: #f8fafc;--text: #151a20;--muted: #687385;--line: #e2e8f0;--accent: #0f8a7b;--accent-strong: #0f5f56;--accent-blue: #2563eb;--soft: #eaf7f5;--shadow: 0 18px 50px rgba(15, 23, 42, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #0f1318;--paper: #121820;--surface: #171f28;--surface-soft: #111820;--text: #eef4f8;--muted: #99a7b7;--line: #263241;--accent: #80cfc1;--accent-strong: #a4ded4;--accent-blue: #8bb7ff;--soft: #162c2b;--shadow: 0 18px 48px rgba(0, 0, 0, .24)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1318;--paper: #121820;--surface: #171f28;--surface-soft: #111820;--text: #eef4f8;--muted: #99a7b7;--line: #263241;--accent: #80cfc1;--accent-strong: #a4ded4;--accent-blue: #8bb7ff;--soft: #162c2b;--shadow: 0 18px 48px rgba(0, 0, 0, .24)}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fa;--paper: #ffffff;--surface: #ffffff;--surface-soft: #f8fafc;--text: #151a20;--muted: #687385;--line: #e2e8f0;--accent: #0f8a7b;--accent-strong: #0f5f56;--accent-blue: #2563eb;--soft: #eaf7f5;--shadow: 0 18px 50px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 78%,transparent),transparent 390px),linear-gradient(90deg,color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px),var(--bg);background-size:auto,52px 52px,auto;color:var(--text);font-size:15px;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:3px}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px clamp(16px,4vw,56px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:750}.brand:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-blue));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.site-nav{display:flex;gap:4px}.header-actions{display:flex;align-items:center;gap:8px}.site-nav a{min-height:30px;padding:5px 10px;border-radius:999px;color:var(--muted);font-size:13px}.site-nav a.active,.site-nav a:hover{color:var(--accent-strong);background:var(--soft)}.theme-toggle{min-height:30px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);cursor:pointer;font-size:12px;font-weight:720}.theme-toggle:hover{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));box-shadow:0 10px 24px #0f172a0f}main{width:min(1080px,calc(100% - 40px));margin:0 auto;flex:1;padding:22px 0 46px}.hero-section{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(22px,4vw,48px);align-items:end;padding:clamp(28px,6vw,58px) 0 20px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.hero-content{max-width:690px}.hero-section h1,.page-title h1,.article-head h1,.not-found h1{margin:0;color:var(--text);font-size:clamp(34px,4.4vw,48px);font-weight:760;line-height:1.12}.hero-copy,.page-title p,.article-head p,.not-found p{max-width:650px;margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.72}.eyebrow{margin:0 0 10px;display:inline-flex;align-items:center;gap:8px;color:var(--accent-strong);font-size:13px;font-weight:760}.eyebrow:before{content:"";width:18px;height:1px;background:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.primary-link,.secondary-link,.search-form button,.filter-group button,.pagination button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--surface);color:var(--text);cursor:pointer;font-size:14px}.primary-link,.search-form button{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff;font-weight:700}.secondary-link{color:var(--accent-strong);background:color-mix(in srgb,var(--surface) 80%,transparent)}.primary-link:hover,.secondary-link:hover,.search-form button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f5f5624}.hero-note{border:1px solid var(--line);border-radius:8px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-soft) 88%,transparent)),var(--surface);box-shadow:var(--shadow)}.hero-note span{display:block;color:var(--accent-strong);font-size:12px;font-weight:760;text-transform:uppercase}.hero-note strong{display:block;margin-top:8px;font-size:18px}.hero-note p{margin:8px 0 0;color:var(--muted)}.hero-note-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.hero-note-list span{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);font-size:13px;font-weight:650;text-transform:none}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:28px 0 12px}.daily-pick{display:grid;grid-template-columns:148px minmax(0,1fr);gap:20px;align-items:stretch;margin:22px 0 4px;border:1px solid var(--line);border-radius:8px;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--soft) 42%,transparent)),var(--surface);box-shadow:0 18px 48px #0f172a0f}.daily-pick-label{display:grid;place-items:center;border-right:1px solid var(--line);padding-right:18px;color:var(--accent-strong);font-size:14px;font-weight:780}.daily-pick h2{max-width:760px;margin:0;font-size:clamp(22px,3.2vw,30px);line-height:1.25}.daily-pick h2 a:hover{color:var(--accent-strong)}.daily-pick p:not(.eyebrow){max-width:680px;margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.68}.daily-pick-footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;color:var(--muted);font-size:14px}.daily-pick-footer a{color:var(--accent-strong);font-weight:760}.section-heading h2{margin:0;font-size:22px;font-weight:740}.section-heading a{color:var(--accent-strong);font-size:14px;font-weight:700}.article-grid,.category-grid,.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-list{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--surface) 96%,transparent)}.latest-list .article-card{min-height:auto;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.latest-list .article-card:last-child{border-bottom:0}.latest-list .article-card:hover{transform:none;background:color-mix(in srgb,var(--soft) 36%,transparent);box-shadow:none}.latest-list .article-card:before{width:2px}.article-grid:not(.compact) .article-card:first-child{grid-column:span 2}.article-card,.category-tile,.filter-panel,.writing-index,.state-block,.about-grid div{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent)}.writing-index{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:center;margin-top:22px;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--soft) 55%,transparent)),var(--surface);box-shadow:0 14px 42px #0f172a0d}.writing-index h2{margin:0;font-size:22px}.writing-index p:not(.eyebrow){max-width:420px;margin:8px 0 0;color:var(--muted);line-height:1.62}.index-list{display:grid;gap:8px}.index-list a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;min-height:48px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:8px;padding:8px 10px;background:color-mix(in srgb,var(--surface) 86%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.index-list a:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 10px 28px #0f172a0f}.index-list span{color:var(--accent-strong);font-size:13px;font-weight:780}.index-list strong{font-size:15px}.article-card{display:flex;flex-direction:column;gap:10px;position:relative;min-height:188px;padding:18px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.article-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-blue));opacity:0;transition:opacity .16s ease}.article-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow)}.article-card:hover:before{opacity:1}.article-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.article-category{color:var(--accent-strong);font-weight:700}.article-card h3{margin:0;font-size:18px;font-weight:720;line-height:1.45}.article-grid:not(.compact) .article-card:first-child h3{max-width:680px;font-size:22px;line-height:1.35}.article-card h3 a:hover{color:var(--accent-strong)}.article-card p{margin:0;color:var(--muted);line-height:1.62}.read-more{width:fit-content;margin-top:auto;color:var(--accent-strong);font-size:14px;font-weight:700}.read-more:after{content:" ->"}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{border-radius:999px;padding:4px 9px;background:var(--soft);color:var(--accent-strong);font-size:12px}.category-tile,.about-grid div,.state-block,.not-found{padding:16px}.category-tile{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface),var(--surface-soft));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.category-tile:after{content:"";position:absolute;right:18px;top:18px;width:26px;height:26px;border-top:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 44%,transparent)}.category-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow)}.category-tile strong,.category-tile span{display:block}.category-tile strong{font-size:16px}.category-tile span{margin-top:6px;color:var(--muted);font-size:14px}.page-title{margin-bottom:18px}.filter-panel{display:grid;gap:12px;margin-bottom:20px;padding:14px;box-shadow:0 10px 35px #0f172a0a}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-form input{min-height:38px;width:100%;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface-soft);color:var(--text)}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-group button.active{border-color:var(--accent);color:var(--accent-strong);background:var(--soft)}.filter-group button:hover,.pagination button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent-strong)}.voice-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.voice-panel{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:16px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 12px 36px #0f172a0d}.voice-panel label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.voice-panel input,.voice-panel textarea{min-height:38px;width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface-soft);color:var(--text);resize:vertical}.voice-panel input:focus,.voice-panel textarea:focus{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));outline:none}.voice-console{gap:14px}.voice-console p{margin:8px 0 0;color:var(--muted)}.voice-status{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 9px;background:var(--soft);color:var(--accent-strong);font-size:12px;font-weight:760;text-transform:uppercase}.voice-status-error{background:#fee2e2;color:#b91c1c}.ticket-box{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-soft)}.ticket-box span{color:var(--muted);font-size:12px;font-weight:760}.ticket-box code,.voice-log p{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.voice-actions{display:flex;flex-wrap:wrap;gap:10px}.voice-actions button:disabled{cursor:not-allowed;opacity:.5}.tts-box{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--soft) 36%,transparent)}.tts-answer{min-height:54px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface);color:var(--muted);line-height:1.62}.voice-log{display:grid;gap:8px;min-height:132px;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:12px;background:#0f172a;color:#dbeafe}.voice-log p{margin:0;color:inherit}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.detail-layout{display:grid;grid-template-columns:minmax(0,720px) 210px;gap:34px;justify-content:center}.article-head,.markdown-body,.article-neighbor{grid-column:1}.article-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.back-link{display:inline-flex;width:fit-content;margin-bottom:12px;color:var(--accent-strong);font-size:14px;font-weight:700}.back-link:before{content:"<-";margin-right:8px}.toc{position:sticky;top:84px;grid-column:2;grid-row:1 / span 3;align-self:start;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line);padding-left:16px}.toc strong{font-size:14px}.toc a{color:var(--muted);font-size:13px}.markdown-body{color:color-mix(in srgb,var(--text) 92%,var(--muted));font-size:16px;line-height:1.78}.markdown-body p{margin:14px 0}.markdown-body a{color:var(--accent-strong);border-bottom:1px solid color-mix(in srgb,var(--accent) 36%,transparent)}.markdown-body h2{margin-top:26px;font-size:22px}.markdown-body h3{margin-top:22px;font-size:19px}.markdown-body h2,.markdown-body h3{scroll-margin-top:92px}.markdown-body pre{overflow:auto;border-radius:8px;padding:16px;background:#111827;font-size:14px;box-shadow:0 14px 34px #0f172a29}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.article-neighbor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.article-neighbor a{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface);color:var(--accent-strong);font-size:14px;transition:transform .16s ease,box-shadow .16s ease}.article-neighbor a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.about-grid h2{margin-top:0;font-size:18px}.about-grid p{color:var(--muted);line-height:1.75}.not-found{display:grid;justify-items:start;gap:12px}.site-footer{padding:18px;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:13px}@media (max-width: 860px){.site-header{align-items:center;flex-direction:row;flex-wrap:wrap}.header-actions{width:auto;justify-content:space-between;margin-left:auto}main{width:min(100% - 32px,1040px);padding-top:18px}.hero-section{grid-template-columns:1fr;padding-top:22px}.hero-section h1,.page-title h1,.article-head h1,.not-found h1{font-size:clamp(32px,11vw,42px)}.article-grid,.article-grid.compact,.category-grid,.about-grid,.writing-index,.daily-pick,.voice-layout{grid-template-columns:1fr}.daily-pick-label{place-items:start;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.article-grid:not(.compact) .article-card:first-child{grid-column:auto}.detail-layout{display:block}.toc{position:static;margin:16px 0;border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.article-neighbor,.search-form{grid-template-columns:1fr}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}