/* Research reading layout. All source records, relationships and report sections remain available. */
:root{--research-ink:#263c42;--research-muted:#65777e;--research-line:#dce4e6;--research-accent:#216b65;--research-paper:#f3f6f7}
body{color:var(--research-ink);background:var(--research-paper);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
button,a,input,select,summary{outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #237e78}

/* A compact research entrance, with all three sectors visible together. */
.portal-top{height:64px;padding:0 max(28px,calc((100vw - 1320px)/2));border-color:var(--research-line)}
.portal-brand{font-size:16px}.portal-top nav{font-size:12px;color:var(--research-muted)}
.portal-top .internal-label{color:#52716c;border-color:#d7e3df;background:#f5f9f7}
.portal-main{max-width:1376px;padding:26px 28px 32px}
.portal-breadcrumb{color:#6a7e84;font-size:11px;letter-spacing:.5px}
.portal-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:48px;padding:24px 0 28px}
.portal-eyebrow{color:#627d78;margin-bottom:12px;letter-spacing:1px}
.portal-hero h1{font-size:38px;letter-spacing:-1px;margin-bottom:12px;color:#223b40}
.portal-hero p{font-size:13px;line-height:1.85;color:#5d7479;max-width:660px;margin:0}
.portal-search{margin-top:20px}.portal-search input{padding:12px 15px;font-size:13px;border-radius:6px;border-color:#bccdce;box-shadow:0 2px 5px #204c4205}
.portal-results{top:48px;border-color:#cbdad8;border-radius:6px}.portal-results a{font-size:13px;padding:12px 15px}
.portal-map{padding:20px 22px;border-radius:8px;border-color:#d8e4e3;background:#fff}
.portal-map header{color:#58766f}.map-axis{margin:22px 0;gap:12px}.map-axis strong{font-size:13px;background:#f4f8f6;border-color:#d5e2dc;border-radius:4px}
.portal-map footer{font-size:11px;color:#667e77;line-height:1.8}
.portal-section-head{margin-top:0;padding:16px 0;border-color:#cddcdb}.portal-section-head h2{font-size:17px}.portal-section-head p{font-size:12px;color:#687b7d}
.industry-grid{gap:18px}.industry-card{min-height:280px;padding:24px;border-radius:8px;border-color:var(--research-line);box-shadow:0 3px 10px #233f4404}
.industry-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px #233f440b}
.industry-card h3{font-size:29px;margin-top:22px}.industry-card .card-mark{width:49px;height:58px;top:64px;opacity:.2}
.industry-card .english{color:#708387}.industry-card p{font-size:13px;line-height:1.8;color:#5f7377;margin:17px 0 12px}
.industry-card .card-stats{justify-content:space-between;gap:8px!important;padding:10px 0 18px;font-size:11px;color:#667b7f}.card-stats strong{font-size:19px}
.industry-card .enter{font-size:13px}.industry-card .card-status{top:22px;right:22px}
.connect-strip{grid-template-columns:245px 1fr;background:#edf4f2;border-color:#d7e3de;padding:20px 22px;border-radius:8px;margin-top:22px}
.connect-strip h3{font-size:14px}.connect-strip p{font-size:12px;color:#6a7e76}.connect-tags a{font-size:12px;padding:6px 10px;border-radius:4px;color:#3f6c5e}
.portal-footer{margin-top:25px;font-size:11px;color:#6b7e80}

/* Screen structure: less chrome, more workspace. */
body.energy-catalog-page{color:var(--research-ink);background:var(--research-paper)}
.energy-catalog-page .topbar{height:58px;gap:20px;padding:0 24px;border-color:var(--research-line);box-shadow:0 1px 6px #223e4205}
.energy-catalog-page .brand{font-size:15px;color:#29464a}.energy-catalog-page .brand-mark{color:#32796d}
.energy-catalog-page .brand small{font-size:9px;color:#68817e;letter-spacing:1px}
.energy-catalog-page .top-link{font-size:12px;color:#5d7477}.energy-catalog-page .industry-switch{font-size:12px;padding:7px 10px;background:#f3f8f6;border-color:#d1e0db;color:#315f55}
.energy-catalog-page .search-wrap{width:min(430px,37vw)}
.energy-catalog-page :is(#search,#oil-search){font-size:13px;height:35px;background:#f5f8f9;border-color:#d9e3e5;color:#284348}
.energy-catalog-page .layout{grid-template-columns:204px minmax(0,1fr)}
.energy-catalog-page .sidebar{top:58px;height:calc(100dvh - 58px);padding:18px 12px;background:#fff;border-color:var(--research-line);scrollbar-width:thin}
.energy-catalog-page .sidebar-label{font-size:11px;color:#648078;padding:0 8px 13px}
.energy-catalog-page .side-root{font-size:12px;padding:10px;background:#edf4f1;color:#29675a;border-radius:5px}
.energy-catalog-page .side-parent{font-size:12px;line-height:1.5;margin-top:13px;padding:8px 7px;color:#294b49;border-radius:4px}
.energy-catalog-page .ec-nav-parent i{width:4px;height:14px;border-radius:2px;opacity:.8}
.energy-catalog-page .side-child{font-size:11px;line-height:1.65;padding:4px 6px 4px 19px;color:#687c7d}
.energy-catalog-page .side-child:hover,.energy-catalog-page .side-parent:hover{background:#f0f6f4;color:#225e50}
.energy-catalog-page .side-bottom{margin-top:17px}.energy-catalog-page .side-extra{font-size:11px;color:#607b73}
.energy-catalog-page main{max-width:none;min-width:0;padding:23px 28px 32px}
.energy-catalog-page .page-heading{margin:0 0 15px;gap:25px;align-items:center}
.energy-catalog-page .page-heading .eyebrow{font-size:11px;letter-spacing:.5px;margin:0 0 7px;color:#6e8285}
body.energy-catalog-page .page-heading h1{font-size:27px;line-height:1.35;letter-spacing:-.6px;margin:0 0 6px;color:#223b40}
body.energy-catalog-page .page-heading p{font-size:12px;line-height:1.75;margin:0;color:#667b7d}
.energy-catalog-page .counts{padding:3px 0 3px 23px;gap:22px;flex-shrink:0;border-color:#d6e0e0}
.energy-catalog-page .counts strong{font-size:24px;color:#315f5b;line-height:1.3}.energy-catalog-page .counts span{font-size:11px;color:#6b7d7d}
body.energy-catalog-page .classification{padding:9px 0;margin-bottom:13px;font-size:11px;gap:13px;border-color:#dce5e6;color:#5e7477}
.energy-catalog-page .classification .level{font-size:10px;color:#7b8b8b}

/* The same visual grammar across all sectors. No cards are hidden by density changes. */
.energy-catalog{--ec-border:#d9e3e3;--ec-muted:#667c7d;color:#2d4649;font-size:12px}
.ec-controls{position:sticky;top:58px;z-index:8;background:#f3f6f7f5;backdrop-filter:blur(10px);gap:12px;margin:0;padding:9px 0 11px;border-bottom:1px solid #dce5e6}
.ec-view-switch{padding:2px;border-radius:5px;background:#e7efed;border-color:#d4e0dd;gap:2px}
.ec-view-switch button{font-size:12px;padding:7px 12px;white-space:nowrap}.ec-view-switch button[aria-pressed=true]{color:#246351}
.ec-layer-picker{font-size:11px;gap:6px}.ec-layer-picker select{font-size:12px;padding:7px 9px;max-width:205px;border-color:#d4dfdf}
.ec-density{display:flex;align-items:center;gap:4px;margin-left:auto;color:#6d7e7f;font-size:11px}
.ec-density>span{margin-right:4px}.ec-density button{font-size:11px;padding:6px 8px;color:#6b7e7f;background:transparent;border:1px solid transparent;border-radius:4px;white-space:nowrap}
.ec-density button[aria-pressed=true]{border-color:#c9dcd5;background:#fff;color:#2e6958}
.ec-zoom{margin-left:0;border-color:#d7e1df;border-radius:4px}.ec-zoom button{font-size:11px;padding:6px 9px}
.ec-legend{font-size:10px;gap:8px 12px;margin:11px 0 7px;color:#687c7c}.ec-legend small{font-size:10px;color:#788987}
.ec-legend>span:not(:first-child){border-left-width:2px}.ec-reading-hint{font-size:11px;line-height:1.75;margin:0 0 16px;color:#6c7e7e;max-width:1200px}
.ec-scroll{padding-bottom:0}.ec-board{min-width:0}
.ec-layer{border-radius:7px;margin-bottom:22px;border-color:#d5e0df;scroll-margin-top:123px;box-shadow:0 2px 8px #25454203}
.ec-layer-title{padding:15px 18px;gap:14px;border-top:0;border-left:4px solid var(--ec-accent,#3d786c);background:#fafcfc;align-items:center}
.ec-number{font-size:25px;letter-spacing:-.8px;color:#7a9190;min-width:30px}
.ec-layer-title small{font-size:10px;letter-spacing:.5px;color:#7c8d8a}.ec-layer-title h2{font-size:20px;line-height:1.35;margin:2px 0 4px;color:#294346}
.ec-layer-title p{font-size:11px;line-height:1.7;color:#6c7e7c}.ec-layer-meta{gap:7px;font-size:11px;color:#658079}
.ec-layer-meta button{padding:6px 10px;font-size:11px;background:#fff;border-color:#d2e0d9;color:#39705e}
.ec-domain-position{padding:12px 16px 0;font-size:11px;gap:13px;color:#4d6e61}.ec-domain-position span{font-size:10px;color:#83918a}
.ec-single-flow-grid{gap:12px;padding:12px 14px 15px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.ec-flow-columns{padding:0 5px 14px}.ec-stage{padding:0 9px}.ec-stage>h3{font-size:12px;padding:13px 0;color:#486b60}.ec-stage>h3 small{font-size:10px}
.ec-unit{display:flex;flex-direction:column;padding:12px;border-radius:5px;border-color:#dce5e3;scroll-margin-top:123px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.ec-unit:hover{border-color:#b6cec5;box-shadow:0 2px 8px #254d4007}
.ec-unit-path{font-size:10px;line-height:1.55;margin-bottom:5px;color:#768784}.ec-unit-path span{font-size:10px;color:#6b867d;white-space:normal;text-align:right}
.ec-unit-name{gap:6px;line-height:1.6;color:#294f48;align-items:flex-start}.ec-unit-name strong{font-size:14px;font-weight:650}
.ec-unit-name small{font-size:9px;border:0;padding:2px 0;color:#7e928a}.ec-unit-name>span{font-size:12px;color:#7b9d8b;padding-top:2px}
.ec-unit-summary{font-size:11px;line-height:1.75;margin:7px 0 9px;color:#6b7d77;overflow-wrap:anywhere}
.ec-node-tags{gap:4px 5px}.ec-node-tags button{font-size:11px;line-height:1.65;padding:2px 5px;background:#f5f8f7;color:#536f62;border-color:#e2eae5;border-radius:3px;overflow-wrap:anywhere}
.ec-company-heading{font-size:10px;color:#7a8b83;margin:12px 0 4px;padding-top:9px;border-top:1px solid #e9efeb}.ec-company-heading b{color:#4b7060;font-weight:600}.ec-company-heading button{font-size:10px;color:#416f5b}
.ec-company-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;align-items:start}
.ec-company-tag{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:5px;max-width:none;min-width:0;border:0;border-radius:0;border-bottom:1px solid #edf2ee;background:none;font-size:11px!important;line-height:1.6;padding:6px 0;color:#455e50;position:relative}
.ec-company-tag>span{min-width:0;overflow-wrap:anywhere}.ec-company-tag small{font-size:9px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;max-width:68px;text-align:right;color:#71847b;font-variant-numeric:tabular-nums}
.ec-company-tag small::before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;vertical-align:2px;border-radius:50%;background:var(--market)}
.ec-company-tag.ec-market-none{grid-template-columns:minmax(0,1fr)}.ec-company-tag.ec-market-none small{text-align:left;max-width:none;font-size:9px;color:#8a9691}
.ec-company-tag:hover{color:#21624b;background:#f5faf6;border-bottom-color:#bfdbc8}
.ec-unit footer{margin-top:auto;padding-top:10px;border:0;gap:8px}.ec-unit footer button{font-size:10px;line-height:1.6;padding-top:7px;color:#51795f}
.ec-domain-interfaces{font-size:11px;padding:10px 17px;color:#698570;background:#fbfdfb}.ec-domain-interfaces>div{gap:22px}
.ec-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 14px 16px;gap:14px}.ec-support-branch>h3,.ec-inline-support>h3{font-size:12px;color:#587563;margin-bottom:8px;padding-bottom:8px}
.ec-side-note{font-size:11px;margin:12px 16px 0;color:#728577}.ec-inline-support{padding:15px}.ec-inline-support>div{gap:12px}
.ec-context{padding:13px 3px}.ec-context>button{font-size:12px;padding:10px 0}.ec-context p{font-size:11px;color:#7b8b80}
.ec-branch-list{padding:16px;display:grid;gap:16px}
.ec-branch-row{display:grid;grid-template-columns:146px minmax(0,1fr);gap:14px;padding:14px;background:#f5f8f7;border:1px solid #dce6e2;border-radius:6px;scroll-margin-top:125px}
.ec-branch-heading{border-left:3px solid var(--ec-accent,#3d786c);padding:4px 10px 4px 12px;align-self:start;min-width:0}
.ec-branch-heading>span{font-size:10px;color:#6d8279;letter-spacing:.6px}
.ec-branch-heading h3{font-size:15px;line-height:1.65;color:#294e43;margin:6px 0 9px;overflow-wrap:anywhere}
.ec-branch-heading>small{font-size:11px;color:#71857b}
/* Column widths depend only on the viewport, never on how many units a branch contains. */
.ec-branch-units{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.ec-branch-units>.ec-unit{margin:0;min-width:0;container-type:inline-size}
.ec-unit-title{margin:0;font-weight:600}.ec-unit-path .ec-unit-level{color:#7b8d85;font-size:10px;text-align:left}
.ec-branch-row.located{outline:2px solid #59a191;outline-offset:2px}
.ec-end{font-size:11px;margin:13px 0 20px;color:#6c8078}.ec-pagination{font-size:12px;padding-bottom:13px}
.ec-explorer{padding:18px;border-color:#c8dad3;border-radius:7px;margin-bottom:20px}.ec-explorer-title{margin-bottom:15px}.ec-explorer-title h2{font-size:20px;color:#2c5548}.ec-explorer-title small{font-size:11px}
.ec-relation-controls{padding:12px 0;margin-bottom:17px;border-block:1px solid #e3ebe6;gap:12px}.ec-relation-controls select{font-size:12px;padding:7px;max-width:270px}
.ec-relation-canvas{min-width:800px;gap:38px}.ec-relation-item{padding:11px;background:#fff;border-color:#d9e4dc;margin-bottom:10px}.ec-relation-focus{font-size:13px!important}.ec-relation-item>small{color:#6c8273}
.ec-relation-center>article{background:#f0f7f1;border-color:#bdd2bd;padding:16px}.ec-relation-center>article>h3{font-size:18px}.ec-relation-center>article>p{font-size:12px;line-height:1.8}
.ec-relation-note{font-size:11px;line-height:1.75;color:#6c816f}

/* A comfortable alternative changes spacing, never record counts or navigation. */
body[data-research-density="comfortable"] .ec-unit{padding:18px}
body[data-research-density="comfortable"] .ec-single-flow-grid{gap:18px;padding:18px}
body[data-research-density="comfortable"] .ec-branch-units{gap:18px}
body[data-research-density="comfortable"] .ec-unit-name strong{font-size:16px}
body[data-research-density="comfortable"] .ec-unit-summary{font-size:12px;line-height:1.9;margin:10px 0 13px}
body[data-research-density="comfortable"] .ec-company-tag{font-size:12px!important;padding:8px 0}
body[data-research-density="comfortable"] .ec-company-tag small{font-size:10px}
body[data-research-density="comfortable"] .ec-node-tags button{font-size:12px;padding:4px 6px}

/* Wide reports keep an always-visible chapter rail, not a wall of equal-weight blocks. */
body[data-atlas-sector] dialog,body[data-atlas-sector] dialog:has(.company-report),body[data-atlas-sector] #oil-dialog:has(.company-report){width:min(1320px,96vw);max-height:95dvh;border-radius:8px;border-color:#cdddda;box-shadow:0 20px 70px #173c3926}
body[data-atlas-sector] dialog .dialog-top{min-height:54px;padding:8px 22px;font-size:11px;background:#f3f7f5;color:#567365;z-index:25}
body[data-atlas-sector] dialog .reader-tools{top:54px;padding:9px 20px;background:#fff;border-bottom-color:#dce7df;z-index:20}
body[data-atlas-sector] dialog .reader-tools button{font-size:12px}.reader-tools span{font-variant-numeric:tabular-nums}
body[data-atlas-sector] dialog .detail-header{padding:23px 26px 19px}
body[data-atlas-sector] dialog .detail-header h2{font-size:27px;line-height:1.4;letter-spacing:-.4px;color:#26443a}
body[data-atlas-sector] dialog .detail-header>p{font-size:13px;line-height:1.8;color:#627b6c}
body[data-atlas-sector] dialog .detail-body{padding:10px 26px 28px;min-width:0}
body[data-atlas-sector] dialog .detail-body h3{font-size:17px;line-height:1.55;color:#355d48;margin-top:23px;margin-bottom:14px}
body[data-atlas-sector] dialog .company-report p{font-size:13px;line-height:1.85;color:#58705f}
body[data-atlas-sector] dialog .company-report>h3,body[data-atlas-sector] dialog .company-report>section[id]>h3{border-bottom:1px solid #dbe6dd;padding-bottom:11px;border-left:3px solid #6e9775;padding-left:11px}
body[data-atlas-sector] dialog .snapshot-grid{gap:12px}.snapshot-card{border-color:#dfe7df;box-shadow:none}.snapshot-title{font-size:12px}.snapshot-title>b{font-size:10px;background:#f0f5ef;color:#6e8269}
body[data-atlas-sector] dialog .snapshot-card>strong{font-size:14px;line-height:1.85;font-weight:550;color:#426246}
body[data-atlas-sector] dialog :is(.snapshot-card,.market-card){padding:16px;border-radius:5px;background:#fff}
body[data-atlas-sector] dialog .company-report :is(dl,table){font-size:12px;line-height:1.8}
body[data-atlas-sector] dialog .company-report .report-lead{margin:12px 0 22px;background:#eff6ec;border-left:3px solid #799c65;padding:15px 18px}
body[data-atlas-sector] dialog .source-card{font-size:13px;line-height:1.7;padding:12px 14px;border-color:#e0e7dc;background:#fcfdfb}
body[data-atlas-sector] dialog .source-card small{font-size:11px;line-height:1.8;color:#78906d}
body[data-atlas-sector] dialog .relation-board{gap:20px}.relation-lane>h3{border-bottom-width:2px}.relation-item{border-radius:4px}
body[data-atlas-sector] dialog .company-card{border-radius:5px;padding:13px;text-align:left;background:#fff;border-color:#dce6de}
body[data-atlas-sector] dialog .company-card strong{font-size:14px;line-height:1.6}.company-card small,.company-card .company-role{line-height:1.75}
body[data-atlas-sector] dialog .company-filters{padding:12px;background:#f4f8f3;border:1px solid #e0e9dc;border-radius:5px;gap:12px;margin:16px 0 10px}
.participation-filters{color:#688367}.participation-filters p{font-size:11px!important}
body[data-atlas-sector] dialog.reader-fullscreen,body[data-atlas-sector] dialog.reader-fullscreen:has(.company-report),body[data-atlas-sector] #oil-dialog.reader-fullscreen:has(.company-report){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
@media(min-width:1100px){
 :is(#node-detail,#oil-detail):has(>.report-toc){display:flow-root}
 :is(#node-detail,#oil-detail):has(>.report-toc)>.report-toc{float:left;width:180px;margin:0;padding:19px 13px 24px;position:sticky;top:101px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;max-height:calc(95dvh - 115px);overflow:auto;background:#f8faf6;border:0;border-right:1px solid #e1e8dc;scrollbar-width:thin}
 :is(#node-detail,#oil-detail):has(>.report-toc)>.report-toc>span{font-size:10px;letter-spacing:1px;color:#788d6a;padding:0 7px 9px;align-self:flex-start}
 :is(#node-detail,#oil-detail):has(>.report-toc)>.report-toc button{text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.8;padding:7px 8px;border:0;background:transparent;color:#587b43;border-radius:4px}
 :is(#node-detail,#oil-detail):has(>.report-toc)>.report-toc button:hover{background:#eaf1e3;color:#315f25}
 :is(#node-detail,#oil-detail):has(>.report-toc)>:not(.report-toc):not(.reader-tools){margin-left:180px}
 :is(#node-detail,#oil-detail):has(>.report-toc)::after{content:"";display:table;clear:both}
}

/* Cross-chain pages use the same hierarchy and comparison geometry. */
.shared-heading{margin:24px 0}.shared-heading h1{font-size:30px;color:#2b4940}.shared-heading p{font-size:13px;color:#617e6a;line-height:1.8}
.shared-principles{padding:17px 22px;border-radius:6px;background:#edf5ec}.shared-method{font-size:12px;color:#688164}
.shared-controls{margin:20px 0}.shared-controls input,.shared-controls select{font-size:13px;border-radius:5px}.shared-controls a{font-size:12px}
.shared-directory{gap:14px}.shared-card{border-radius:6px;padding:18px;min-height:158px;border-color:#d9e4d5}
.shared-card h2{font-size:17px}.shared-card p{font-size:12px;line-height:1.8;color:#638258}.shared-card footer{font-size:11px;color:#769065}
.shared-route-card{border-radius:6px;padding:18px}.shared-route-card p{font-size:13px;color:#6c875b;line-height:1.85}.shared-route-card details{font-size:11px}.shared-record{border-radius:7px;overflow:hidden}
.shared-main section[aria-label="贯通路线示例"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}
.shared-main section[aria-label="贯通路线示例"]>h2{grid-column:1/-1;font-size:18px;margin:2px 0 0}
.shared-main .framework-example{padding:17px 19px;margin:0;background:#fff;border-radius:6px;min-width:0}
.shared-main .framework-example:first-of-type{grid-column:1/-1}
.shared-main .framework-example h3{font-size:15px;line-height:1.7;margin:0 0 7px;color:#36544c}
.shared-main .framework-example p{font-size:12px;line-height:1.8;margin:0 0 12px;color:#667d72}
.shared-main .framework-route{position:relative;padding:10px 0 10px 106px;border-top:1px solid #e6ece8;font-size:12px;line-height:2.5}
.shared-main .framework-route-label{position:absolute;left:0;top:14px;max-width:96px;font-size:11px;line-height:1.7;color:#536c60}
.shared-main .framework-route a{font-size:11px;padding:4px 6px;border-radius:3px;background:#f2f7f3;color:#416e55;max-width:100%;overflow-wrap:anywhere}

@media(min-width:1800px){.ec-single-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ec-unit-name strong{font-size:15px}.ec-company-tag{font-size:12px!important}.ec-company-tag small{font-size:10px}}
@media(min-width:1800px){.ec-branch-units{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1359px) and (min-width:1001px){.ec-branch-units{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-branch-row{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:1000px) and (min-width:761px){.ec-branch-row{grid-template-columns:1fr;gap:12px}.ec-branch-heading{display:flex;align-items:center;gap:10px;padding:2px 10px}.ec-branch-heading h3{font-size:14px;margin:0}.ec-branch-heading>small{margin-left:auto;white-space:nowrap}.ec-branch-units{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1190px) and (min-width:761px){
 .energy-catalog-page .layout{grid-template-columns:176px minmax(0,1fr)}.energy-catalog-page main{padding:21px 20px}
 .ec-single-flow-grid,.ec-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-flow-columns .ec-company-tags{grid-template-columns:1fr}
 .ec-controls{gap:9px}.ec-density>span{display:none}.ec-layer-picker select{max-width:160px}.energy-catalog-page .counts{gap:15px;padding-left:15px}
 .energy-catalog-page .topbar{gap:14px;padding:0 18px}.energy-catalog-page .search-wrap{width:min(365px,32vw)}
}
@media(max-width:760px){
 .portal-top{height:auto;min-height:66px;padding:15px 19px;gap:12px}.portal-brand{font-size:15px}.portal-top nav{font-size:11px;gap:15px}
 .portal-main{padding:22px 18px 28px}.portal-hero{grid-template-columns:1fr;gap:20px;padding:22px 0}.portal-hero h1{font-size:31px}.portal-hero p{font-size:13px}.portal-map{display:block;padding:17px 18px}.portal-map .map-axis{margin:17px 0}.portal-map footer{font-size:11px}
 .industry-grid{grid-template-columns:1fr;gap:13px}.industry-card{min-height:0;padding:21px}.industry-card h3{font-size:26px;margin-top:17px}.industry-card p{font-size:13px;margin:14px 0 9px}.industry-card .card-stats{padding:8px 0 15px}.connect-strip{grid-template-columns:1fr;gap:14px;padding:18px}.portal-footer{font-size:10px}
 .energy-catalog-page .topbar{position:relative;height:auto;min-height:102px;padding:12px 16px;gap:10px 14px}.energy-catalog-page .top-link{font-size:11px}.energy-catalog-page .industry-switch{margin-left:auto;max-width:140px;font-size:11px}
 .energy-catalog-page .search-wrap{width:100%;flex-basis:100%;order:5}.energy-catalog-page .layout{display:block}.energy-catalog-page .sidebar{display:none}.energy-catalog-page main{padding:20px 15px 25px}
 .energy-catalog-page .page-heading{display:block;margin-bottom:13px}body.energy-catalog-page .page-heading h1{font-size:25px}.energy-catalog-page .page-heading .eyebrow{font-size:10px}.energy-catalog-page .counts{border-left:0;border-top:1px solid #dce5e3;margin-top:12px;padding:11px 0 0;gap:30px}.energy-catalog-page .counts strong{font-size:22px}
 body.energy-catalog-page .classification{gap:8px;font-size:11px;padding:9px 0;margin-bottom:5px}
 .ec-controls{top:0;padding:9px 0;gap:9px;z-index:8}.ec-view-switch button{padding:7px 10px;font-size:11px}.ec-layer-picker{margin-left:auto;gap:5px}.ec-layer-picker select{max-width:154px;font-size:11px;padding:7px 6px}.ec-density{margin-left:0}.ec-density>span{display:inline}.ec-zoom{margin-left:auto}
 .ec-legend{margin:10px 0 7px;gap:7px 10px}.ec-legend small{width:100%;margin-left:0;font-size:10px}.ec-reading-hint{font-size:11px;margin-bottom:13px}
 .ec-board{min-width:0}.ec-layer-title{padding:13px 12px;gap:10px;flex-wrap:wrap}.ec-number{font-size:23px;min-width:25px}.ec-layer-title>div:not(.ec-layer-meta){flex:1;min-width:0}.ec-layer-title h2{font-size:19px}.ec-layer-title p{font-size:11px}.ec-layer-meta{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 35px);margin:0 0 0 35px;text-align:left;gap:8px}.ec-layer-meta button{font-size:10px;padding:6px 8px}
 .ec-single-flow-grid,.ec-flow-columns,.ec-support-grid,.ec-inline-support>div{grid-template-columns:1fr}.ec-single-flow-grid{padding:12px;gap:11px}.ec-flow-columns{padding:0 12px 13px}.ec-stage{padding:0}.ec-stage+.ec-stage{border-left:0;border-top:1px solid #dfe8e0;margin-top:15px}.ec-stage>h3{padding-top:14px}
 .ec-support-grid{padding:12px;gap:16px}.ec-support-branch>h3{font-size:13px}.ec-unit{padding:13px}.ec-unit-name strong{font-size:15px}.ec-unit-summary{font-size:12px;line-height:1.8}.ec-node-tags button{font-size:11px;padding:3px 6px}.ec-company-tag{font-size:12px!important;padding:7px 0}.ec-company-tag small{font-size:9px}.ec-company-heading{font-size:11px}.ec-unit footer button{font-size:11px}
 .ec-branch-list{padding:10px;gap:13px}.ec-branch-row{grid-template-columns:1fr;padding:10px;gap:12px;scroll-margin-top:125px}.ec-branch-heading{padding:1px 9px}.ec-branch-heading h3{font-size:15px;margin:4px 0}.ec-branch-heading>small{font-size:10px}.ec-branch-units{grid-template-columns:1fr;gap:10px}.ec-branch-units>.ec-unit{padding:12px}.ec-branch-row .ec-company-tags{grid-template-columns:1fr}.ec-branch-row .ec-company-tag.ec-market-none{grid-template-columns:minmax(0,1fr) auto}.ec-branch-row .ec-company-tag.ec-market-none small{text-align:right;max-width:90px}
 .ec-domain-position{padding:12px 13px 0;flex-wrap:wrap;gap:4px 12px}.ec-domain-position span{font-size:10px}.ec-domain-interfaces{padding:11px 14px}.ec-domain-interfaces>div{grid-template-columns:1fr;gap:8px}
 .ec-explorer{padding:14px}.ec-explorer-title{gap:12px;align-items:flex-start}.ec-explorer-title h2{font-size:17px}.ec-relation-controls{gap:10px}.ec-relation-controls label{flex-wrap:wrap;gap:5px}.ec-relation-controls select{max-width:100%;font-size:12px}.ec-relation-canvas{min-width:780px;gap:30px}.ec-relation-scroll{border:1px solid #e1e9e1;padding:12px;border-radius:5px}.ec-mobile-hint{font-size:11px;color:#6d806b;line-height:1.8}
 body[data-atlas-sector] dialog,body[data-atlas-sector] dialog:has(.company-report),body[data-atlas-sector] #oil-dialog:has(.company-report){width:calc(100vw - 14px);max-width:calc(100vw - 14px);max-height:96dvh;border-radius:6px}
 body[data-atlas-sector] dialog .dialog-top{min-height:54px;padding:9px 13px;font-size:10px}body[data-atlas-sector] dialog .reader-tools{top:54px;padding:8px 12px;gap:7px}body[data-atlas-sector] dialog .reader-tools button{font-size:11px}
 body[data-atlas-sector] dialog .report-toc{padding:12px 15px;gap:6px;background:#f7faf4}body[data-atlas-sector] dialog .report-toc button{font-size:11px;padding:5px 7px;line-height:1.6;text-align:left}
 body[data-atlas-sector] dialog .detail-header{padding:19px 16px 16px}body[data-atlas-sector] dialog .detail-header h2{font-size:24px}body[data-atlas-sector] dialog .detail-body{padding:10px 16px 24px}
 body[data-atlas-sector] dialog .company-report p{font-size:13px;line-height:1.9}body[data-atlas-sector] dialog .snapshot-grid,body[data-atlas-sector] dialog .market-grid,body[data-atlas-sector] dialog .market-charts{grid-template-columns:1fr}
 body[data-atlas-sector] dialog .unit-company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-atlas-sector] dialog .company-card strong{font-size:13px}body[data-atlas-sector] dialog .company-filters{padding:10px;flex-wrap:wrap}.participation-filters{gap:10px}
 .shared-heading h1{font-size:26px}.shared-directory{grid-template-columns:1fr}.shared-card{min-height:145px}.shared-route-grid{grid-template-columns:1fr}.shared-heading #shared-counts{font-size:11px}.shared-record-body{padding:17px}
 .shared-main section[aria-label="贯通路线示例"]{grid-template-columns:1fr}.shared-main .framework-example{padding:15px}.shared-main .framework-route{padding:10px 0}.shared-main .framework-route-label{position:static;max-width:none;margin-bottom:5px}
}
@media(max-width:390px){.ec-company-tags{grid-template-columns:1fr}.ec-company-tag.ec-market-none{grid-template-columns:minmax(0,1fr) auto}.ec-company-tag.ec-market-none small{text-align:right;max-width:90px}.ec-layer-picker select{max-width:127px}.ec-view-switch button{padding:7px 8px}body[data-atlas-sector] dialog .unit-company-grid{grid-template-columns:1fr}.portal-section-head p{max-width:145px}}
@media(prefers-reduced-motion:reduce){.industry-card,.ec-unit{transition:none}.industry-card:hover{transform:none}*{scroll-behavior:auto!important}}

@container(min-width:620px){.ec-branch-units .ec-company-tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}}
@media(max-width:420px){.ec-layer-meta{flex-wrap:wrap}}