:root{--ink:#153b45;--teal:#007b88;--line:#d9e5e6;--muted:#647b81;--bg:#edf2f2;--paper:#fff}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif}
button,input{font:inherit}
button{cursor:pointer}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid #d28a1e;outline-offset:2px}
.sitehead .headinner{max-width:1280px}
.sitehead .logo,.sitehead .logo:hover,.sitehead .logo:focus-visible{color:#fff;text-decoration:none}
.contextbar{border-bottom:1px solid var(--line);background:#fff}
.contextinner{max-width:1280px;min-height:60px;margin:auto;padding:10px 20px;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#708b91;font-size:14px}
.contextinner strong{color:var(--ink);font-weight:700}
.shell{max-width:1280px;margin:auto;padding:0 20px}
.intro{padding-top:14px}
.introhead{display:flex;align-items:start;justify-content:space-between;gap:16px}
.intro h1{margin:0;color:#123b44;font-size:19px;line-height:1.4;letter-spacing:0}
.intro p{margin:5px 0 13px;color:var(--muted);font-size:13px}
.variant-link{flex:none;margin-top:3px;padding:6px 10px;border:1px solid #cbdfe1;border-radius:4px;background:#fff;color:#006e79;font-size:12px}
.variant-link:hover{background:#eff7f7;text-decoration:none}
.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.metrics span{padding:5px 10px;border:1px solid #cbdfe1;border-radius:3px;background:#f7fbfb;color:#41646c;font-size:11px}
.metrics b{color:#006d78}
.layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:14px;align-items:start;padding-bottom:28px}
.panel{border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.sidehead{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 11px;border-bottom:1px solid var(--line)}
.sidehead strong{font-size:14px}
.sidehead small{color:var(--muted);font-size:11px}
.sector-list{padding:7px}
.sector-list button{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:6px 8px;border:0;border-radius:3px;background:transparent;color:#355b63;text-align:left}
.sector-list button:hover,.sector-list button:focus-visible{background:#ecf6f6}
.sector-list button.active{background:#e2f1f1;color:#006c78;font-weight:700}
.sector-code{flex:none;display:grid;place-items:center;width:25px;height:25px;border:1px solid #c3dadd;border-radius:3px;background:#fff;color:#007580;font-size:12px;font-weight:700}
.sector-name{flex:1;min-width:0;font-size:12px}
.sector-count{flex:none;color:#7c959a;font-size:11px;font-variant-numeric:tabular-nums}
.mainpanel{min-width:0;overflow:hidden}
.mainhead{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding:21px 23px 17px;border-bottom:1px solid var(--line)}
.eyebrow{display:block;margin-bottom:5px;color:#007c88;font-size:10px;font-weight:700;letter-spacing:1.1px}
.mainhead h2{margin:0;color:#123b44;font-size:19px;line-height:1.4}
.mainhead p{margin:5px 0 0;color:var(--muted);font-size:12px}
.searchbox{display:flex;flex:none;width:min(265px,38%);height:35px;border:1px solid #bad0d3;border-radius:3px;background:#fff}
.searchbox input{width:100%;min-width:0;padding:0 10px;border:0;border-radius:3px;color:var(--ink);outline:0;font-size:12px}
.searchbox:focus-within{outline:2px solid #a6ced1}
.searchbox button{padding:0 9px;border:0;background:transparent;color:#668087}
.path{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:44px;padding:9px 23px;border-bottom:1px solid #e4eeee;color:#789096;font-size:13px}
.path button{padding:0;border:0;background:transparent;color:#087c86}
.path .path-toggle{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-left:auto;border:1px solid #c3dadd;border-radius:3px;background:#fff;color:#007580;font-size:17px;line-height:1}
.path .path-toggle:hover{background:#eaf5f5}
.path strong{color:#244b53;font-weight:700}
.path-sep{display:inline-flex;align-items:center;justify-content:center;width:13px;height:20px;color:#91acb2}
.path-sep::before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}
.path-children{padding:15px 23px 17px;border-bottom:1px solid var(--line);background:#fbfdfd}
.content{padding:20px 23px 24px}
.viewbar{display:flex;gap:6px;margin-bottom:17px}
.viewbar button{padding:6px 14px;border:1px solid #cbdfe1;border-radius:3px;background:#fff;color:#41646c;font-size:12px}
.viewbar button.active{border-color:#00818d;background:#e6f4f4;color:#006d78;font-weight:700}
.levelbar{display:flex;align-items:baseline;gap:8px;margin-bottom:13px}
.levelbar h3{margin:0;font-size:15px}
.levelbar span{color:var(--muted);font-size:11px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.card{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:74px;padding:12px;border:1px solid #d8e5e6;border-radius:4px;background:#fff;color:var(--ink);text-align:left}
.card:hover,.card:focus-visible{border-color:#8dbbc0;background:#f1f8f8}
.card-code{flex:none;min-width:36px;color:#007783;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.card-main{display:block;min-width:0;flex:1}
.card-name{display:block;color:#254b53;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.card-meta{display:block;margin-top:4px;color:#789096;font-size:11px;font-variant-numeric:tabular-nums}
.card-arrow{flex:none;margin-left:auto;color:#0a8792}
.leaf{padding:18px 20px;border-left:3px solid #008793;background:#f1f8f8}
.leaf strong{font-size:15px}
.leaf p{margin:5px 0 0;color:#607980;font-size:12px}
.note{margin-top:14px;padding:12px 14px;border:1px solid #dfebeb;border-radius:3px;background:#f8fbfb;color:#668087;font-size:11px}
.note a{white-space:nowrap}
.empty{padding:26px 10px;color:#668087;text-align:center;font-size:12px}
.standard-list{border-top:1px solid var(--line)}
.standard-row{display:block;padding:11px 2px;border-bottom:1px solid #e5eeee}
.standard-row:hover{background:#f7fbfb;text-decoration:none}
.standard-row strong{display:block;color:#254b53;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.standard-row span{display:block;margin-top:3px;color:#718a90;font-size:11px;overflow-wrap:anywhere}
.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:#668087;font-size:12px}
.pager button{padding:5px 12px;border:1px solid #cbdfe1;border-radius:3px;background:#fff;color:#087c86}
.pager button:disabled{cursor:default;opacity:.45}
@media(max-width:920px){.layout{grid-template-columns:190px minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell,.contextinner{padding-left:15px;padding-right:15px}.layout{display:block}.sidebar{margin-bottom:12px}.sector-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:202px;overflow:auto}.mainhead{display:block;padding:17px}.mainhead h2{font-size:17px}.searchbox{width:100%;margin-top:12px}.path{padding:9px 17px}.content{padding:16px 17px 19px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:72px;padding:9px;gap:6px}.card-code{min-width:29px;font-size:12px}.card-name{font-size:11px}.card-arrow{display:none}}
@media(max-width:700px){.sector-list{display:block;max-height:202px}.path-children{padding:12px 17px}}
@media(max-width:380px){.cards{grid-template-columns:1fr}}

/* The second preview uses the site's classification-page rhythm while sharing the data view. */
.integrated .contextbar{position:relative;z-index:3}
.integrated .breadcrumb-inner{min-height:60px;padding-top:0;padding-bottom:0;gap:5px}
.integrated .contextsearch{width:min(230px,28vw);transition:width .18s ease}
.integrated .contextsearch:is(:hover,:focus-within){width:min(320px,32vw)}
.integrated .home-crumb{padding:12px 8px;color:#355c64;font-weight:600;white-space:nowrap}
.integrated .crumbsep{display:inline-flex;align-items:center;justify-content:center;width:11px;margin:0 1px;color:#91acb2}
.integrated .path{position:static;flex:1;flex-wrap:nowrap;min-width:0;min-height:60px;padding:0;border:0;gap:0;font-size:14px}
.integrated .path button{font-size:14px}
.integrated .path-node{position:static;display:flex;align-items:center;min-width:0;min-height:60px}
.integrated .path-node:first-child,.integrated .path-node.compact{flex:none}
.integrated .crumb-control{position:relative;z-index:11;align-self:flex-end;display:flex;align-items:center;min-width:0;height:50px;margin:0 2px;padding-bottom:10px;border:1px solid transparent;border-radius:4px 4px 0 0}
.integrated .path-node.has-children:hover .crumb-control,.integrated .path-node.has-children:focus-within .crumb-control,.integrated .path-node.pinned .crumb-control,.integrated .path-node.previewing .crumb-control{background:#fff;border-color:#bdd6d9;border-bottom-color:#fff}
.integrated .path-node.has-children:hover .crumb-control::after,.integrated .path-node.has-children:focus-within .crumb-control::after,.integrated .path-node.pinned .crumb-control::after,.integrated .path-node.previewing .crumb-control::after{content:"";position:absolute;top:auto;left:0;right:0;bottom:-2px;height:3px;border:0;background:#fff;pointer-events:none}
.integrated .path-node.dismissed .crumb-control{background:transparent;border-color:transparent}
.integrated .path-node.dismissed .crumb-control::after{display:none}
.integrated .crumb-trigger{display:flex;align-items:center;gap:4px;min-width:0;min-height:38px;margin:0;padding:6px 2px 6px 5px;border:0;background:transparent;color:#156b75;font-weight:600;text-align:left}
.integrated .crumb-trigger:hover,.integrated .path-node.pinned .crumb-trigger,.integrated .path-node.previewing .crumb-trigger{color:#006d78;text-decoration:none}
.integrated .crumb-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.integrated .crumb-trigger .crumb-code{flex:none;overflow:visible}
.integrated .crumb-trigger .crumb-name{flex:1;min-width:0}
.integrated .path-node.compact .crumb-name{display:none}
.integrated .crumb-pin{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:34px;margin:0;padding:0;border:0;background:transparent;color:#91acb2;cursor:pointer}
.integrated .crumb-pin::after{content:"";display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor;transition:transform .15s ease}
.integrated .path-node:hover .crumb-pin::after,.integrated .path-node:focus-within .crumb-pin::after,.integrated .path-node.pinned .crumb-pin::after,.integrated .path-node.previewing .crumb-pin::after{transform:rotate(90deg)}
.integrated .path-node.dismissed .crumb-pin::after{transform:none}
.integrated .crumb-pin:hover,.integrated .crumb-pin:focus-visible,.integrated .path-node.pinned .crumb-pin{color:#287b85}
.integrated .crumb-menu{position:absolute;top:100%;left:20px;z-index:10;display:none;width:calc(100% - 40px);max-height:min(460px,65vh);padding:16px;border:1px solid #bdd6d9;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 16px 30px #0c343b1b;overflow:auto}
.integrated .path-node:hover .crumb-menu,.integrated .path-node:focus-within .crumb-menu{display:block}
.integrated .path-node.dismissed .crumb-menu,.integrated .contextbar:has(.pinned-shelf) .path-node .crumb-menu{display:none}
.integrated .pinned-shelf{max-width:1280px;margin:0 auto;padding:0 20px 16px}
.integrated .pinned-shelf .crumb-menu{position:static;display:block;width:100%;max-height:min(460px,65vh);border-top:1px solid #bdd6d9;box-shadow:none}
.integrated .crumb-menu-heading{display:none;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#476971;font-size:12px;font-weight:700}
.integrated .pinned-shelf .crumb-menu-heading{display:flex}
.integrated .crumb-close{padding:3px 6px;border:0;border-radius:3px;background:transparent;color:#668087;font-size:12px}
.integrated .crumb-close:hover{background:#eef5f5}
.integrated .crumb-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.integrated .crumb-options button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:11px 12px;border:1px solid #dce8e9;border-radius:4px;background:#fff;color:#31565e;text-align:left;line-height:1.5;font-size:13px}
.integrated .crumb-options button:hover,.integrated .crumb-options button:focus-visible{border-color:#8bbdc2;background:#eff8f7;color:#005d68}
.integrated .crumb-options button.active{border-color:#8bbdc2;background:#e9f5f4;color:#005d68}
.integrated .crumb-options strong{flex:none;color:#006e79}
.integrated .crumb-options span{min-width:0;overflow-wrap:anywhere}
.integrated main.shell{padding-top:26px;padding-bottom:24px}
.integrated .economy-entry-content{padding:22px 24px 24px}
.integrated .economy-entry-content h1{margin:0 0 5px;color:#123b44;font-size:19px;line-height:1.4}
.integrated .economy-entry-content>p{margin:0 0 18px;color:#647b81;font-size:12px}
.integrated .economy-entry-content .note{margin-top:18px}
.integrated.economy-entry .integrated-tabs #variant-link{display:none}
.integrated .integrated-tabs{display:flex;align-items:end;min-height:51px;gap:4px;padding:8px 20px 0;border-bottom:1px solid #cfdfe2;background:#f3f8f8}
.integrated .current-tab{align-self:stretch;display:flex;align-items:center;margin-bottom:-1px;padding:9px 19px;border:1px solid #cfdfe2;border-bottom:0;border-radius:5px 5px 0 0;background:#fff;color:#005d68;font-size:14px;font-weight:700}
.integrated .tab-context{margin-left:12px;padding:0 4px 11px;color:#789096;font-size:12px}
.integrated .integrated-tabs a{margin-left:auto;padding:0 4px 11px;color:#006e79;font-size:12px}
.integrated .mainhead{align-items:center;padding:22px 24px 17px;border-bottom:0}
.integrated .mainhead h1{margin:0;color:#123b44;font-size:19px;line-height:1.4}
.integrated .mainhead p{margin:5px 0 0;color:#647b81;font-size:12px}
.integrated .metrics{justify-content:flex-end;margin:0}
.integrated .metrics span{background:#f8fbfb}
.integrated .filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 14px;border-bottom:1px solid var(--line)}
.integrated .filterbar .viewbar{margin:0}
.integrated .filterbar .searchbox{width:min(290px,42%)}
.integrated .content{padding:20px 24px 24px}
.integrated .levelbar h2{margin:0;font-size:15px}
.integrated .economy-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:59px;padding:8px 20px;border-bottom:1px solid var(--line)}
.integrated .economy-result-toolbar h1{margin:0;color:#395e64;font-size:14px;font-weight:400}
.integrated .economy-result-toolbar p{margin:0;color:#647b81;font-size:12px}
.integrated #detail-content{padding-top:0}
.integrated #detail-content .levelbar{display:none}
.integrated .standard-list{margin:0 -24px;border-top:0}
.integrated .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.integrated .card{min-height:77px}
.integrated .standard-row{padding:12px 4px}
.integrated .standard-row strong{font-size:13px}
@media(max-width:920px){.integrated .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.integrated .crumb-options{grid-template-columns:repeat(2,minmax(0,1fr))}.integrated .mainhead{align-items:start;flex-direction:column;gap:9px}.integrated .metrics{justify-content:flex-start}.integrated .path-node:first-child .crumb-trigger{max-width:110px}}
@media(max-width:700px){.introhead{display:block}.variant-link{display:inline-flex;margin:0 0 12px}.integrated .breadcrumb-inner{flex-wrap:wrap;padding:8px 15px 10px}.integrated .contextsearch{width:100%;margin-top:4px}.integrated .path{flex-wrap:wrap;gap:0}.integrated .path-node{min-height:38px}.integrated .crumb-control{height:34px}.integrated .crumb-trigger{max-width:165px;min-height:32px;padding:4px 2px 4px 5px;font-size:12px}.integrated .crumb-pin{width:22px;height:32px}.integrated .crumb-menu{left:15px;width:calc(100vw - 30px);padding:10px}.integrated .pinned-shelf{padding:0 15px 12px}.integrated .crumb-options{grid-template-columns:1fr}.integrated .economy-entry-content{padding:17px}.integrated .economy-entry-content h1{font-size:17px}.integrated .integrated-tabs{flex-wrap:wrap;padding:8px 12px 0}.integrated .current-tab{min-height:38px;padding:6px 11px;font-size:12px}.integrated .tab-context{display:none}.integrated .integrated-tabs a{padding-bottom:8px}.integrated .mainhead{padding:17px}.integrated .mainhead h1{font-size:17px}.integrated .content{padding:17px}.integrated .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.integrated .standard-list{margin-left:-17px;margin-right:-17px}}
@media(max-width:700px){.integrated .economy-result-toolbar{padding:10px 17px;min-height:54px}.integrated .economy-result-toolbar p{font-size:11px}}
@media(max-width:700px){.integrated .breadcrumb-inner{align-items:flex-start}.integrated .crumbsep{margin-top:21px}}
@media(max-width:380px){.integrated .cards{grid-template-columns:1fr}.integrated .crumb-trigger{max-width:130px}}
@media(prefers-reduced-motion:reduce){.integrated .crumb-pin::after{transition:none}}
@media(min-width:801px) and (max-width:900px){.integrated .contextsearch{width:min(190px,24vw)}.integrated .contextsearch:is(:hover,:focus-within){width:min(240px,28vw)}}
@media(max-width:800px){.integrated .breadcrumb-inner{flex-wrap:wrap;align-items:flex-start;padding:8px 15px 10px}.integrated .contextsearch,.integrated .contextsearch:is(:hover,:focus-within){width:100%;margin-top:4px;transition:none}.integrated .path{flex-wrap:wrap;gap:0}}
@media(max-width:640px){.integrated main.shell{padding-top:18px}}
@media(min-width:801px){.integrated .path{margin-right:14px}}
@media(prefers-reduced-motion:reduce){.integrated .contextsearch{transition:none}}

/* Match classification overview tabs and breadcrumb menu item metrics. */
.integrated.economy-entry .classification-tabs{font:15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
.integrated.economy-entry .breadcrumb-inner{gap:0}
.integrated.economy-entry .home-crumb{font-size:13px;line-height:20px}
.integrated .crumb-options button{padding:10px 12px;font-size:14px;line-height:1.45;gap:4px}
.integrated .crumb-options button strong{font-weight:400;color:inherit}

/* Use the same heading and description typography as classification overviews. */
.integrated .economy-entry-content h1{margin:0 0 8px;color:#153b45;font:700 19px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.integrated .economy-entry-content>p{margin:0 0 20px;color:#64748b;font:400 15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
@media(max-width:720px){.integrated .economy-entry-content h1{font-size:15px}}

/* Match classification overview tabs and breadcrumb menu item metrics. */
.integrated.economy-entry .classification-tabs{font:15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
.integrated.economy-entry .breadcrumb-inner{gap:0}
.integrated.economy-entry .home-crumb{font-size:13px;line-height:20px}
.integrated .crumb-options button{padding:10px 12px;font-size:14px;line-height:1.45;gap:4px}
.integrated .crumb-options button strong{font-weight:400;color:inherit}

/* Use the same heading and description typography as classification overviews. */
.integrated .economy-entry-content h1{margin:0 0 8px;color:#153b45;font:700 19px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.integrated .economy-entry-content>p{margin:0 0 20px;color:#64748b;font:400 15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
@media(max-width:720px){.integrated .economy-entry-content h1{font-size:15px}}

/* Match classification overview tabs and breadcrumb menu item metrics. */
.integrated.economy-entry .classification-tabs{font:15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
.integrated.economy-entry .breadcrumb-inner{gap:0}
.integrated.economy-entry .home-crumb{font-size:13px;line-height:20px}
.integrated .crumb-options button{padding:10px 12px;font-size:14px;line-height:1.45;gap:4px}
.integrated .crumb-options button strong{font-weight:400;color:inherit}

/* Use the same heading and description typography as classification overviews. */
.integrated .economy-entry-content h1{margin:0 0 8px;color:#153b45;font:700 19px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.integrated .economy-entry-content>p{margin:0 0 20px;color:#64748b;font:400 15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
@media(max-width:720px){.integrated .economy-entry-content h1{font-size:15px}}

/* Match classification overview tabs and breadcrumb menu item metrics. */
.integrated.economy-entry .classification-tabs{font:15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
.integrated.economy-entry .breadcrumb-inner{gap:0}
.integrated.economy-entry .home-crumb{font-size:13px;line-height:20px}
.integrated .crumb-options button{padding:10px 12px;font-size:14px;line-height:1.45;gap:4px}
.integrated .crumb-options button strong{font-weight:400;color:inherit}

/* Use the same heading and description typography as classification overviews. */
.integrated .economy-entry-content h1{margin:0 0 8px;color:#153b45;font:700 19px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.integrated .economy-entry-content>p{margin:0 0 20px;color:#64748b;font:400 15px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}
@media(max-width:720px){.integrated .economy-entry-content h1{font-size:15px}}
