*{box-sizing:border-box}html{color:#1b1f23;background:#f6f8f7;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:linear-gradient(#ffffffe0,#f6f8f7f5),#f6f8f7;min-width:320px;margin:0}a{color:inherit;text-decoration:none}.site-shell{--page-width:1120px;min-height:100vh;color:var(--text-color)}.site-header,.site-footer,.hero-section,.agent-hero,.agent-matrix,.directory-section,.use-case-section,.experiment-section,.content-section,.related-section,.page-title,.article-list,.category-strip,.article-detail{width:min(var(--page-width), calc(100% - 32px));margin:0 auto}.site-header{border-bottom:1px solid #1b1f231f;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{background:var(--primary-color);color:#fff;border:1px solid #1b1f232e;border-radius:6px;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.site-header nav{color:#1b1f23b8;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;font-size:14px;display:flex}.site-header nav a:hover,.site-footer a:hover,.article-card h2 a:hover,.back-link:hover{color:var(--primary-color)}.hero-section{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);align-items:end;gap:32px;padding:56px 0 34px;display:grid}.agent-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);align-items:end;gap:36px;padding:58px 0 34px;display:grid}.eyebrow,.section-heading p,.page-title p{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:700}.hero-section h1,.agent-hero h1,.page-title h1,.article-detail h1{color:#111417;letter-spacing:0;max-width:820px;margin:0;font-size:clamp(34px,4.8vw,58px);line-height:1.08}.lead,.article-summary{color:#1b1f23bd;max-width:720px;font-size:18px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primary-link,.secondary-link{border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.primary-link:active,.secondary-link:active{transform:translateY(1px)}.primary-link{background:var(--primary-color);color:#fff}.secondary-link{background:#ffffffbd;border:1px solid #1b1f232e}.status-panel,.agent-status{background:#ffffffb8;border:1px solid #1b1f2324;border-radius:8px;gap:12px;padding:18px;display:grid}.status-panel div,.agent-status div{border-bottom:1px solid #1b1f2317;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;display:flex}.status-panel div:last-child,.agent-status div:last-of-type{border-bottom:0;padding-bottom:0}.agent-status{color:#f7faf8;background:#111417}.agent-status p{color:#f7faf8ad;margin:6px 0 0;font-size:13px;line-height:1.7}.metric-value{color:#111417;font-size:24px;font-weight:800}.agent-status .metric-value{color:#fff}.metric-date{font-size:18px}.metric-label{color:#1b1f239e;font-size:13px}.agent-status .metric-label{color:#f7faf89e}.category-strip{flex-wrap:wrap;gap:10px;padding:10px 0 28px;display:flex}.category-strip span{color:#1b1f23b8;background:#ffffff8a;border:1px solid #1b1f231f;border-radius:999px;padding:8px 12px;font-size:13px}.content-section,.related-section,.agent-matrix,.directory-section,.use-case-section,.experiment-section{padding:28px 0 56px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{margin:0;font-size:28px}.section-heading a{color:var(--primary-color);font-size:14px;font-weight:700}.matrix-grid{border-top:1px solid #1b1f2324;border-left:1px solid #1b1f2324;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.matrix-row{background:#ffffffa3;border-bottom:1px solid #1b1f2324;border-right:1px solid #1b1f2324;min-height:132px;padding:20px}.matrix-row h3{color:#111417;margin:0 0 10px;font-size:20px}.matrix-row p{color:#1b1f23ad;margin:0;line-height:1.75}.directory-table{background:#ffffffb8;border:1px solid #1b1f2324;border-radius:8px;overflow:hidden}.directory-head,.directory-row{grid-template-columns:1fr 1.2fr 1.7fr .9fr;align-items:center;gap:16px;padding:14px 18px;display:grid}.directory-head{color:#1b1f238f;background:#1114170a;font-size:13px;font-weight:700}.directory-row{color:#1b1f23b8;border-top:1px solid #1b1f231a}.directory-row strong{color:#111417}.status-chip{width:fit-content;min-height:28px;color:var(--primary-color);border:1px solid #0f766e47;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.use-case-rail{flex-wrap:wrap;gap:10px;display:flex}.use-case-rail span{color:#1b1f23bd;background:#ffffffb3;border:1px solid #1b1f2321;border-radius:6px;padding:10px 12px;font-size:14px}.experiment-section{border-top:1px solid #1b1f2324;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;display:grid}.experiment-section h2{color:#111417;margin:0;font-size:28px}.experiment-section ol{color:#1b1f23b8;gap:12px;margin:0;padding-left:20px;line-height:1.8;display:grid}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.article-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{background:var(--surface-color);border:1px solid #1b1f2321;border-radius:8px;min-height:210px;padding:18px}.article-card-cover{aspect-ratio:16/9;background:#1b1f230f;border-radius:6px;margin:-4px -4px 14px;display:block;overflow:hidden}.article-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.card-meta,.article-kicker{color:#1b1f238f;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;display:flex}.article-card h2{color:#111417;margin:14px 0 10px;font-size:20px;line-height:1.45}.article-card p{color:#1b1f23ad;margin:0;line-height:1.75}.page-title{padding:46px 0 18px}.page-lead{color:#1b1f23ad;letter-spacing:0;text-transform:none;max-width:720px;margin:14px 0 0;font-size:17px;font-weight:400;line-height:1.75}.article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:26px;display:grid}.pagination{width:min(var(--page-width), calc(100% - 32px));flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:8px 0 58px;display:flex}.pagination a,.pagination-gap{color:#1b1f23b8;background:#ffffffb8;border:1px solid #1b1f2324;border-radius:6px;justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.pagination a:hover{color:var(--primary-color);border-color:#0f766e57}.pagination a.is-current{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.pagination a.is-disabled{pointer-events:none;opacity:.46}.pagination-pages{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pagination-page-wrap{align-items:center;gap:8px;display:inline-flex}.pagination-gap{background:0 0;border-color:#0000;min-width:28px;padding:0 2px}.article-detail{max-width:820px;padding:46px 0 54px}.back-link{color:#1b1f23a3;margin-bottom:24px;font-size:14px;display:inline-block}.article-kicker{justify-content:flex-start;margin-bottom:14px}.article-cover{margin:28px 0 22px}.article-cover img{background:#1b1f230f;border:1px solid #1b1f231f;border-radius:8px;width:100%;height:auto;display:block}.article-cover figcaption{color:#1b1f2394;margin-top:8px;font-size:13px;line-height:1.5}.article-body{color:#23242a;margin-top:28px;font-size:17px;line-height:1.95}.article-body h2{color:#111417;margin:34px 0 12px;font-size:26px}.article-body h3{color:#111417;margin:26px 0 10px;font-size:21px}.article-body p{margin:0 0 16px}.article-body blockquote{border-left:4px solid var(--primary-color);color:#1b1f23c2;background:#ffffffa8;margin:24px 0;padding:14px 18px}.article-body ul{padding-left:20px}.article-body li{margin:8px 0}.site-footer{color:#1b1f239e;border-top:1px solid #1b1f231f;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0 36px;font-size:14px;display:flex}.site-footer p{margin:0}.site-footer span{margin:0 8px}@media (max-width:860px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav{justify-content:flex-start}.hero-section,.agent-hero,.matrix-grid,.experiment-section,.article-grid,.article-grid.compact,.article-list{grid-template-columns:1fr}.directory-head{display:none}.directory-row{grid-template-columns:1fr;gap:6px}.directory-row span{line-height:1.6}.hero-section{padding-top:36px}.hero-section h1,.agent-hero h1,.page-title h1,.article-detail h1{font-size:36px}}