:root {
  --c-primary:#10b981; --c-accent:#f59e0b; --c-bg:#0a1410;
  --c-fg:#ecfdf5; --c-muted:#6ee7b7;
  --c-card: color-mix(in oklab, #0a1410 78%, #fff 6%);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--c-bg);color:var(--c-fg);font-family:"PingFang SC","Microsoft YaHei",-apple-system,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--c-accent);text-decoration:none;transition:.2s}
a:hover{color:var(--c-primary)}
img{max-width:100%;display:block}
.x1e581a-wrap{max-width:1240px;margin:0 auto;padding:0 20px}

.x1e581a-nav{background:var(--c-bg);border-bottom:2px solid var(--c-primary)}
.x1e581a-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.x1e581a-logo{font-weight:900;font-size:22px;color:var(--c-primary);letter-spacing:1px}
.x1e581a-menu{display:flex;gap:22px}
.x1e581a-menu a{color:var(--c-fg);font-size:14px;font-weight:500;position:relative;padding:4px 0}
.x1e581a-menu a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--c-accent)}
.x1e581a-hero{padding:54px 0;border-bottom:1px dashed color-mix(in oklab,var(--c-primary) 40%,transparent)}
.x1e581a-hero h1{font-size:clamp(26px,4vw,42px);font-weight:800;color:var(--c-fg);max-width:920px}
.x1e581a-hero p{margin-top:14px;color:var(--c-muted);max-width:820px}
.x1e581a-channels{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0}
.x1e581a-chip{padding:8px 16px;border-radius:4px;background:var(--c-primary);color:#fff;font-size:13px;font-weight:500}
.x1e581a-chip:hover{background:var(--c-accent);color:var(--c-bg)}
.x1e581a-section{padding:36px 0}
.x1e581a-section h2{font-size:22px;font-weight:800;color:var(--c-fg);border-left:6px solid var(--c-primary);padding-left:12px;margin-bottom:18px}
.x1e581a-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.x1e581a-card{background:#0f1d18;border-radius:6px;overflow:hidden;border:1px solid #1f3329;transition:.25s}
.x1e581a-card:hover{border-color:var(--c-accent);transform:translateY(-3px)}
.x1e581a-card .x1e581a-thumb{aspect-ratio:4/3;overflow:hidden}
.x1e581a-card .x1e581a-thumb img{width:100%;height:100%;object-fit:cover}
.x1e581a-card-body{padding:14px}
.x1e581a-card h3{font-size:15px;color:var(--c-fg);margin-bottom:8px;line-height:1.45}
.x1e581a-card .meta{font-size:12px;color:var(--c-muted)}
.x1e581a-comments{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.x1e581a-comment{padding:16px;background:#0f1d18;border-radius:6px;border-top:3px solid var(--c-accent)}
.x1e581a-comment .who{font-weight:700;color:var(--c-primary);margin-bottom:6px;font-size:13px}
.x1e581a-comment .text{font-size:13.5px;color:var(--c-fg);opacity:.88}
.x1e581a-foot{margin-top:50px;padding:28px 0;border-top:1px solid #1f3329;text-align:center;color:var(--c-muted);font-size:13px}