/* 全幅图谱：图形与文字共享深青底，古金只作导航和聚焦。 */
#relations.has-atlas-experience > .wrap{width:calc(100% - clamp(32px,7vw,112px));max-width:none}
#relations.has-atlas-experience .chapter-head{max-width:1320px;margin-inline:auto}
.atlas-exp{--ax-ink:#F5F0E0;--ax-soft:#B9C9B9;--ax-gold:#C9AF74;--ax-rule:rgba(209,192,151,.24);margin-top:48px;color:var(--ax-ink);font-family:var(--sans,"Microsoft YaHei",sans-serif);isolation:isolate}
.ax-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--ax-rule);border-bottom:1px solid var(--ax-rule)}
.ax-tabs{display:flex;align-items:stretch;min-width:0;gap:clamp(2px,1.2vw,22px)}
.ax-tabs button{position:relative;min-height:68px;padding:0 12px;font:inherit;font-size:15px;white-space:nowrap;color:#ACB9A8;transition:color .3s}
.ax-tabs button span{font-family:Georgia,serif;font-size:12px;margin-right:9px;color:#96866B}
.ax-tabs button::after{position:absolute;content:"";height:3px;background:var(--ax-gold);left:10px;right:10px;bottom:-1px;transform:scaleX(0);transition:transform .35s}
.ax-tabs button[aria-selected="true"]{color:#F1DC9F}
.ax-tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.ax-actions{display:flex;flex:none;gap:10px}
.ax-actions button{min-height:44px;padding:8px 12px;border:1px solid var(--ax-rule);display:flex;align-items:center;gap:8px;font:inherit;font-size:13px;color:var(--ax-ink);white-space:nowrap}
.ax-actions button>span:first-child{font-family:Arial,sans-serif;font-size:20px;line-height:1}
.ax-actions button:disabled{opacity:.6;cursor:default}
.atlas-exp button:hover,.atlas-exp a:hover{color:#EAD7A5}
.atlas-exp button:focus-visible,.atlas-exp a:focus-visible,.atlas-exp summary:focus-visible{outline:2px solid #E7CB85;outline-offset:4px}
.ax-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 0 10px}
.ax-eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#CCB67D;margin:0 0 12px}
.ax-eyebrow span{display:inline-block;margin-left:22px;color:#8FAD99}
.ax-heading h3{font-family:var(--serif,serif);font-size:clamp(25px,2.6vw,43px);font-weight:400;line-height:1.35;letter-spacing:.06em;margin:0}
.ax-heading #axIntro{font-size:15px;line-height:1.8;color:#BCCABC;margin:12px 0 0;max-width:64ch}
.ax-scope{display:flex;flex:none;align-items:center;gap:16px;margin:0;padding-left:28px;border-left:1px solid var(--ax-rule)}
.ax-scope b{font:64px/.95 Georgia,serif;color:#DCC391;font-weight:400;font-variant-numeric:tabular-nums}
.ax-scope span{font-size:12px;writing-mode:vertical-rl;letter-spacing:.2em;color:#BBC9B5;line-height:1.5}
.ax-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(230px,23vw,320px);gap:clamp(24px,3.4vw,64px);align-items:stretch;margin-top:12px;min-height:560px}
.ax-visual{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center}
.ax-plot{height:clamp(440px,54vw,650px);max-height:73vh;min-height:420px;width:100%;position:relative}
.ax-plot svg{display:block;width:100%;height:100%;overflow:visible;font-family:var(--sans,"Microsoft YaHei",sans-serif);fill:#E8EAD8}
.ax-plot text{pointer-events:none}
.ax-plot .ax-muted{fill:#A7BDA9}
.ax-center-number{font-family:var(--serif,Georgia,serif);fill:#E4D2A4}
.ax-mark{cursor:pointer;transition:opacity .45s ease;outline:none;transform-box:fill-box}
.ax-mark>path,.ax-mark>rect,.ax-mark>circle{transition:fill-opacity .4s,stroke-opacity .4s}
.ax-mark.is-dimmed{opacity:.21}
.ax-mark.is-focused{opacity:1}
.ax-mark.is-focused>path,.ax-mark.is-focused>rect:first-child,.ax-mark:focus-visible>path,.ax-mark:focus-visible>rect:first-child{stroke:#F3DBA1;stroke-width:2;vector-effect:non-scaling-stroke;fill-opacity:1}
.ax-mark:focus-visible{opacity:1!important}
.ax-mark:focus-visible>circle{stroke:#F3DBA1;stroke-width:3}
.is-touring .ax-mark.is-focused{animation:ax-focus-breathe 4.4s ease-in-out infinite}
@keyframes ax-focus-breathe{0%,100%{opacity:.78}45%,70%{opacity:1}}
.ax-offscreen .ax-mark,.ax-hidden .ax-mark{animation-play-state:paused!important}
.ax-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 15px;min-height:52px;padding:8px 0}
.ax-legend button{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 6px;font:inherit;font-size:13px;color:#C6D0C0;border-bottom:1px solid transparent}
.ax-legend button[aria-pressed="true"]{border-color:#D9BA73;color:#F3DBA1}
.ax-legend i{width:10px;height:10px;background:var(--swatch);display:block;transform:rotate(45deg);flex:none}
.ax-legend b{font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;color:#E6DFC9}
.ax-scale{height:9px;width:116px;background:linear-gradient(to right,#233E34,#3D6854,#7DAA8F,#D1D2A5)}
.ax-scale-label,.ax-scale-note{font-size:12px;color:#B7C5AF}.ax-scale-note{margin-left:8px}
.ax-detail{border-left:1px solid var(--ax-rule);padding:25px 0 22px clamp(22px,2.8vw,40px);align-self:center;min-height:390px}
.ax-detail-kicker{font-size:11px;letter-spacing:.22em;color:#C9B37D;margin:0 0 16px}
.ax-detail h4{font-family:var(--serif,serif);font-size:clamp(23px,2vw,30px);font-weight:400;line-height:1.4;letter-spacing:.05em;margin:0;overflow-wrap:anywhere}
.ax-number{display:flex;align-items:baseline;gap:12px;margin-top:14px}
.ax-number strong{font-family:Georgia,serif;font-size:70px;font-weight:400;line-height:1.1;color:#E4C98A;font-variant-numeric:tabular-nums}
.ax-number span{font-size:13px;color:#B8C6AD}
.ax-ratio{font-size:13px;line-height:1.8;color:#D1D8C6;margin:8px 0 14px;min-height:24px}
.ax-detail-copy{font-size:13px;line-height:1.9;color:#AEBFAB;margin:0;min-height:50px}
.ax-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.ax-samples a{min-width:0;display:block;text-decoration:none;color:#BAC9B6}
.ax-samples img{width:100%;aspect-ratio:1.5;object-fit:cover;border:1px solid rgba(211,182,118,.55);background:#F7F3EA;padding:3px}
.ax-samples span{display:block;font:9px/1.3 Arial,sans-serif;letter-spacing:.04em;margin-top:5px;text-align:center}
.ax-empty{grid-column:1/-1;font-size:13px;line-height:1.8;color:#AFBDAD}
.ax-reset{font:inherit;font-size:13px;padding:12px 0 5px;min-height:44px;color:#DCC391;border-bottom:1px solid var(--ax-rule);margin-top:12px}
.ax-reset[hidden]{display:none}.ax-reset span{margin-left:22px}
.ax-sources{display:grid;gap:15px;margin-top:20px}
.ax-sources:empty{display:none}
.ax-sources a{font-size:14px;line-height:1.6;text-decoration:underline;text-decoration-color:var(--ax-rule);text-underline-offset:5px;color:#DCC391}
.ax-sources small{display:block;font-size:11px;line-height:1.6;color:#A8B9A7;margin-top:7px;text-decoration:none}
.ax-tooltip{position:absolute;z-index:4;max-width:min(300px,88%);background:#F2EBD7;color:#213D30;padding:10px 14px;font:13px/1.6 var(--sans,sans-serif);box-shadow:0 4px 18px #07160F40;pointer-events:none}
.ax-tooltip[hidden]{display:none}
.ax-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-top:1px solid var(--ax-rule);padding-top:18px;margin-top:16px}
.ax-bottom p{font-size:12px;line-height:1.9;color:#AABDAB;margin:0;max-width:80ch}
.ax-bottom .ax-status{color:#D6C18A;flex:none;font-size:11px;letter-spacing:.05em}
.ax-data{margin-top:18px;border-bottom:1px solid var(--ax-rule);padding-bottom:16px;color:#B7C8B3}
.ax-data summary{font-size:12px;cursor:pointer;min-height:44px;display:list-item;padding-top:12px;list-style-position:inside}
.ax-data #axNote{font-size:12px;line-height:1.9;color:#AABDAB;max-width:88ch;margin:8px 0 18px}
.ax-table-wrap{overflow:auto;max-height:360px;margin-top:10px}
.ax-data table{width:100%;border-collapse:collapse;font:13px/1.7 var(--sans,sans-serif);color:#CED8C8;min-width:420px}
.ax-data caption{text-align:left;font-weight:400;color:#D7BD80;margin-bottom:12px}
.ax-data th,.ax-data td{font-weight:400;text-align:left;padding:10px 12px;border-bottom:1px solid var(--ax-rule);white-space:nowrap}
.ax-data thead{color:#E0CCA0}
.ax-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.atlas-exp.is-expanded,.atlas-exp:fullscreen{position:fixed;z-index:10000;inset:0;margin:0;padding:18px clamp(20px,4vw,70px) 24px;background:#142B21;background-image:var(--weave-dark);width:100%;height:100dvh;overflow:auto;box-sizing:border-box}
.atlas-exp.is-expanded .ax-panel,.atlas-exp:fullscreen .ax-panel{min-height:calc(100dvh - 115px)}
.atlas-exp.is-expanded .ax-stage{min-height:0}
.atlas-exp.is-expanded .ax-plot{height:calc(100dvh - 310px);max-height:none;min-height:300px}
.atlas-exp.is-expanded .ax-heading{padding-top:22px}
.atlas-exp.is-expanded .ax-heading h3{font-size:clamp(24px,2.4vw,37px)}
.atlas-exp.is-expanded .ax-detail{padding-top:12px;padding-bottom:12px}
.atlas-exp.is-expanded .ax-data{display:none}
@media(min-width:1700px){.ax-stage{grid-template-columns:minmax(0,1fr) 350px}.ax-plot{height:700px;max-height:75vh}.ax-detail{padding-left:50px}.ax-heading{padding-top:42px}}
@media(max-width:1100px){
  .ax-toolbar{flex-wrap:wrap;gap:0;padding-bottom:12px}.ax-tabs{width:100%;justify-content:space-between;gap:0}.ax-actions{margin-left:auto}
  .ax-tabs button{padding:0 9px;min-height:58px;font-size:14px}.ax-stage{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.ax-heading h3{font-size:28px}.ax-scope b{font-size:50px}.ax-heading #axIntro{font-size:14px}.ax-detail{padding-left:20px}.ax-plot{min-height:400px}.ax-bottom{gap:18px}.ax-bottom .ax-status{max-width:150px}
}
@media(max-width:760px){
  #relations.has-atlas-experience > .wrap{width:calc(100% - 32px)}
  .atlas-exp{margin-top:28px}.ax-tabs{justify-content:flex-start;gap:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.ax-tabs button{padding:0 13px;font-size:14px;min-height:54px}.ax-tabs button span{display:none}.ax-toolbar{padding-bottom:10px}.ax-actions button{font-size:12px;min-height:42px}
  .ax-heading{padding:24px 0 0;gap:14px}.ax-heading h3{font-size:25px;letter-spacing:.035em}.ax-heading #axIntro{font-size:13px;line-height:1.85;margin-top:10px}.ax-scope{display:none}.ax-eyebrow{font-size:10px;margin-bottom:10px}
  .ax-stage{display:flex;flex-direction:column;gap:0;min-height:0;margin-top:14px}.ax-visual{width:100%}.ax-plot{height:390px;max-height:none;min-height:350px}
  .ax-legend{gap:0 13px;padding:6px 0 14px}.ax-legend button{font-size:12px;min-height:44px;padding:4px 2px}.ax-legend b{font-size:13px}.ax-legend i{width:8px;height:8px}
  .ax-detail{width:100%;border-left:0;border-top:1px solid var(--ax-rule);padding:20px 0 0;min-height:0;display:grid;grid-template-columns:1fr auto;column-gap:20px}
  .ax-detail-kicker{grid-column:1;grid-row:1;font-size:10px;margin:0 0 8px}.ax-detail h4{grid-column:1;grid-row:2;font-size:24px}.ax-number{grid-column:2;grid-row:1/3;margin:0;align-self:center}.ax-number strong{font-size:48px}.ax-number span{font-size:11px}
  .ax-ratio{grid-column:1/-1;margin:9px 0;font-size:12px;min-height:0}.ax-detail-copy{grid-column:1/-1;font-size:12px;line-height:1.8;min-height:0}.ax-samples{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.ax-samples img{aspect-ratio:1;padding:2px}.ax-samples span{font-size:8px;letter-spacing:0}.ax-reset{grid-column:1/-1;justify-self:start;margin-top:7px;font-size:12px}.ax-sources{grid-column:1/-1;margin-top:16px}
  .ax-bottom{display:block;margin-top:20px;padding-top:14px}.ax-bottom p{font-size:11px;line-height:1.8}.ax-bottom .ax-status{font-size:11px;margin-top:10px;max-width:none}
  .ax-data{margin-top:8px}.ax-data summary{font-size:11px}
  .atlas-exp.is-expanded,.atlas-exp:fullscreen{padding:10px 16px 24px}.atlas-exp.is-expanded .ax-plot{height:46dvh;min-height:320px}.atlas-exp.is-expanded .ax-heading{padding-top:16px}.atlas-exp.is-expanded .ax-heading h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.atlas-exp *,.atlas-exp *::after{animation:none!important;transition:none!important}}
html.static .atlas-exp *,html.static .atlas-exp *::after{animation:none!important;transition:none!important}