:root{--dg-paper:#f5f3ec;--dg-ink:#233c33;--dg-muted:#626e65;--dg-line:#d9ddd2;--dg-green:#345745;--dg-pale:#e9ede3;--dg-gold:#96702f;--dg-white:#fffefa;--dg-header-height:88px;--dg-context-height:44px}
.dg-shell,.dg-shell *{box-sizing:border-box}
html:has(link[data-dg-legacy-style]) body{min-height:100dvh}
.dg-shell{position:sticky;top:0;z-index:60;background:var(--dg-paper);border-bottom:1px solid var(--dg-line);color:var(--dg-ink);font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.dg-shell-inner{max-width:1208px;min-height:calc(var(--dg-header-height) - 1px);margin:auto;padding:0 30px;display:flex;gap:32px;align-items:center;justify-content:space-between}
.dg-shell a{text-decoration:none;color:inherit}.dg-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:22px;font-weight:500;letter-spacing:1px}.dg-brand svg{width:34px;height:42px;flex:none}.dg-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--dg-muted);margin-top:4px;font-weight:400}.dg-primary{display:flex;align-items:center;gap:26px}.dg-primary a{padding:12px 0;border-bottom:2px solid transparent}.dg-primary a[aria-current]{border-color:var(--dg-green);font-weight:600}.dg-primary a:hover{color:var(--dg-green);border-color:var(--dg-line)}.dg-explore{padding:10px 18px;border:1px solid #adb9a8;border-radius:6px;white-space:nowrap}.dg-explore:hover{background:var(--dg-pale)}.dg-mobile-menu{display:none}.dg-shell :focus-visible{outline:3px solid var(--dg-gold);outline-offset:4px}.dg-subnav{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:12px 22px;border-bottom:1px solid var(--dg-line);font-size:12px;color:var(--dg-muted)}
html:has(link[data-dg-legacy-style]) body::before{content:"";display:block;height:var(--dg-header-height)}
html:has(link[data-dg-legacy-style]):has([data-dg-shell]) body::before{display:none}
/* Legacy component tokens: retain component behavior and semantic status colors. */
html:has(link[data-dg-legacy-style]):not(.dark){--background:var(--dg-paper);--foreground:var(--dg-ink);--primary:var(--dg-green);--primary-foreground:var(--dg-white);--card:var(--dg-white);--card-foreground:var(--dg-ink);--popover:var(--dg-white);--popover-foreground:var(--dg-ink);--secondary:var(--dg-pale);--secondary-foreground:var(--dg-ink);--muted:var(--dg-pale);--muted-foreground:var(--dg-muted);--border:var(--dg-line);--accent:var(--dg-pale);--accent-foreground:var(--dg-ink);--ring:var(--dg-gold);--input:var(--dg-line);--destructive:#9c3d32;--font-display:"Songti SC","Noto Serif CJK SC",SimSun,serif;--radius:.5rem}
html:has(link[data-dg-legacy-style]) body{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--background);color:var(--foreground)}
html:has(link[data-dg-legacy-style]) h1,html:has(link[data-dg-legacy-style]) h2{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}
html:has(link[data-dg-legacy-style]) body>header:not(.dg-shell){top:var(--dg-header-height);background:var(--background);border-bottom:1px solid var(--border);z-index:50}
html:has(link[data-dg-legacy-style]) body>header:not(.dg-shell)>.container{max-width:1208px;padding:0 30px;margin:auto}
html:has(link[data-dg-legacy-style]) body>header:not(.dg-shell)>.container>div{min-height:43px;height:auto;padding:4px 0;border:0}
html:has(link[data-dg-legacy-style]) body>header:not(.dg-shell) a:has(>img){display:none}
html:has(link[data-dg-legacy-style]) body>header:not(.dg-shell) nav a{font-size:12px}
html:has(link[data-dg-legacy-style]) main>.container,html:has(link[data-dg-legacy-style]) main section>.container{max-width:1208px;margin-inline:auto;padding-inline:30px}
html:has(link[data-dg-legacy-style]) main>section:first-child{min-height:620px;padding-top:32px}
html:has(link[data-dg-legacy-style]) main>section:first-child>div.container{padding-block:56px}
html:has(link[data-dg-legacy-style]) main>section:first-child h1{font-size:clamp(40px,4.2vw,60px);line-height:1.4}
html:has(link[data-dg-legacy-style]) main>section:first-child [class*="blur-"]{opacity:.25}
html:has(link[data-dg-legacy-style]) h3,html:has(link[data-dg-legacy-style]) h4{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
html:has(link[data-dg-legacy-style]) [data-slot="card"],html:has(link[data-dg-legacy-style]) a[href*="/agents/"]{border-radius:8px;box-shadow:none}
html:has(link[data-dg-legacy-style]) [data-slot="button"]{border-radius:6px}
html:has(link[data-dg-legacy-style]) [data-slot="button"][data-variant="default"]{box-shadow:none}
html:has(link[data-dg-legacy-style]) main>section:first-child [class*="from-amber"],html:has(link[data-dg-legacy-style]) main>section:first-child [class*="from-emerald"],html:has(link[data-dg-legacy-style]) main>section:first-child [class*="from-sky"]{background:var(--dg-white);border:1px solid var(--dg-line);border-radius:8px;box-shadow:none}
html:has(link[data-dg-legacy-style]) .fixed.inset-x-0.bottom-0.top-20{top:calc(var(--dg-header-height) + var(--dg-context-height))}
html:has(link[data-dg-legacy-style]) button.fixed.top-20{top:calc(var(--dg-header-height) + var(--dg-context-height) + 10px)}
html:has(link[data-dg-legacy-style]) :focus-visible{outline:3px solid var(--dg-gold);outline-offset:3px}
@media(max-width:760px){:root{--dg-header-height:76px}.dg-shell-inner{padding:0 20px;gap:14px}.dg-brand{font-size:20px}.dg-brand small{font-size:8px;letter-spacing:1.2px}.dg-primary,.dg-explore{display:none}.dg-mobile-menu{display:block;position:relative;z-index:100}.dg-mobile-menu summary{cursor:pointer;padding:10px 12px;border:1px solid var(--dg-line);border-radius:6px;list-style:none}.dg-mobile-menu summary::-webkit-details-marker{display:none}.dg-mobile-menu nav{position:absolute;z-index:100;right:0;top:calc(100% + 12px);width:220px;display:grid;padding:8px;background:var(--dg-white);border:1px solid var(--dg-line);border-radius:8px;box-shadow:0 12px 30px #233c3314}.dg-mobile-menu nav a{padding:12px;border-radius:4px}.dg-mobile-menu a[aria-current]{background:var(--dg-pale);font-weight:600}.dg-subnav{gap:16px;font-size:11px}html:has(link[data-dg-legacy-style]) body>header:not(.dg-shell)>.container{padding-inline:20px}html:has(link[data-dg-legacy-style]) main>section:first-child{min-height:auto;padding-top:0}html:has(link[data-dg-legacy-style]) main>section:first-child>div.container{padding-block:40px}html:has(link[data-dg-legacy-style]) main>section:first-child h1{font-size:40px}html:has(link[data-dg-legacy-style]) main section>.container{padding-inline:22px}}
@media(max-width:767px){html:has(link[data-dg-legacy-style]) .fixed.inset-x-0.bottom-0.top-20 .flex-1.flex.flex-col.h-full.overflow-hidden>div:first-child{padding-left:64px}}
@media(prefers-reduced-motion:reduce){.dg-shell *{scroll-behavior:auto;transition:none}}