:root{
  --bl-primary:#0ea5e9;--bl-primary-d:#0369a1;--bl-bg:#f0fafb;--bl-bg2:#e0f5f9;
  --bl-text:#0f172a;--bl-muted:#64748b;--bl-card:#ffffff;--bl-border:#e2e8f0;
  --bl-radius:18px;--bl-shadow:0 8px 30px rgba(14,165,233,.08);
}
* { box-sizing: border-box; }
html,body{margin:0;padding:0;}
body.bl-body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei',sans-serif;background:linear-gradient(180deg,var(--bl-bg) 0%,#ffffff 60%);color:var(--bl-text);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:inherit;text-decoration:none;}
.bl-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--bl-border);}
.bl-header-inner{max-width:920px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;}
.bl-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--bl-primary-d);}
.bl-brand-logo{font-size:20px;}
.bl-lang{display:flex;gap:4px;}
.bl-lang-btn{font-size:12px;font-weight:600;padding:5px 10px;border-radius:9px;border:1px solid var(--bl-border);background:#fff;color:var(--bl-muted);cursor:pointer;transition:all .15s;}
.bl-lang-btn.active{background:var(--bl-primary);color:#fff;border-color:var(--bl-primary);}
.bl-lang-btn:hover{color:var(--bl-primary);}
.bl-lang-btn.active:hover{color:#fff;}
.bl-main{max-width:920px;margin:0 auto;padding:24px 20px 48px;flex:1;width:100%;}
.bl-hero{text-align:center;padding:32px 0 12px;}
.bl-h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;}
.bl-intro{max-width:620px;margin:0 auto;color:var(--bl-muted);font-size:15px;}
.bl-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.bl-card{display:flex;flex-direction:column;background:var(--bl-card);border:1px solid var(--bl-border);border-radius:var(--bl-radius);padding:22px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s, border-color .2s;}
.bl-card:hover{transform:translateY(-4px);box-shadow:var(--bl-shadow);border-color:var(--bl-primary);}
.bl-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.bl-card-cat{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--bl-primary-d);background:var(--bl-bg2);padding:3px 10px;border-radius:999px;}
.bl-card-date{font-size:12px;color:var(--bl-muted);}
.bl-card-title{font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.4;}
.bl-card-excerpt{font-size:13.5px;color:var(--bl-muted);margin:0 0 14px;flex:1;}
.bl-card-more{font-size:13px;font-weight:700;color:var(--bl-primary-d);display:inline-flex;gap:4px;transition:gap .2s;}
.bl-card:hover .bl-card-more{gap:9px;}
/* article */
.bl-article-wrap{max-width:760px;}
.bl-breadcrumb{font-size:13px;color:var(--bl-muted);padding:8px 0 4px;}
.bl-breadcrumb a:hover{color:var(--bl-primary);}
.bl-sep{margin:0 8px;opacity:.5;}
.bl-article{margin-top:8px;}
.bl-article-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bl-muted);margin-bottom:10px;}
.bl-dot{opacity:.5;}
.bl-article-title{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px;line-height:1.3;}
.bl-article-body{font-size:16px;color:#1e293b;}
.bl-article-body p{margin:0 0 18px;}
.bl-article-body h2{font-size:21px;font-weight:700;margin:30px 0 12px;}
.bl-article-body code{background:var(--bl-bg2);color:var(--bl-primary-d);padding:2px 7px;border-radius:6px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.bl-article-body strong{color:var(--bl-primary-d);}
.bl-article-byline{margin-top:28px;padding-top:18px;border-top:1px solid var(--bl-border);font-size:13px;color:var(--bl-muted);}
.bl-related{margin-top:40px;}
.bl-section-title{font-size:19px;font-weight:700;margin:0 0 16px;}
.bl-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
.bl-rel-card{display:flex;flex-direction:column;gap:6px;background:var(--bl-card);border:1px solid var(--bl-border);border-radius:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;}
.bl-rel-card:hover{transform:translateY(-3px);box-shadow:var(--bl-shadow);border-color:var(--bl-primary);}
.bl-rel-cat{font-size:11px;font-weight:700;color:var(--bl-primary-d);}
.bl-rel-title{font-size:14px;font-weight:600;line-height:1.4;}
.bl-rel-date{font-size:12px;color:var(--bl-muted);}
.bl-back{margin-top:36px;}
.bl-back-link{font-size:14px;font-weight:600;color:var(--bl-primary-d);}
.bl-back-link:hover{text-decoration:underline;}
.bl-footer{max-width:920px;margin:40px auto 0;padding:32px 20px;border-top:1px solid var(--bl-border);width:100%;}
.bl-footer-legal{text-align:center;font-size:13px;color:var(--bl-muted);margin-bottom:10px;}
.bl-footer-legal a:hover{color:var(--bl-primary);}
.bl-copy{text-align:center;font-size:12px;color:#94a3b8;}
@media (max-width:640px){.bl-h1{font-size:27px;}.bl-article-title{font-size:25px;}.bl-main{padding:16px 14px 40px;}.bl-grid{grid-template-columns:1fr;}}
/* dark mode */
@media (prefers-color-scheme: dark){
  :root{--bl-bg:#0b1120;--bl-bg2:#142033;--bl-text:#e2e8f0;--bl-muted:#94a3b8;--bl-card:#0f172a;--bl-border:#1e293b;--bl-shadow:0 8px 30px rgba(0,0,0,.35);}
  body.bl-body{background:linear-gradient(180deg,#0b1120 0%,#0f172a 60%);}
  .bl-header{background:rgba(15,23,42,.85);}
  .bl-lang-btn{background:#0f172a;color:var(--bl-muted);}
  .bl-article-body{color:#cbd5e1;}
  .bl-footer-legal a:hover,.bl-breadcrumb a:hover,.bl-back-link:hover{color:var(--bl-primary);}
}