*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
     background:#0f1117;color:#e2e8f0;min-height:100vh}
a{color:#10b981;text-decoration:none}
a:hover{text-decoration:underline}
.header{background:linear-gradient(135deg,#1a2332 0%,#0f1117 100%);
        border-bottom:1px solid #2d3748;padding:26px 40px}
.header h1{font-size:22px;font-weight:700;color:#f7fafc;margin-bottom:4px}
.header h1 .brand{color:#10b981}
.header .sub{font-size:13px;color:#718096}
.header .top-badges{margin-top:10px}
.badge{display:inline-block;padding:2px 9px;border-radius:4px;font-size:12px;font-weight:600}
.badge-ai{background:rgba(16,185,129,.15);color:#10b981}
.badge-url{background:#1e2a3a;border:1px solid #2d3748;border-radius:6px;padding:4px 12px;
           font-size:12px;font-family:'Courier New',monospace;color:#10b981;margin-right:6px}
.content{padding:28px 40px;max-width:1280px;margin:0 auto}
.sec-title{font-size:11px;color:#4a5568;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 16px}
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:28px}
.card{background:#1a202c;border:1px solid #2d3748;border-radius:12px;padding:18px 20px;
      position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;
      transition:border-color .15s}
.card:hover{border-color:#10b981;text-decoration:none}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#10b981}
.card .cat{display:inline-block;align-self:flex-start;padding:2px 9px;border-radius:4px;
           font-size:11px;font-weight:600;background:rgba(16,185,129,.15);color:#10b981}
.card h2{font-size:16px;font-weight:600;color:#f7fafc;line-height:1.35}
.card p{font-size:13px;color:#a0aec0;line-height:1.55}
.card .meta{font-size:11px;color:#718096;margin-top:auto}
.article{max-width:820px;margin:0 auto}
.article .cat{display:inline-block;padding:2px 9px;border-radius:4px;font-size:11px;font-weight:600;
              background:rgba(16,185,129,.15);color:#10b981;margin-bottom:14px}
.article h1{font-size:28px;font-weight:700;color:#f7fafc;line-height:1.25;margin-bottom:12px}
.article .meta{font-size:12px;color:#718096;margin-bottom:8px}
.article .ai-note{background:#1e2a3a;border:1px solid #2d3748;border-left:3px solid #10b981;
                  border-radius:8px;padding:10px 14px;font-size:12px;color:#a0aec0;margin:14px 0 24px}
.article .body h2{font-size:20px;font-weight:600;color:#f7fafc;margin:28px 0 12px}
.article .body h3{font-size:16px;font-weight:600;color:#e2e8f0;margin:20px 0 10px}
.article .body p{font-size:15px;line-height:1.75;color:#cbd5e0;margin-bottom:14px}
.article .body ul,.article .body ol{margin:0 0 14px 22px}
.article .body li{font-size:15px;line-height:1.65;color:#cbd5e0;margin-bottom:6px}
.article .body blockquote{border-left:3px solid #10b981;background:#1a2332;
                          padding:10px 16px;margin:0 0 14px;border-radius:0 8px 8px 0}
.article .body blockquote p{color:#a0aec0;font-size:14px;margin:0}
.article .body code{background:#1e2a3a;border-radius:4px;padding:1px 6px;font-size:13px;
                    font-family:'Courier New',monospace;color:#10b981}
.related{margin-top:36px}
.related .feed{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.footer{text-align:center;padding:20px;font-size:11px;color:#4a5568;border-top:1px solid #1e2a3a;margin-top:24px}
.back{display:inline-block;font-size:13px;margin-bottom:18px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start}
.sidebar{position:sticky;top:20px;justify-self:end}
.banner{display:block}
.banner img{display:block;width:100%;max-width:200px;height:auto;border-radius:8px;border:1px solid #2d3748}
.banner-ph{display:flex;align-items:center;justify-content:center;text-align:center;
           width:200px;height:400px;border:1px dashed #10b981;border-radius:8px;
           background:#1a202c;color:#718096;font-size:11px;line-height:1.4;margin-bottom:16px}
.banner-ph b{color:#10b981;font-weight:600}
@media(max-width:640px){.header,.content{padding-left:18px;padding-right:18px}
  .feed{grid-template-columns:1fr}.article h1{font-size:23px}}
@media(max-width:900px){.layout{grid-template-columns:1fr}
  .sidebar{position:static;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .banner-ph{margin-bottom:0}}