:root{--banner-fallback-bg:#1d4e4f;--banner-overlay:rgba(20, 30, 40, 0.55);--banner-ink:#ffffff;--banner-accent:#e7c000;--bg:#ffffff;--bg-soft:#f8f8f8;--ink:#222222;--ink-2:#555555;--ink-3:#888888;--rule:#e5e5e5;--link:#1d4e4f;--font-sans:'Source Sans 3', system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, 'SFMono-Regular', Menlo, monospace;--font-zh:'Noto Sans SC', 'Source Sans 3', sans-serif;--page-max:1080px;--prose-max:720px;--page-pad:32px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}body[lang^=zh]{font-family:var(--font-zh)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.banner{position:relative;background-color:var(--banner-fallback-bg);background-size:cover;background-position:50%;color:var(--banner-ink);padding:80px var(--page-pad)100px;border-bottom:4px solid var(--banner-accent);overflow:hidden}.banner::before{content:'';position:absolute;inset:0;background:var(--banner-overlay);pointer-events:none}.banner-inner{position:relative;z-index:1;max-width:var(--page-max);margin:0 auto}.banner-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:72px;flex-wrap:wrap;gap:16px}.brand{font-size:18px;font-weight:700;color:var(--banner-ink);letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.brand:hover{text-decoration:none;opacity:.9}.banner-nav-right{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.nav-links{display:flex;gap:24px;list-style:none;flex-wrap:wrap}.nav-links a{color:var(--banner-ink);font-size:14px;font-weight:400;opacity:.92;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:opacity .15s;padding-bottom:2px}.nav-links a:hover{opacity:1;text-decoration:none}.nav-links a.active{opacity:1;font-weight:600;border-bottom:2px solid var(--banner-accent)}.lang-toggle{display:flex;gap:6px;font-size:13px;color:var(--banner-ink);opacity:.92;user-select:none;border-left:1px solid rgba(255,255,255,.35);padding-left:24px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lang-toggle a{color:var(--banner-ink);padding:0 3px;opacity:.7}.lang-toggle a:hover{opacity:1;text-decoration:none}.lang-toggle .current{padding:0 3px;font-weight:700}.lang-toggle .sep{opacity:.5;padding:0 2px}.banner-title{font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1.1;letter-spacing:-.01em;max-width:820px;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.4);text-wrap:balance}body[lang^=zh] .banner-title{letter-spacing:0}.banner-subtitle{font-size:20px;font-weight:300;opacity:.95;max-width:700px;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.3)}.container{max-width:var(--page-max);margin:0 auto;padding:56px var(--page-pad)}.prose{max-width:var(--prose-max);font-size:17px;line-height:1.75;color:var(--ink)}.prose>*{max-width:100%}.prose p{margin-bottom:20px;color:var(--ink-2)}.prose p:last-child{margin-bottom:0}.prose h2{font-size:26px;font-weight:600;margin:44px 0 14px;color:var(--ink)}.prose h3{font-size:19px;font-weight:600;margin:28px 0 10px;color:var(--ink)}.prose ul,.prose ol{margin:0 0 20px 24px;color:var(--ink-2)}.prose li{margin-bottom:6px}.prose a{text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:600;color:var(--ink)}.prose em{font-style:italic}.prose hr{border:0;border-top:1px solid var(--rule);margin:40px 0}.prose blockquote{border-left:3px solid var(--link);padding-left:20px;margin:24px 0;color:var(--ink-2);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-soft);padding:2px 6px;border-radius:2px}.prose pre{background:var(--bg-soft);padding:20px;overflow-x:auto;margin:24px 0;font-size:13px;border-radius:2px}.prose pre code{background:0 0;padding:0}.prose figure{margin:28px auto;text-align:center}.prose figure img,.prose figure video{display:block;margin:0 auto;max-width:100%;height:auto;background:var(--bg-soft)}.prose figure.small img,.prose figure.small video{max-width:320px}.prose figure.medium img,.prose figure.medium video{max-width:560px}.prose figure.large img,.prose figure.large video{max-width:100%}.prose figure.wide{max-width:960px;width:min(calc(100vw - 64px),960px);margin-left:calc(50% - min(50vw - 32px,480px))}.prose figure figcaption{margin-top:10px;font-size:13px;color:var(--ink-3);font-style:italic;text-align:center;line-height:1.5;max-width:var(--prose-max);margin-left:auto;margin-right:auto}.prose p>img{display:block;margin:24px auto;max-width:100%}.prose .video{margin:28px auto;max-width:720px;background:#000}.prose .video video{width:100%;display:block;aspect-ratio:16/9}.prose .gallery{margin:28px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.prose .gallery img{aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--bg-soft);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.card{background:var(--bg);border:1px solid var(--rule);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s;color:inherit;text-decoration:none}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,8%);text-decoration:none}.card-thumb{aspect-ratio:16/10;background:#222;position:relative;background-size:cover;background-position:50%}.card-thumb::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:38px;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:.9}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.card-meta{font-size:12px;color:var(--ink-3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em}.card-title{font-size:20px;font-weight:600;line-height:1.25;color:var(--ink);margin-bottom:8px}.card-desc{font-size:14px;color:var(--ink-2);line-height:1.5;margin-bottom:12px;flex:1}.card-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;background:var(--bg-soft);color:var(--ink-2);padding:3px 8px;border:1px solid var(--rule)}.meta-table{display:grid;grid-template-columns:140px 1fr;gap:10px 24px;padding:20px;background:var(--bg-soft);border-left:3px solid var(--link);margin:24px 0 28px;font-size:14px;max-width:var(--prose-max)}.meta-table dt{color:var(--ink-3);font-weight:500}.meta-table dd{color:var(--ink)}footer.site-footer{padding:32px var(--page-pad);background:var(--bg-soft);font-size:13px;color:var(--ink-3);border-top:1px solid var(--rule);margin-top:40px}.footer-inner{max-width:var(--page-max);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-inner a{color:var(--ink-2)}@media(max-width:800px){:root{--page-pad:20px}.banner{padding:40px var(--page-pad)60px}.banner-nav{flex-direction:column;align-items:flex-start;margin-bottom:48px}.banner-nav-right{width:100%;justify-content:space-between}.nav-links{gap:14px;font-size:13px}.banner-title{font-size:clamp(26px,7vw,36px)}.banner-subtitle{font-size:17px}.container{padding:36px var(--page-pad)}.meta-table{grid-template-columns:1fr;gap:4px;padding:16px}.meta-table dt{margin-top:8px}.prose figure.wide{width:100%;margin-left:0;max-width:100%}}