/* A visual skin for the unchanged original homepage. No layout properties are overridden. */
html[data-serro-site]{
 color-scheme:dark;
 --site-paper:#252626!important;--site-paper-rgb:37,38,38!important;
 --site-surface:#2c2e2e!important;--site-surface-rgb:44,46,46!important;
 --site-surface-translucent:rgba(44,46,46,.5)!important;
 --site-surface-soft:#323535!important;--site-surface-muted:#292b2b!important;
 --site-canvas:#222424!important;--site-canvas-rgb:34,36,36!important;
 --site-hero:#252626!important;--site-on-hero:#faf9f5!important;
 --site-on-hero-strong:#eceeea!important;--site-on-hero-muted:#b4bab7!important;
 --site-ink:#faf9f5!important;--site-ink-rgb:250,249,245!important;
 --site-text-muted:#c1c5c2!important;--site-text-soft:#abb2ad!important;
 --site-placeholder:#aab0ad!important;
 --site-border:#727b77!important;--site-border-subtle:#484e4b!important;
 --site-accent:#8ab0ff!important;--site-accent-rgb:138,176,255!important;
 --site-person:#a7bce7!important;--site-person-border:#667da6!important;
 --site-history:#8ab0ff!important;--site-history-border:#667da6!important;
 --site-place:#afc1d2!important;--site-place-border:#718496!important;--site-place-rgb:175,193,210!important;
 --site-case:#a7bce7!important;--site-case-border:#7184a6!important;
 --site-concept:#aac7c3!important;--site-concept-border:#718f8a!important;
 --site-source:#b0b7bf!important;--site-source-border:#79828c!important;
 --site-relation:#9aaac4!important;--site-influence:#a0b6e0!important;--site-parallel:#b0b6c0!important;
 --site-warning:#d4b38e!important;
 --site-timeline-axis:rgba(138,176,255,.86)!important;--site-timeline-axis-soft:rgba(138,176,255,.25)!important;
 --site-timeline-axis-strong:rgba(138,176,255,.96)!important;
 --site-timeline-floating:rgba(175,193,210,.88)!important;--site-timeline-floating-strong:rgba(175,193,210,.98)!important;
 --site-timeline-boundary:rgba(138,176,255,.96)!important;--site-timeline-label-surface:rgba(34,36,36,.94)!important;
 --site-period-warm:#2c2c2e!important;--site-period-cool:#272e30!important;--site-period-neutral:#2b2e2d!important;
 --site-shadow:#000!important;--site-overlay:rgba(0,0,0,.7)!important;
}
/* Square shells and controls; retain semantic profession dots and graph geometry. */
html[data-serro-home] :is(.r-kdyh1x,.r-z2wwpe,.r-1mxhqmb,.r-1xfd6ze,.r-1px6drs,.r-1dzdj1l,.r-1q9bdsx,.r-1f0042m,.r-1867qdf,.r-cdmcib,.r-1ylenci,.r-1dedoh8):not([data-home-graph-panel] *){border-radius:0!important}
/* Keep the existing typeface, sizes and line heights to preserve text wrapping. */
html[data-serro-home] .r-ovu0ai:not([data-home-graph-panel] *):not([data-home-update-section] *){font-weight:600!important}
html[data-serro-home] [data-home-site-title]{font-weight:500!important}
html[data-serro-home] [data-primary-entrance]{border-top-color:transparent!important;background-color:#2c2e2e!important;background-image:linear-gradient(#5986e0,#5986e0);background-size:100% 1px;background-repeat:no-repeat;background-origin:border-box;box-shadow:none}
html[data-serro-home] [data-primary-entrance]>.css-146c3p1:first-child,
html[data-serro-home] [data-secondary-entrance]>.css-146c3p1:last-child{color:#8ab0ff!important;font-family:Consolas,"Courier New",monospace;font-weight:400!important}
html[data-serro-home] [data-secondary-entrance]{border-left-color:transparent!important;background-image:linear-gradient(#5986e0,#5986e0);background-size:1px 100%;background-repeat:no-repeat;background-origin:border-box;box-shadow:none}
html[data-serro-home] [data-home-person-card]{border-color:#484e4b!important;box-shadow:none!important}
html[data-serro-home] [data-home-site-version]{border-color:#586b92!important;background-color:transparent!important}
html[data-serro-home] [data-home-ai-assistant]{border-color:#586783!important;background-color:#292d34!important;box-shadow:none!important}
html[data-serro-home] :is([data-home-people-sort],[data-ai-mode]){border-radius:0!important}
html[data-serro-home] :is(.r-pzx7ko,.r-uhn5h0):not([data-home-graph-panel] *):not([data-home-update-section] *){background-color:#3e77e8!important}
html[data-serro-home] :is(.r-pzx7ko,.r-uhn5h0) .r-1g6fvl3{color:#fff!important}
html[data-serro-home] :is([data-primary-entrance],[data-secondary-entrance],[data-home-person-card]):hover{outline:1px solid #7199e7;outline-offset:-1px}
html[data-serro-home] :is(button,[role="button"],[role="link"],input,textarea):focus-visible{outline:2px solid #8ab0ff!important;outline-offset:3px}
html[data-serro-home] ::selection{background:#3e77e8;color:#fff}
@media(prefers-reduced-motion:no-preference){html[data-serro-home] :is([data-primary-entrance],[data-secondary-entrance],[data-home-person-card]){transition:background-color .16s,outline-color .16s}}
/* Homepage graph shells only: keep all canvas nodes, period geometry and layout intact. */
html[data-serro-home] #root [data-home-graph-panel]>div:nth-child(2){border-radius:0!important;border-color:#484e4b!important;box-shadow:none!important}
html[data-serro-home] #root [data-home-graph-panel]>div:first-child>[tabindex]{border-radius:0!important;border-color:#727b77!important;background-color:#2c2e2e!important;box-shadow:none!important}
html[data-serro-home] #root [data-home-graph-panel]>div:first-child>[tabindex]:hover{border-color:#7199e7!important;background-color:#323535!important}
/* Match the history/place canvas surface without fading nodes, labels or relationships. */
html[data-serro-home] #root [data-home-people-graph-canvas]{background-color:var(--site-canvas)!important}
html[data-serro-home] #root [data-home-people-graph-canvas]>div:first-child{background-color:transparent!important}
html[data-serro-home] #root [data-home-people-graph-world]{background-color:transparent!important}
html[data-serro-home] #root [data-home-people-graph-canvas]>div:first-child>.r-ecstpq:empty{background-color:transparent!important;border-color:transparent!important}

/* Homepage-only hero and navigation; original content cards retain their dimensions. */
html[data-serro-home] [data-nebula-replaced-heading],html[data-serro-home] [data-primary-entrances]{display:none!important}
html[data-serro-home] [data-home-auth-bar-row],html[data-serro-home] [data-site-page-navigation]{display:none!important}
.blue-hero{box-sizing:border-box;color:#faf9f5;font-family:Arial,"Microsoft YaHei",sans-serif;margin:0 0 32px;width:100%;flex-shrink:0}
.blue-hero *{box-sizing:border-box}
.blue-hero button,.blue-hero a{font:inherit;color:inherit}
.blue-hero .bh-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100vw;margin-left:calc((100% - 100vw)/2);margin-top:-32px;padding:0 clamp(18px,4vw,60px);border-bottom:1px solid #444746}
.blue-hero .bh-brand{display:flex;align-items:center;flex-shrink:0;font-family:"Bahnschrift","Segoe UI",sans-serif;font-size:33px;font-weight:600;letter-spacing:-1.6px;line-height:1;text-decoration:none}
.blue-hero .bh-brand-symbol{font-size:26px;width:27px;height:29px;display:inline-grid;place-content:center;background:#faf9f5;color:#252626;margin-right:10px;letter-spacing:0;transform:skewY(-9deg)}
.blue-hero .bh-brand-dot{color:#81aaff}
.blue-hero .bh-top-nav,.blue-hero .bh-header-actions{display:flex;align-items:center;gap:26px}
.blue-hero .bh-header button{cursor:pointer;background:none;border:0;padding:8px 0;font-size:13px;white-space:nowrap;color:#d4d5d2}
.blue-hero .bh-top-nav button::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#686d6a;margin:0 8px 2px 0}
.blue-hero .bh-top-nav button:first-child::before,.blue-hero .bh-top-nav button:hover::before{background:#81aaff}
.blue-hero .bh-header-actions{gap:20px}
.blue-hero .bh-header-actions button span{margin-left:16px;color:#9dabba}
.blue-hero .bh-header [data-bh-account]{border:1px solid #505553;padding:12px 16px}
.blue-hero .bh-intro{text-align:center;padding:54px 0 24px;position:relative;z-index:1}
.blue-hero .bh-eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:2px;color:#8baaff;margin:0 0 28px}
.blue-hero .bh-eyebrow::before{content:"";display:inline-block;width:6px;height:6px;background:#527ce0;border-radius:50%;margin:0 12px 1px 0}
.blue-hero h1{font-weight:400;font-size:clamp(48px,6.5vw,96px);line-height:1.15;letter-spacing:-4px;margin:0}
.blue-hero h1 span{color:#85a5f0}
.blue-hero .bh-description{color:#aeb5b5;font-size:17px;line-height:1.95;margin:28px 0 34px}
.blue-hero .bh-actions{display:flex;justify-content:center;gap:10px;max-width:800px;margin:auto}
.blue-hero .bh-actions button{cursor:pointer;flex:1;min-width:0;white-space:nowrap;padding:17px 14px;border:1px solid #505553;background:transparent;font-size:15px;transition:background .2s,border-color .2s}
.blue-hero .bh-actions button:first-child{background:#507ae0;border-color:#507ae0;flex:1.4}
.blue-hero button:hover,.blue-hero a:hover{color:#afc5ff;border-color:#8ca8e9;background:#ffffff06}
.blue-hero button:focus-visible,.blue-hero a:focus-visible{outline:2px solid #9bb9ff;outline-offset:4px}
.blue-hero .bh-nebula{position:relative;background:transparent;border:0}
.blue-hero .bh-stage{height:660px;position:relative;background:none}
.blue-hero svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.blue-hero .nb-label{fill:#bdc7ca;font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:400;paint-order:stroke;stroke:#252626;stroke-width:3px;stroke-linejoin:round}
.blue-hero .bh-foot{display:flex;justify-content:flex-end;padding:8px 0 24px}
.blue-hero .bh-foot a{display:flex;gap:28px;align-items:center;white-space:nowrap;text-decoration:none;color:#a7bcf0;font-size:13px;border:1px solid #505553;padding:13px 18px}
@media(max-width:600px){.blue-hero .bh-intro{padding:42px 0 12px}.blue-hero h1{font-size:44px;letter-spacing:-2px}.blue-hero .bh-eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:24px}.blue-hero .bh-description{font-size:13px;margin:24px 0}.blue-hero .bh-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.blue-hero .bh-actions button{grid-column:span 2;font-size:13px;padding:13px 8px}.blue-hero .bh-actions button:nth-child(n+4){grid-column:span 3}.blue-hero .bh-stage{height:1060px}.blue-hero .bh-foot{padding:8px 0 20px}.blue-hero .bh-foot a{font-size:12px;padding:12px 16px}}
@media(max-width:900px){.blue-hero .bh-header{height:auto;min-height:110px;flex-wrap:wrap;padding-top:16px;padding-bottom:12px;gap:14px}.blue-hero .bh-top-nav{order:3;width:100%;justify-content:center}.blue-hero .bh-header-actions{margin-left:auto}.blue-hero .bh-brand{font-size:27px}.blue-hero .bh-brand-symbol{font-size:22px;width:23px;height:25px}.blue-hero .bh-header button{font-size:12px}.blue-hero .bh-header-actions{gap:12px}.blue-hero .bh-header-actions button span{margin-left:6px}.blue-hero .bh-header [data-bh-account]{padding:9px 12px}}

.blue-hero .bh-header kbd{font:12px Consolas,monospace;border:1px solid #444746;padding:1px 5px;margin-left:9px;color:#99a5ac}
.bh-search-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 36px));max-height:min(75vh,700px);padding:24px;background:#252626;color:#faf9f5;border:1px solid #5c6264;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif}
.bh-search-dialog::backdrop{background:#101313bb}
.bh-search-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}
.bh-search-head h2{font-size:20px;font-weight:400;margin:0}
.bh-search-head button{background:transparent;border:0;color:#b5bec2;cursor:pointer;padding:6px}
.bh-search-dialog input{box-sizing:border-box;width:100%;font:inherit;padding:14px;border:1px solid #616a72;border-radius:0;background:#202222;color:#faf9f5;outline-color:#81aaff}
.bh-search-status{font-size:12px;color:#98a6ae;margin:16px 0}
.bh-search-results{display:grid;gap:0}
.bh-search-results a{display:grid;gap:3px;padding:14px 4px;border-top:1px solid #414647;text-decoration:none;color:#e0e5e5}
.bh-search-results a:hover{color:#a7bcf0;background:#ffffff05}
.bh-search-results small{font-size:11px;color:#909da4}


/* Viewport-sized, lowest-layer birth-and-expansion scene. */
.blue-hero{position:relative;isolation:isolate;width:100vw;height:var(--bh-screen-height,100svh);margin-left:calc((100% - 100vw)/2);margin-top:-32px;overflow:hidden}
.blue-hero .bh-header{position:relative;z-index:5;width:100%;margin:0;background:#252626}
.blue-hero .bh-intro{position:absolute;z-index:2;top:18%;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 40px));padding:0;pointer-events:none}
.blue-hero .bh-actions{pointer-events:auto}
.blue-hero .bh-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;text-align:center;margin:0 0 28px}
.blue-hero .bh-eyebrow::before{flex:0 0 6px;margin:0;display:block}
.blue-hero .bh-actions button{background:#252626e8}
.blue-hero .bh-actions button:first-child{background:#507ae0}
.blue-hero .bh-nebula{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.blue-hero .bh-stage{position:absolute;inset:0;height:100%;width:100%;pointer-events:none}
.blue-hero .bh-stage *{pointer-events:none!important}
.blue-hero .bh-shader,.blue-hero .bh-stage svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.blue-hero .nb-label{stroke:#252626;stroke-width:2px;fill:#b7c5d0}
.blue-hero .nb-period{fill:#94b0ee;letter-spacing:.4px}
.blue-hero .nb-person{fill:#d1d5d0;font-weight:400}
.blue-hero .nb-concept{fill:#b6c5bd}
.blue-hero .nb-work{fill:#acb9c9}
.blue-hero .bh-foot{position:absolute;bottom:20px;right:clamp(20px,4vw,60px);padding:0;z-index:3;pointer-events:auto}
.blue-hero .bh-foot a{pointer-events:auto;background:#252626e8}
@media(max-height:850px){.blue-hero .bh-intro{top:16%}.blue-hero h1{font-size:clamp(42px,6vw,76px)}.blue-hero .bh-description{font-size:15px;line-height:1.7;margin:20px 0 24px}.blue-hero .bh-actions button{padding:14px 12px}.blue-hero .bh-eyebrow{margin-bottom:20px}}
@media(max-width:600px){.blue-hero .bh-intro{top:145px;width:calc(100% - 36px)}.blue-hero h1{font-size:40px;letter-spacing:-2px}.blue-hero .bh-eyebrow{font-size:8px;letter-spacing:1px;gap:8px;margin-bottom:22px}.blue-hero .bh-description{font-size:12px;line-height:1.8;margin:22px 0}.blue-hero .bh-actions{gap:7px}.blue-hero .bh-actions button{padding:12px 6px;font-size:12px}.blue-hero .bh-stage{height:100%}.blue-hero .bh-foot{bottom:18px;right:18px;padding:0}.blue-hero .bh-foot a{padding:10px 13px}}
@media(max-height:680px){.blue-hero .bh-intro{top:110px}.blue-hero h1{font-size:38px;line-height:1.08}.blue-hero .bh-eyebrow{margin-bottom:12px}.blue-hero .bh-description{margin:12px 0;font-size:12px}.blue-hero .bh-actions button{padding:9px}.blue-hero .bh-foot{bottom:12px}}

/* Glyph-shaped clearances: 3px around text, not a rectangular line cutout. */
.blue-hero h1,.blue-hero .bh-description,.blue-hero .bh-eyebrow{paint-order:stroke fill;-webkit-text-stroke:6px #252626}
.blue-hero .bh-stage .nb-label,.blue-hero .bh-stage .nb-label tspan{pointer-events:visiblePainted!important;cursor:pointer}
.blue-hero .bh-stage .bh-node-hit{pointer-events:all!important;cursor:pointer}
.blue-hero .bh-stage [data-nb-node]{outline:none}
.blue-hero .bh-stage [data-nb-node][data-highlighted="true"] .nb-label{fill:#f4f7ff}
.blue-hero .bh-actions{pointer-events:none}
.blue-hero .bh-actions button{pointer-events:auto}

.blue-hero .bh-node-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:200px;font:14px/1.4 Arial,"Microsoft YaHei",sans-serif;color:#f4f7ff;background:#252626;padding:5px 7px;border:1px solid #59616d}

/* Home keeps node names and connecting lines without relationship captions. */
.blue-hero .bh-stage [data-relation-id]{display:none!important}

/* Shared homepage rail: narrow fluid gutters instead of the old 1180px cap. */
html[data-serro-home] div:has(> div > [data-home-ai-assistant]){
 width:100%!important;max-width:none!important;box-sizing:border-box;
 padding-inline:clamp(16px,2.5vw,60px)!important;
}
/* Original wide-screen card: (1180 - 36 - 5*12)/6 = 180.6667px.
   Viewport changes only the number of columns. Card height follows three summary lines plus a lifespan row, with equal vertical padding. */
html[data-serro-home] [data-home-people-grid]{display:grid;grid-template-columns:repeat(auto-fill,180.6667px);gap:12px!important;align-items:start;justify-content:space-between}
html[data-serro-home] [data-home-people-grid]>[data-home-person-card]{width:180.6667px!important;min-width:180.6667px!important;max-width:180.6667px!important;height:auto!important;aspect-ratio:auto!important;flex-shrink:0!important}
html[data-serro-home] [data-home-person-card]>div:first-child{flex:none!important;height:119.1111px!important}
html[data-serro-home] [data-home-person-card]>div:last-child{flex:none!important;height:auto!important;min-height:0;padding:10px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div:last-child{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;line-height:17px!important;font-size:12px!important;height:51px!important;max-height:51px!important;flex-shrink:0!important;overflow:hidden!important}
@media(max-width:405px){html[data-serro-home] [data-home-people-grid]{justify-content:center}}
@media(max-width:639px){
 html[data-serro-home] div:has(+[data-home-people-grid]){flex-direction:column!important;align-items:stretch!important;gap:12px!important}
 html[data-serro-home] div:has(+[data-home-people-grid])>div{width:100%;min-width:0}
 html[data-serro-home] div:has(+[data-home-people-grid])>div:last-child{flex-wrap:wrap!important;justify-content:flex-start!important}
}

/* Homepage header: retain brand and account actions, remove middle navigation and divider. */
html[data-serro-home] .blue-hero .bh-top-nav{display:none}
html[data-serro-home] .blue-hero .bh-header{border-bottom:0}
@media(max-width:900px){html[data-serro-home] .blue-hero .bh-header{min-height:76px}}

/* Optical line centering and a permeable header between protected controls. */
.blue-hero .bh-optical-line{display:inline-block;position:relative;white-space:nowrap;color:inherit}
.blue-hero h1 .bh-punctuation{color:#85a5f0}
.blue-hero .bh-eyebrow{display:block}
.blue-hero .bh-eyebrow::before{position:absolute;left:calc(50% - 190px);top:6px;display:none}
.blue-hero .bh-eyebrow .bh-optical-line::before{content:'';position:absolute;left:-18px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#527ce0}
html[data-serro-home] .blue-hero .bh-header{background:transparent;pointer-events:none}
.blue-hero .bh-header .bh-brand,.blue-hero .bh-header .bh-header-actions{pointer-events:auto;background:#252626}
/* Share the lower content rail's exact responsive right edge. */
html[data-serro-home] .blue-hero .bh-foot{right:clamp(16px,2.5vw,60px)}

/* Latest instruction: phones always show two people cards per row. */
@media(max-width:639px){
 html[data-serro-home] [data-home-people-grid]{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:12px!important}
 html[data-serro-home] [data-home-people-grid]>[data-home-person-card]{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important}
 html[data-serro-home] [data-home-person-card]>div:first-child{height:auto!important;aspect-ratio:3/2!important;flex:none!important}
 html[data-serro-home] [data-home-person-card]>div:last-child{height:auto!important;flex:none!important}
}

/* The editor animation occupies the original two-glyph slot throughout. */
.blue-hero h1 [data-slogan-word]{display:inline-block;position:relative;color:inherit;vertical-align:baseline;text-align:left;white-space:nowrap;min-height:1em}
.blue-hero h1 [data-slogan-word][data-editing="selected"]{background:linear-gradient(to right,#527ce066 0 var(--selection,50%),transparent var(--selection,50%) 100%);-webkit-text-stroke-color:transparent}
.blue-hero h1 [data-slogan-word][data-editing]::after{content:'';position:absolute;right:0;top:.12em;bottom:.05em;width:2px;background:#94b0ee;pointer-events:none}
.blue-hero h1 [data-slogan-word][data-editing="typing"]::after{left:0;right:auto}
.blue-hero h1 [data-slogan-word][data-editing="typing"]:not(:empty)::after{left:auto;right:0}

.blue-hero h1 [data-slogan-word]::before{content:'字字';visibility:hidden}
.blue-hero h1 [data-slogan-word] .bh-word-text{position:absolute;left:0;top:0;color:inherit}
.blue-hero h1 [data-slogan-word][data-editing="typing"]::after,.blue-hero h1 [data-slogan-word][data-editing="typing"]:not(:empty)::after{left:var(--caret,0%);right:auto}

/* Equal positive character advances, including word-slot boundaries. */
.blue-hero h1{letter-spacing:.06em}
.blue-hero h1 .bh-punctuation{display:inline-block;margin-left:.06em}

/* Selection grows by one glyph, then the caret returns to the sentence end. */
.blue-hero h1 [data-slogan-word][data-editing="selected"]::after{left:var(--selection,50%);right:auto}
.blue-hero h1 .bh-punctuation{position:relative}
.blue-hero h1[data-slogan-phase="idle"] .bh-punctuation::after{content:'';position:absolute;left:var(--end-caret,70%);top:.12em;bottom:.05em;width:2px;background:#94b0ee;pointer-events:none}

/* The same 1000ms clock drives both the caret and every editing action. */
.blue-hero h1[data-slogan-phase="idle"][data-caret-on="false"] .bh-punctuation::after{opacity:0}

/* All five portrait text blocks share one spacing rule. */
html[data-serro-home] [data-home-person-card]>div:last-child{row-gap:3px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div{margin-top:0!important;margin-bottom:0!important}

/* Optical gaps calibrated against rendered Arial/Microsoft YaHei glyph edges.
   Trim each block’s intrinsic leading; keep paragraph line spacing unchanged. */
html[data-serro-home] [data-home-person-card]>div:last-child{row-gap:6px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div:nth-child(1){margin-top:-2.5px!important;margin-bottom:-1.5px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div:nth-child(2){margin-top:-1.5px!important;margin-bottom:-2.75px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div:nth-child(3){margin-top:-2.25px!important;margin-bottom:-3px!important}
html[data-serro-home] [data-home-person-card][data-home-person-english-descends="true"]>div:last-child>div:nth-child(3){margin-bottom:-.75px!important}
html[data-serro-home] [data-home-person-card][data-home-person-english-accents="true"]>div:last-child>div:nth-child(3){margin-top:-1.5px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div:nth-child(4){margin-top:-1.5px!important;margin-bottom:-2.75px!important}
html[data-serro-home] [data-home-person-card][data-home-person-year-ink="long"]>div:last-child>div:nth-child(4){margin-top:-2.5px!important}
html[data-serro-home] [data-home-person-card][data-home-person-year-ink="digits"]>div:last-child>div:nth-child(4){margin-top:-2.9px!important;margin-bottom:-4.1px!important}
html[data-serro-home] [data-home-person-card]>div:last-child>div:nth-child(5){margin-top:-1.9px!important;margin-bottom:-3.4px!important}

/* Optical lower edge includes the final line’s glyph descent. */
html[data-serro-home] [data-home-person-card]>div:last-child{padding-bottom:11px!important}

/* Shared SVG geometry keeps arrow shaft and tip joined on every platform. */
.blue-hero .bh-external-arrow{display:inline-block;width:12px;height:12px;flex:0 0 12px;vertical-align:middle;overflow:visible}
.blue-hero .bh-foot a{gap:8px}
.blue-hero .nb-label{transition:opacity 180ms linear}
@media(prefers-reduced-motion:reduce){.blue-hero .nb-label{transition:none}}

@media(max-width:599px){.blue-hero .nb-label{transition:none}} /* Per-frame alpha handles mobile fades without overlapping CSS tails. */

/* Mobile utility entries share the quick-search visual scale. */
@media(max-width:599px){
 .blue-hero .bh-header [data-bh-account],.blue-hero .bh-foot a{font-size:12px;line-height:18px;padding:5px 8px;min-height:30px;gap:6px}
 .blue-hero .bh-header [data-bh-account]{display:inline-flex;align-items:center}
 .blue-hero .bh-header [data-bh-account] .bh-external-arrow{margin-left:0}
 .blue-hero .bh-external-arrow{width:10px;height:10px;flex-basis:10px}
}

/* Only the glyph carries a frame; retain the full utility hit area. */
.blue-hero .bh-header [data-bh-account],.blue-hero .bh-foot a{border-color:transparent;background:transparent;display:inline-flex;align-items:center}
.blue-hero .bh-header kbd,.blue-hero .bh-arrow-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;padding:0;border:1px solid #505553;line-height:1;color:#9dabba;vertical-align:middle}
.blue-hero .bh-header-actions button .bh-arrow-box{margin-left:0}
.blue-hero .bh-arrow-box .bh-external-arrow{width:12px;height:12px;flex:0 0 12px}
.blue-hero .bh-header [data-bh-account]{gap:8px}
@media(max-width:599px){.blue-hero .bh-header [data-bh-account]{gap:6px}.blue-hero .bh-header-actions{gap:8px}}

/* The account entry uses one compact frame around text and arrow. */
.blue-hero .bh-header [data-bh-account]{border-color:#505553;padding:5px 8px;min-height:30px;line-height:18px;gap:6px}
.blue-hero .bh-header [data-bh-account] .bh-arrow-box{border-color:transparent;width:12px;height:12px;flex-basis:12px}

/* Shared visual skin and inner-page shell. Graph node dimensions, topology and original camera/interaction code remain intact. */
html[data-serro-site]{
 --scenia-primary:#486dc9;
 --scenia-primary-hover:#5278d5;
 --scenia-focus:#9ab8ff;
 --scenia-line:#505553;
 --scenia-line-soft:#444847;
 --scenia-font:Arial,"Microsoft YaHei",sans-serif;
 --site-border:#656d6a!important;
 --site-border-subtle:#444a48!important;
}
html[data-serro-site] :is(body,input,textarea,button,select){font-family:var(--scenia-font)}
html[data-serro-site]:not([data-serro-page="/cases"]):not([data-serro-page="/concepts"]) .css-146c3p1:not([style*="font-family"]):not(:is([data-people-graph-canvas],[data-history-canvas],[data-history-focus-canvas],[data-place-graph-canvas],[data-keyword-chain-canvas],[data-relation-browser-canvas],[data-home-graph-panel]) *){font-family:var(--scenia-font)!important}
/* Atomic RN classes cover card/button/dialog shells across every route.
   Small circular symbols (1–4px or 999px) and original image ratios are retained. */
html[data-serro-site] :is(.r-kdyh1x,.r-1mxhqmb,.r-1xfd6ze,.r-1px6drs,.r-1dzdj1l,.r-1q9bdsx,.r-1f0042m,.r-1867qdf,.r-1ylenci,.r-1dedoh8){border-radius:0!important}
html[data-serro-site] :is([data-entity-link],[data-designer-fact-tag]){border-radius:0!important}
/* Readable editorial weight outside graph canvases; graph text metrics preserved. */
html[data-serro-site]:not([data-serro-page="/cases"]):not([data-serro-page="/concepts"]) :is(.r-ovu0ai,.r-1vr29t4):not(:is([data-people-graph-canvas],[data-history-canvas],[data-history-focus-canvas],[data-place-graph-canvas],[data-keyword-chain-canvas],[data-relation-browser-canvas],[data-home-graph-panel]) *){font-weight:600!important}
html[data-serro-site] :is([data-designer-detail-name],[data-entity-detail-content]>div:nth-child(2)){font-weight:500!important}
html[data-serro-site] :is([data-entity-standalone-page],[data-place-detail-page],[data-knowledge-article-card],[data-history-period-node],[data-entity-preview-overlay],[data-history-detail-modal],[data-relation-browser-overlay-panel]){
 border-color:var(--scenia-line-soft)!important;
 border-radius:0!important;
 background-color:var(--site-surface)!important;
 box-shadow:none!important;
}
html[data-serro-site] :is([data-entity-standalone-page],[data-place-detail-page],[data-knowledge-article-card],[data-history-period-node]){border-top-color:#6689d4!important}
html[data-serro-site] :is([data-people-card],[data-place-card],[data-home-person-card],[data-home-history-card],[data-home-place-card]){border-color:var(--scenia-line-soft)!important;box-shadow:none!important}
html[data-serro-site] [data-history-relation-glow="false"]{border-top-color:var(--site-history-border)!important}
/* All primary actions use the same blue, with sufficient white-text contrast. */
html[data-serro-site] :is(.r-pzx7ko,.r-uhn5h0):not(:is([data-people-graph-canvas],[data-history-canvas],[data-place-graph-canvas],[data-relation-browser-canvas]) *){background-color:var(--scenia-primary)!important;border-color:var(--scenia-primary)!important}
html[data-serro-site] :is(.r-pzx7ko,.r-uhn5h0) .r-1g6fvl3{color:#faf9f5!important}
html[data-serro-site] .blue-hero .bh-actions button:first-child{background:var(--scenia-primary);border-color:var(--scenia-primary)}
html[data-serro-site] :is([data-site-page-navigation-active="true"],[data-entity-open-full],[data-people-graph-action],[data-place-graph-action]){background-color:var(--scenia-primary)!important;border-color:var(--scenia-primary)!important}
html[data-serro-site] :is([data-site-page-navigation-active="true"],[data-entity-open-full],[data-people-graph-action],[data-place-graph-action]) *{color:#faf9f5!important}
/* Neutralize legacy hardcoded green/brown shell colors, not image pixels. */
html[data-serro-site] :is(.r-1noztcf,.r-jmg03c,.r-1h8k6t0,.r-1wl728j,.r-sjy5x9,.r-1uc0ygz,.r-ncad68,.r-1kc314z,.r-nobekn,.r-1um0lve,.r-18vuoge){background-color:var(--site-surface)!important}
html[data-serro-site] .r-158ky3e{background-color:rgba(34,36,36,.94)!important}
html[data-serro-site] .r-b5j6bq{background-color:#414747!important}
html[data-serro-site] .r-lsmgwk{background-color:var(--scenia-primary)!important}
/* Update history is a timeline, not a card surface. Keep its past rail and
   ticks visible on both the homepage and /updates without moving the axis. */
html[data-serro-site] [data-update-timeline-line],
html[data-serro-site] [data-update-timeline-point]>.r-18vuoge:first-child{background-color:#91a8d8!important}
html[data-serro-site] [data-update-timeline-point]>:first-child{border-radius:3px!important}
html[data-serro-site] #root [data-update-timeline-meta]{font-weight:500!important}
html[data-serro-site] #root [data-update-timeline-summary]{font-weight:900!important;margin-top:4px!important}
html[data-serro-site] :is(.r-1daf6rb,.r-1begfou,.r-1eelq2y,.r-97zy8w,.r-nrjbvu,.r-81uc8g,.r-1s297q6,.r-expx8z,.r-cpogud,.r-4jj52q,.r-1c05kcy,.r-18zbneh,.r-1a9b87k,.r-fvwzny,.r-2yiuvp,.r-1wq1gl6){border-color:var(--scenia-line)!important}
html[data-serro-site] :is(.r-13eofjo,.r-sx54mt){color:var(--site-accent)!important}
html[data-serro-site] :is(.r-v3xlz,.r-19ilane,.r-18y1euw,.r-1fkw1ez,.r-fc28u5){color:var(--site-text-soft)!important}
html[data-serro-site] :is([data-page-top-actions],[data-site-page-navigation-panel],[data-account-user-settings],[data-entity-preview-drag-handle]){border-color:var(--scenia-line-soft)!important}
html[data-serro-site] [data-site-page-navigation-panel]{box-shadow:0 12px 32px #0003!important}
html[data-serro-site] :is([data-site-page-navigation-trigger],[data-page-top-actions] [role="button"]){background-color:var(--site-surface)!important;border-color:var(--scenia-line)!important}
html[data-serro-site] :is(.r-palfh,.r-uu4gi8){box-shadow:none!important}
html[data-serro-site] :is([data-page-top-actions] [aria-pressed="true"],[data-site-page-navigation-active="true"]){background-color:var(--scenia-primary)!important}
html[data-serro-site] :is(input,textarea){background-color:var(--site-canvas)!important;color:var(--site-ink)!important;border-color:var(--scenia-line)!important;border-radius:0!important;caret-color:var(--site-accent)}
html[data-serro-site] :is(input,textarea)::placeholder{color:var(--site-placeholder);opacity:1}
html[data-serro-site] :is(button,[role="button"],[role="link"],a,input,textarea):focus-visible{outline:2px solid var(--scenia-focus)!important;outline-offset:3px}
html[data-serro-site] :is([data-entity-link],[data-place-card],[data-home-person-card],[data-people-card],[data-site-page-navigation-item]):hover{border-color:#8baaff!important}
html[data-serro-site] :is([data-entity-preview-overlay],[data-relation-browser-overlay-panel]){box-shadow:0 18px 60px #0005!important}
html[data-serro-site] ::selection{background:var(--scenia-primary);color:#faf9f5}

html[data-serro-site] :is([data-document-outline-opacity],[data-document-outline-toggle],[data-document-outline-hide]){background-color:var(--site-surface-muted)!important;border-color:var(--scenia-line)!important}
html[data-serro-site] [data-document-outline-reveal]{border-radius:0!important}

/* Existing dark image captions keep white foreground in dark mode. */
html[data-serro-site] .r-ssgfcs{color:#faf9f5!important;background-color:rgba(34,36,36,.9)!important}
html[data-serro-site] :is(.r-kdyh1x,.r-1xfd6ze,.r-1px6drs,.r-1dzdj1l,.r-1q9bdsx):not(:is([data-people-graph-canvas],[data-history-canvas],[data-history-focus-canvas],[data-place-graph-canvas],[data-keyword-chain-canvas],[data-relation-browser-canvas],[data-home-graph-panel]) *){box-shadow:none!important}

/* Shared period palette; segmentation, dates and coordinates are untouched. */
html[data-serro-site] :is([data-history-minor-period-band],[data-place-graph-minor-period-band],[data-people-graph-minor-period-band],[data-home-people-graph-minor-period-band]){background-color:#292c31!important}
html[data-serro-site] :is([data-history-minor-period-band="early-rome"],[data-history-minor-period-band="republic"],[data-history-minor-period-band="empire"],[data-place-graph-minor-period-band="early-rome"],[data-place-graph-minor-period-band="republic"],[data-place-graph-minor-period-band="empire"],[data-people-graph-minor-period-band="early-rome"],[data-people-graph-minor-period-band="republic"],[data-people-graph-minor-period-band="empire"],[data-home-people-graph-minor-period-band="early-rome"],[data-home-people-graph-minor-period-band="republic"],[data-home-people-graph-minor-period-band="empire"]){background-color:#282f32!important}
html[data-serro-site] :is([data-history-minor-period-label],[data-place-graph-minor-period-label],[data-people-graph-minor-period-label],[data-home-people-graph-minor-period-label],[data-history-floating-phase-label-inline],[data-place-graph-floating-phase-label-inline],[data-people-graph-floating-phase-label-inline],[data-home-people-graph-floating-phase-label-inline]){color:#a7bbeb!important}
html[data-serro-site] :is([data-history-fixed-phase-date],[data-place-graph-fixed-phase-date],[data-people-graph-fixed-phase-date],[data-home-people-graph-fixed-phase-date]){color:#9caecf!important}
html[data-serro-site] :is([data-graph-period-major-title],[data-graph-period-major-date]){color:rgba(156,180,225,.6)!important}
html[data-serro-site] :is([data-history-floating-phase-label-inline],[data-place-graph-floating-phase-label-inline],[data-people-graph-floating-phase-label-inline],[data-home-people-graph-floating-phase-label-inline]) *{color:inherit!important}
html[data-serro-site] [data-people-graph-index-handle]{border-radius:0!important}
html[data-serro-site] [data-keyword-chain-canvas]{background-color:var(--site-canvas)!important}
html[data-serro-site] [data-keyword-chain-canvas] svg [stroke="#66717A" i]{stroke:#91a5c4}
html[data-serro-site] [data-keyword-chain-canvas] svg [fill="#1B2026" i]{fill:#222424}

/* Balance document headings without changing graph labels or their metrics. */
html[data-serro-site] [data-knowledge-card-page] [id$="-overview"]>div:first-child>div:first-child>.css-146c3p1:last-child{ text-wrap:balance }

/* Inner-page shell: reserve real space for navigation and document outline. */
.scenia-inner-header{display:none}
html[data-scenia-inner]{--scenia-header-height:76px}
html[data-scenia-inner] #root{padding-top:var(--scenia-header-height);box-sizing:border-box}
html[data-scenia-inner] .scenia-inner-header{position:fixed;inset:0 0 auto;z-index:90;height:76px;box-sizing:border-box;display:flex;align-items:center;gap:32px;padding:0 22px;background:#252626;border-bottom:1px solid #444847;color:#faf9f5;font-family:Arial,"Microsoft YaHei",sans-serif}
.scenia-brand{display:flex;align-items:center;flex-shrink:0;font-family:"Bahnschrift","Segoe UI",sans-serif;font-size:30px;font-weight:600;letter-spacing:-1.6px;line-height:1;text-decoration:none;color:#faf9f5}
.scenia-brand-symbol{font-size:24px;width:26px;height:29px;display:inline-grid;place-content:center;background:#faf9f5;color:#252626;margin-right:10px;letter-spacing:0;transform:skewY(-9deg)}
.scenia-brand-dot{color:#81aaff}
.scenia-inner-header nav{display:flex;gap:22px;align-items:center;margin-right:240px}
.scenia-inner-header nav a{font-size:13px;white-space:nowrap;color:#c5cbc9;text-decoration:none}
.scenia-inner-header nav a::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#686d6a;margin:0 7px 2px 0}
.scenia-inner-header nav a[aria-current]::before,.scenia-inner-header nav a:hover::before{background:#81aaff}
html[data-scenia-inner] [data-page-top-actions]{position:fixed!important;top:16px!important;right:16px!important;z-index:100!important;flex-direction:row!important;gap:8px!important}
html[data-scenia-inner] [data-scenia-legacy-brand]{display:none!important}
html[data-scenia-inner] [data-scenia-balanced]{text-wrap:balance!important}
html[data-scenia-inner] [data-document-outline]{position:fixed!important;top:92px!important;left:16px!important;width:276px!important;max-height:calc(100dvh - 108px)!important;border-radius:0!important}
html[data-scenia-inner] [data-document-outline-edge]{position:relative!important;top:auto!important;left:auto!important;flex-shrink:0!important}
html[data-scenia-inner] [data-document-outline]+div{margin-left:308px!important;min-width:0!important;max-width:calc(100% - 308px)!important}
html[data-scenia-inner] [data-document-outline-edge]+div{margin-left:58px!important;max-width:calc(100% - 58px)!important}
html[data-scenia-inner] [data-document-outline-edge]{position:absolute!important;top:16px!important}
html[data-scenia-inner] [data-scenia-graph-host]{height:calc(100dvh - var(--scenia-header-height))!important;min-height:0!important}
@media(max-width:1100px){
 html[data-scenia-inner]{--scenia-header-height:116px}
 html[data-scenia-inner] .scenia-inner-header{height:116px;align-items:flex-start;padding-top:17px}
 .scenia-inner-header nav{position:absolute;left:22px;right:16px;bottom:17px;gap:20px;margin:0;justify-content:space-between}
 html[data-scenia-inner] [data-document-outline]{top:132px!important;max-height:calc(100dvh - 148px)!important}
}
@media(max-width:720px){
 html[data-scenia-inner] .scenia-inner-header{padding-left:16px}
 .scenia-brand{font-size:25px}.scenia-brand-symbol{width:23px;height:26px;font-size:21px;margin-right:8px}
 .scenia-inner-header nav{left:16px;gap:10px}.scenia-inner-header nav a{font-size:12px}.scenia-inner-header nav a::before{display:none}
 html[data-scenia-inner] [data-page-top-actions]{top:12px!important;right:12px!important;gap:5px!important;flex-direction:column!important}
 html[data-scenia-inner] [data-page-top-actions]>div{gap:5px!important}
 html[data-scenia-inner] [data-page-top-actions] [role="button"]{min-width:40px!important;min-height:30px!important;padding:0 6px!important}
 html[data-scenia-inner] [data-document-outline]{position:relative!important;top:auto!important;left:auto!important;width:calc(100% - 32px)!important;max-width:none!important;max-height:34dvh!important;margin:12px 16px 0!important;flex-shrink:0!important}
 html[data-scenia-inner] [data-document-outline]+div,html[data-scenia-inner] [data-document-outline-edge]+div{margin-left:0!important;max-width:100%!important;min-height:0!important}
 html[data-scenia-inner] [data-document-outline-edge]{position:relative!important;top:auto!important;margin:8px 16px 0!important}
 html[data-scenia-inner] [data-document-outline-reveal]{width:auto!important;min-height:32px!important;flex-direction:row!important;padding:0 12px!important;border-width:1px!important}
}
html[data-scenia-inner] #root>div{z-index:auto!important;height:100%!important;min-height:0!important}
html[data-scenia-inner] [data-knowledge-card-page] [id$="-overview"]{padding-top:28px!important}
html[data-scenia-inner] [data-scenia-document]>div:last-child{flex:1!important;min-height:0!important}
.scenia-reading-view{position:absolute;z-index:45;bottom:20px;left:16px;background:#252626;border:1px solid #505553;color:#c5d5ff;padding:10px 14px;font:13px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}
html[data-scenia-inner] .scenia-reading-view{top:22px;right:16px;left:auto;bottom:auto;padding:9px 11px}
html[data-scenia-inner]:has([data-graph-zen-exit]) .scenia-reading-view{top:64px}
html[data-scenia-inner] [data-knowledge-card-page] div:has(>[id$="-overview"]){padding-top:24px!important}
html[data-scenia-inner] [data-knowledge-card-page] [id$="-overview"]{padding-top:0!important}


/* KeywordChainScreen owns responsive dock coordinates; skin preserves only stacking. */
html[data-serro-site] [aria-label="打开关键词类型筛选"],html[data-serro-site] [aria-label="收起关键词类型筛选"]{top:auto!important;left:auto!important}
html[data-serro-site] [data-keyword-chain-type-filters]{top:auto!important;left:auto!important;z-index:60!important}

/* Preserve the locked update-log badge within the otherwise square visual skin. */
html[data-serro-site] #root [data-update-log-version]{border-radius:6px!important;border-width:1px!important}

/* A short landscape viewport must keep the expanded relation body tappable. */
@media(max-height:500px){html[data-scenia-inner]:has([data-place-graph-relation-expanded]) [data-place-graph-mini-map]{visibility:hidden}}

/* Mobile reading: retain the brand, collapse the document index to its left edge. */
@media(max-width:759px){
 html[data-scenia-inner]{--scenia-header-height:56px}
 html[data-scenia-inner]:has([data-page-secondary-actions]>*){--scenia-header-height:88px}
 html[data-scenia-inner] .scenia-inner-header{height:var(--scenia-header-height);padding-left:16px;align-items:flex-start;padding-top:17px}
 html[data-scenia-inner] .scenia-inner-header nav{display:none!important}
 html[data-scenia-inner] [data-document-outline-edge]{position:fixed!important;top:calc(var(--scenia-header-height) + 8px)!important;left:0!important;margin:0!important;width:40px!important;max-width:40px!important;z-index:85!important;align-self:flex-start!important}
 html[data-scenia-inner] [data-document-outline-reveal]{width:40px!important;min-height:44px!important;padding:4px!important;flex-direction:column!important;border-left:0!important;border-radius:0 6px 6px 0!important;background:#252626!important}
 html[data-scenia-inner] [data-document-outline]{position:fixed!important;top:calc(var(--scenia-header-height) + 8px)!important;left:0!important;width:min(320px,calc(100vw - 24px))!important;max-height:65dvh!important;margin:0!important;z-index:85!important}
 html[data-scenia-inner] [data-document-outline]+div,html[data-scenia-inner] [data-document-outline-edge]+div{margin-left:0!important;max-width:100%!important}
}

/* Mobile: keep scrolling, hide rails; keep the three primary actions together. */
@media(max-width:759px){
 html,body,body *{scrollbar-width:none!important;-ms-overflow-style:none!important}
 ::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
 html[data-scenia-inner] [data-page-top-actions]{flex-direction:column!important;top:12px!important;right:12px!important;gap:5px!important}
 html[data-scenia-inner] [data-page-primary-actions]{flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important}
 html[data-scenia-inner] [data-page-primary-actions] [role="button"]{min-width:36px!important;min-height:32px!important;padding:0 4px!important;white-space:nowrap}
 html[data-scenia-inner] [data-page-primary-actions] [data-site-page-navigation-trigger]{gap:4px!important}
 html[data-scenia-inner] [data-page-secondary-actions] [role="button"]{min-height:30px!important}
}

/* Initial reader headings clear the 44px left-edge directory target. */
@media(max-width:759px){
 html[data-scenia-inner] [data-knowledge-card-page] div:has(>[id$="-overview"]){padding-top:52px!important}
 html[data-scenia-inner] [data-designer-detail-page] [id$="-overview"]{padding-top:40px!important}
}