/* Research-specific diagrams and content, built on the existing site palette */
html{scroll-padding-top:0}
.research-page .desktop-nav a[aria-current="page"]{color:#fff}
.research-page .desktop-nav a[aria-current="page"]:after{width:100%}
.technology-evolution{display:grid;grid-template-columns:1fr 1fr 1.15fr;border:1px solid #d9e0e7;background:#fff}
.evolution-stage{position:relative;padding:32px;display:flex;flex-direction:column;border-right:1px solid #d9e0e7}
.evolution-stage:after{content:"→";position:absolute;right:-17px;top:84px;background:#fff;padding:5px 8px;color:#b9552c;font-size:1.2rem;z-index:1}
.evolution-number{display:block;font-size:.72rem;letter-spacing:.1em;color:#85614f;line-height:1.8;margin-bottom:22px}
.technology-evolution h3{font-size:1.5rem;margin-bottom:10px;line-height:1.5}
.evolution-stage>p{font-size:.95rem;line-height:1.9;color:var(--muted)}
.evolution-stage .evolution-subtitle{color:#213b54;font-size:1rem;margin-bottom:22px}
.evolution-state{margin-top:auto;padding-top:26px;color:#677688;font-size:.8rem}
.evolution-branches{padding:30px 32px;background:#f0f4f7}
.evolution-branches>.evolution-number{margin-bottom:18px}
.evolution-branches article+article{border-top:1px solid #cfd9e3;margin-top:22px;padding-top:22px}
.evolution-branches h3{font-size:1.3rem}
.evolution-branches p{font-size:.9rem;line-height:1.9;color:var(--muted)}
.evolution-branches article>span{display:block;font-size:.75rem;color:#9b4929;margin-top:12px}
.evolution-note{padding:18px 24px;border:1px solid #d9e0e7;border-top:0;color:#526679;background:#fafbfc;font-size:.85rem;line-height:1.9}
@media(max-width:1000px){.evolution-stage,.evolution-branches{padding:25px}.technology-evolution h3{font-size:1.3rem}}
@media(max-width:700px){.technology-evolution{grid-template-columns:1fr}.evolution-stage{border-right:0;border-bottom:1px solid #d9e0e7}.evolution-stage:after{right:24px;top:auto;bottom:-19px;transform:rotate(90deg)}.evolution-number{margin-bottom:13px}.evolution-stage .evolution-subtitle{margin-bottom:15px}.evolution-state{padding-top:20px}.evolution-note{padding:18px 22px}}
.research-hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #354151;padding-top:25px;margin-top:52px;color:#c0cad8;font-size:.9rem}
.research-hero-index b{color:var(--orange);font-size:.75rem;font-weight:400;margin-right:16px}
.research-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.research-tags span{padding:5px 9px;background:#e9eef3;color:#526172;font-size:.75rem;line-height:1.6}
.research-source{display:inline-flex;gap:20px;color:#984624;font-size:.85rem;margin-top:24px;line-height:1.8;border-bottom:1px solid #d6af9e;padding-bottom:3px}
.research-source:hover{color:#642b16}
.research-task,.research-architecture{margin:42px 0 0;padding:32px;border:1px solid var(--line);background:#fff}
.research-task figcaption,.research-architecture figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:23px}
.research-kicker{display:block;font-size:.72rem;letter-spacing:.1em;line-height:1.8;color:#7c6355;margin-bottom:10px}
.research-task h3,.research-architecture h3{font-size:1.25rem;line-height:1.7;letter-spacing:-.02em}
.research-badge{display:inline-block;flex-shrink:0;border:1px solid #e0c0b1;padding:5px 10px;color:#87472c;background:#fff6f0;font-size:.75rem;line-height:1.8}
.research-task>p{font-size:.95rem;line-height:1.9;color:var(--muted);max-width:970px}
.research-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;gap:22px;margin:28px 0}
.research-flow li{position:relative;border-top:2px solid #b8c4d0;padding:20px 12px 0 0}
.research-flow li:first-child{border-top-color:var(--orange)}
.research-flow li:not(:last-child):after{content:"→";position:absolute;right:-14px;top:41px;color:#b7633f;font-size:1.1rem}
.research-flow span,.research-flow strong,.research-flow small{display:block}
.research-flow span{font-size:.75rem;color:#8d553c;margin-bottom:14px}
.research-flow strong{font-size:1rem;font-weight:500;line-height:1.7;margin-bottom:9px}
.research-flow small{font-size:.85rem;color:var(--muted);line-height:1.8}
.research-task .task-boundary{border-top:1px solid var(--line);padding-top:18px;font-size:.8rem;max-width:none}
.research-architecture{background:var(--navy);border-color:var(--navy);color:#f3f6fa;margin-top:0;padding:34px}
.research-architecture .research-kicker{color:#adbcd0}
.research-badge.dark{color:#d8c1ad;border-color:#7b6456;background:#2b2a2b}
.architecture-row{display:grid;grid-template-columns:124px minmax(0,1fr);gap:28px;border-top:1px solid #3b495a;padding:22px 0;align-items:start}
.layer-label{font-size:.85rem;color:#b9c5d5;padding-top:2px}
.architecture-row strong{font-size:1rem;font-weight:500;line-height:1.8}
.architecture-row p{font-size:.85rem;color:#b7c3d2;line-height:1.85;margin-top:7px}
.execution-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.execution-pair>div{padding:17px 20px;border:1px solid #4b5b6e;background:#1a2a3d}
.architecture-feedback{border-top:1px solid #3b495a;padding-top:22px;color:#c6d1df;font-size:.85rem;line-height:1.9;display:flex;align-items:baseline;gap:14px}
.architecture-feedback>span{color:var(--orange);font-size:1.3rem}
.research-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.research-focus-grid article{border-top:1px solid #b8c4d0;padding-top:24px}
.research-focus-grid .item-index{margin-bottom:15px}
.research-focus-grid h3,.research-roles h3{font-size:1.15rem;line-height:1.7;margin-bottom:13px}
.research-focus-grid p,.research-roles p{font-size:.95rem;line-height:1.9;color:var(--muted)}
.research-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:26px 30px;background:#e9edf2;margin-top:36px}
.research-roles h3{font-size:1rem;margin-bottom:8px}
.research-roles p{font-size:.875rem}
.maas-map{border:1px solid #cdd5df}
.maas-map-header{background:#182636;color:#f3f6fa;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px}
.maas-map-header>span{font-size:1.1rem}
.maas-map-header small{font-size:.8rem;line-height:1.9;color:#bbc8d8}
.maas-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.maas-modules article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.maas-modules article:nth-child(3n){border-right:0}
.maas-modules .item-index{margin-bottom:15px}
.maas-modules h3{font-size:1.1rem;margin-bottom:11px}
.maas-modules p{font-size:.9rem;line-height:1.9;color:var(--muted)}
.maas-map-footer{padding:19px 28px;background:#f0f3f6;color:#546578;font-size:.875rem;line-height:1.9}
.research-page .research-principles{margin-top:34px}
.research-metrics tbody th{width:18%}
.research-metrics td{width:41%;font-size:.95rem}
.research-page .small-definition{flex-shrink:0}
@media(max-width:1000px){.architecture-row{grid-template-columns:105px minmax(0,1fr);gap:20px}.research-hero-index{gap:16px;font-size:.85rem}.research-task,.research-architecture{padding:28px}.research-focus-grid{gap:24px}.research-flow{gap:20px}.research-roles{gap:24px;padding:24px}.maas-modules article{padding:24px}.maas-map-header{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:800px){.research-hero-index{margin-top:34px;font-size:.8rem}.research-hero-index b{display:block;margin:0 0 10px}.research-task figcaption,.research-architecture figcaption{flex-direction:column;gap:14px}.research-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.research-flow li:after{display:none}.research-focus-grid{grid-template-columns:1fr;gap:26px}.research-focus-grid h3{margin-bottom:10px}.research-roles{grid-template-columns:1fr;gap:22px}.research-roles>div+div{border-top:1px solid #d0d9e2;padding-top:20px}.maas-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.maas-modules article:nth-child(3n){border-right:1px solid var(--line)}.maas-modules article:nth-child(2n){border-right:0}.execution-pair{gap:12px}.execution-pair>div{padding:14px}.research-page .small-definition{width:100%}}
@media(max-width:560px){.research-task,.research-architecture{padding:22px 20px}.research-task h3,.research-architecture h3{font-size:1.15rem}.architecture-row{grid-template-columns:1fr;gap:10px;padding:20px 0}.layer-label{color:#f2a77f;font-size:.75rem}.execution-pair{grid-template-columns:1fr}.research-hero-index{gap:12px;font-size:.75rem;line-height:1.7}.maas-modules{grid-template-columns:1fr}.maas-modules article{padding:23px}.maas-modules article:nth-child(n){border-right:0}.maas-map-header,.maas-map-footer{padding:22px}.research-flow{gap:24px 16px}.research-flow li{padding-right:0}.research-flow strong{font-size:.95rem}.research-flow small{font-size:.8rem}.research-source{font-size:.8rem}.research-roles{padding:22px}.research-page .detail-hero h1{font-size:clamp(1.85rem,7vw,2.4rem)}}

.research-task .research-training-path{padding:14px 18px;background:#f0f3f6;margin-bottom:18px;font-size:.85rem;color:#46586d;max-width:none}

/* Token Factory architecture is a vector asset with a scrollable mobile view */
.token-architecture{margin:0;scroll-margin-top:164px;border:1px solid #cdd6e1;background:#fff}
.token-architecture figcaption{padding:26px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.token-architecture h3{font-size:1.25rem;line-height:1.7}
.architecture-intro{padding:17px 28px 24px;font-size:.9rem;line-height:1.9;color:var(--muted)}
.architecture-scroll{overflow-x:auto;scrollbar-width:thin;background:#0b101a}
.architecture-scroll img{display:block;width:100%;min-width:1050px;height:auto}
.architecture-guide{padding:0 28px;border-top:1px solid #d4dde6}
.architecture-guide summary{cursor:pointer;font-size:.9rem;color:#344b60;padding:20px 0;line-height:1.7}
.architecture-guide summary:focus-visible{outline:2px solid #377cbb;outline-offset:3px}
.architecture-guide dl{margin:0}
.architecture-guide dl>div{display:grid;grid-template-columns:165px 1fr;gap:25px;padding:15px 0;border-top:1px solid #e0e5eb;font-size:.9rem;line-height:1.9}
.architecture-guide dt{font-weight:600}
.architecture-guide dd{margin:0;color:var(--muted)}
.architecture-guide>div>p{border-top:1px solid #e0e5eb;padding:18px 0 24px;color:var(--muted);font-size:.85rem;line-height:1.9}
@media(max-width:1150px){.architecture-scroll:before{content:"左右滑动查看架构图";display:block;position:sticky;left:0;padding:13px 22px;border-bottom:1px solid #354151;color:#c0cad8;font-size:.75rem;line-height:1.8}}
@media(max-width:800px){.token-architecture{scroll-margin-top:150px}.token-architecture figcaption{padding:22px 20px 0;align-items:flex-start;flex-direction:column;gap:16px}.architecture-intro{padding:16px 20px 22px}.architecture-guide{padding:0 20px}.architecture-guide dl>div{grid-template-columns:1fr;gap:7px}.token-architecture h3{font-size:1.15rem}}
