*{margin:0;padding:0;box-sizing:border-box}
body{background:#06060c;color:#c8c8d0;font-family:"Segoe UI","Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.7}
.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
a{color:#00d4aa;text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:rgba(6,6,12,.97);backdrop-filter:blur(10px);border-bottom:1px solid #181830;padding:1rem 0;position:sticky;top:0;z-index:100}
.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1em}
.logo{color:#f0f0f0;font-weight:700;font-size:1.15em;text-decoration:none}.logo span{color:#00d4aa}.logo small{font-weight:400;color:#666;font-size:.75em;margin-left:.5em}
.site-nav{display:flex;gap:1em;flex-wrap:wrap}.site-nav a{color:#888;font-size:.9em}.site-nav a:hover{color:#00d4aa}
.page-title{font-size:2em;color:#f0f0f0;margin:2rem 0 .5rem;text-align:center}
.subtitle{text-align:center;color:#666;margin-bottom:2em}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}
.card{background:#0c0c18;border:1px solid #181830;border-radius:10px;padding:1.5rem;transition:.2s}
.card:hover{border-color:rgba(0,212,170,.3);background:#101020}
.card-cat{color:#00d4aa;font-size:.8em;font-weight:600;margin-bottom:.5em;display:inline-block}
.card h2{font-size:1.15em;margin-bottom:.5em;line-height:1.5}.card h2 a{color:#e0e0e0}.card h2 a:hover{color:#00d4aa}
.card-summary{color:#777;font-size:.9em;line-height:1.6;margin-bottom:.8em}
.card-meta{color:#555;font-size:.8em}
.article-full{max-width:800px;margin:2rem auto;padding:2rem 0}
.breadcrumb{color:#555;font-size:.85em;margin-bottom:1.5em}.breadcrumb a{color:#777}
.article-full h1{font-size:2em;color:#f0f0f0;margin-bottom:.5em;line-height:1.4}
.meta{color:#555;font-size:.9em;margin-bottom:2em}
.article-body{line-height:2;font-size:1.02em}
.article-body h3{color:#00d4aa;font-size:1.2em;margin:1.8em 0 .8em;padding-bottom:.3em;border-bottom:1px solid #181830}
.article-body p{margin-bottom:1em;color:#c0c0c8}
.article-body ul,.article-body ol{margin:1em 0 1em 1.5em}
.article-body li{margin-bottom:.5em;color:#b0b0b8}
.article-body strong{color:#e0e0e0}
.article-body table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em}
.article-body th{background:#0c0c18;color:#aaa;padding:.6em;text-align:left;border:1px solid #181830}
.article-body td{padding:.5em;border:1px solid #181830;color:#999}
.cta-box{margin-top:3em;padding:1.5em;background:#0e1a0e;border-left:3px solid #00d4aa;border-radius:0 8px 8px 0;color:#999;line-height:1.8}
.cta-box strong{color:#00d4aa;display:block;margin-bottom:.3em}
.site-footer{text-align:center;padding:2rem;margin-top:3rem;border-top:1px solid #181830;color:#555;font-size:.85em}
.site-footer a{color:#666}
@media(max-width:640px){.card-grid{grid-template-columns:1fr}.site-nav{gap:.6em}.site-nav a{font-size:.8em}}