/* Shared layout is loaded in the document head, before the first paint. */
:root{--site-max:1216px;--site-gutter:32px;--site-yellow:#f2d25c}
.kline-page .header-inner{max-width:var(--site-max);padding:0}
html:not([lang="zh-CN"]) .header-inner #nav{justify-content:flex-start;gap:clamp(10px,1vw,16px);overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
html:not([lang="zh-CN"]) .header-inner #nav>a,html:not([lang="zh-CN"]) .header-inner .source-nav-group>a{font-size:14px}
html:not([lang="zh-CN"]) .header-inner #nav::-webkit-scrollbar{display:none}
html:not([lang="zh-CN"]) .header-inner .source-nav-dropdown{display:none!important}
html.site-booting body{visibility:hidden}
html.site-booting #siteLoading{visibility:visible;position:fixed;inset:0;z-index:10000;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a929c;font:15px/1.6 Arial,"Microsoft YaHei",sans-serif}
#siteLoading button{border:0;border-radius:5px;background:#f2d25c;color:#30343a;padding:10px 25px;cursor:pointer}
html.site-booting{background:#fff}
html,body{min-width:0}
header{background:var(--site-yellow)}
.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:calc(100% - var(--site-gutter)*2);max-width:var(--site-max);height:66px;min-height:0;margin-inline:auto;padding:0;overflow:visible;box-sizing:border-box}
.header-inner .brand{display:flex;align-items:center;flex:none;min-width:0;margin:0;line-height:1;text-decoration:none}
.header-inner .brand img{display:block;width:112px;height:auto;max-width:none}
.header-inner .brand .brand-wordmark{display:flex;align-items:baseline;color:#fff;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:28px;font-weight:400;line-height:1;letter-spacing:-1.1px;white-space:nowrap;text-shadow:0 1px 1px rgba(77,56,0,.1)}
.header-inner .brand .brand-coin{font-weight:600}
.header-inner .brand .brand-meta{font-weight:400;letter-spacing:-1.2px;opacity:.98}
.header-inner #nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0;width:100%;height:100%;min-width:0;max-width:none;margin:0;padding:0;overflow:visible;white-space:nowrap}
.header-inner #nav>a,.header-inner #nav>.source-nav-group{flex:0 0 auto;margin:0;min-width:0}
.header-inner #nav>a,.header-inner .source-nav-group>a{display:flex;align-items:center;height:100%;font-size:15px;font-weight:400;line-height:1;white-space:nowrap;text-decoration:none;color:#22272c}
.header-inner #nav a.active{color:#fff}
.header-inner .source-nav-group{position:relative;display:flex;align-items:center;height:100%;margin:0}
.header-inner .source-nav-dropdown{display:none;position:absolute;left:-22px;top:100%;z-index:1000;width:252px;padding:20px 0;background:#fff;border:0;border-radius:4px;box-shadow:0 8px 24px #27313d16;white-space:normal}
.header-inner .source-nav-dropdown:before{content:"";position:absolute;left:31px;top:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}
.header-inner .source-nav-dropdown a{display:block!important;height:auto;padding:12px 27px;font-size:16px!important;line-height:1.4!important;font-weight:400!important;color:#444a51!important;white-space:nowrap;text-decoration:none}
.header-inner .source-nav-dropdown a:hover,.header-inner .source-nav-dropdown a:focus{background:#f7f8fa;color:#c6a031!important}
.header-inner .source-nav-group:hover>.source-nav-dropdown,.header-inner .source-nav-group:focus-within>.source-nav-dropdown{display:block}
.header-inner .actions{display:flex!important;position:static;align-items:center;flex:none;min-width:0;gap:9px;margin:0;padding:0}
.header-inner .actions .header-search{display:flex;width:146px;height:36px;align-items:center;justify-content:space-between;padding:0 10px;flex:none}
.header-inner .header-bot,.header-inner .header-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;cursor:pointer}
.header-inner .header-bot img,.header-inner .header-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.header-inner .actions select#language{display:block;position:static;width:96px;max-width:none;min-width:96px;height:36px;padding:0 6px;opacity:1;visibility:visible;flex:none;font-size:12px;background:#fff;color:#30343a}
.test-banner{padding-left:max(var(--site-gutter),calc((100vw - var(--site-max))/2))!important;padding-right:max(var(--site-gutter),calc((100vw - var(--site-max))/2))!important}
.risk-close{right:max(12px,calc((100vw - var(--site-max))/2 - 5px))}
.home-main,.home-features,.market-page>main,.stock-main,.tool-main,.topics-main,.kx-layout,.column-layout,.rates-layout,.data-main,.news-layout,.qa-layout,.wiki-layout,.directory-main,.overview-main,.rank-main,.pairs-main,.tool-detail-main,.data-detail-main,.article-layout,.people-main,.author-main,.about-main,.info-main{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-max);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
.home-page .ticker,.news-page .ticker,.kx-page .ticker,.topics-page .ticker,.rankings-page .ticker{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-max);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
.home-main,.news-layout,.kx-layout,.column-layout,.rates-layout,.qa-layout{grid-template-columns:minmax(0,1fr) minmax(280px,26%);gap:clamp(32px,3.4vw,68px)}
.home-content,.news-feed,.kx-content,.column-feed,.rates-content,.qa-content,.wiki-content{min-width:0}
.home-tabs,.stock-filters,.tool-filters,.topics-filters,.kx-filters,.qa-tabs,.overview-tabs,.directory-filters{flex-wrap:nowrap;white-space:nowrap}
.home-tabs button,.stock-filters button,.tool-filters button,.kx-filters button,.qa-tabs button,.overview-tabs button,.topics-filters a{flex-shrink:0;white-space:nowrap}
.home-article h2,.news-card h2{overflow-wrap:anywhere}
@media(min-width:1600px){
 :root{--site-max:1692px}
 .header-inner{height:90px;gap:26px}
 .header-inner .brand img{width:150px}
 .header-inner .brand .brand-wordmark{font-size:34px}
 .header-inner #nav>a,.header-inner .source-nav-group>a{font-size:21px}
 .header-inner .actions{gap:12px}
 .header-inner .actions .header-search{width:206px;height:52px;font-size:16px}
 .header-inner .header-bot,.header-inner .header-avatar{width:42px;height:42px}
 .header-inner .actions select#language{width:118px;min-width:118px;height:52px;font-size:16px}
 html:not([lang="zh-CN"]) .header-inner #nav{gap:clamp(12px,1vw,18px)}
 html:not([lang="zh-CN"]) .header-inner #nav>a,html:not([lang="zh-CN"]) .header-inner .source-nav-group>a{font-size:18px}
 .header-inner .source-nav-dropdown{width:300px;padding:22px 0;left:-28px}
 .header-inner .source-nav-dropdown a{font-size:21px!important;padding:16px 32px}
}
@media(min-width:1101px) and (max-width:1250px){
 .header-inner{gap:12px}
 .header-inner .brand img{width:102px}
 .header-inner .brand .brand-wordmark{font-size:25px}
 .header-inner #nav>a,.header-inner .source-nav-group>a{font-size:14px}
 .header-inner .actions{gap:6px}
 .header-inner .actions .header-search{width:125px}
 .header-inner .actions select#language{width:92px;min-width:92px}
}
/* Keep long translated desktop menus on one line. Chinese keeps the normal
   header because its labels already fit without compression. Do not change
   the shared container, logo, controls or fixed side gutters here. */
@media(min-width:1101px) and (max-width:1599px){
 html:not([lang="zh-CN"]) .header-inner .actions .header-search{width:125px}
 html:not([lang="zh-CN"]) .header-inner .actions select#language{width:84px;min-width:84px;padding-left:5px;padding-right:3px}
 html:not([lang="zh-CN"]) .header-inner #nav{justify-content:space-between;gap:0;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
 html:not([lang="zh-CN"]) .header-inner #nav::-webkit-scrollbar{display:none}
 html:not([lang="zh-CN"]) .header-inner #nav>a,html:not([lang="zh-CN"]) .header-inner .source-nav-group>a{font-size:14px;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;letter-spacing:-.2px}
 html[lang="es"] .header-inner #nav{gap:0}
 html[lang="es"] .header-inner #nav>a,html[lang="es"] .header-inner .source-nav-group>a{font-size:12.5px;letter-spacing:-.35px}
 html:not([lang="zh-CN"]) .header-inner .source-nav-dropdown{display:none!important}
}
/* Portuguese needs the full search label without sacrificing any of the
   fourteen desktop navigation items. Keep the existing control width and
   compress only its label. */
@media(min-width:1101px) and (max-width:1599px){
 html[lang="pt"] .header-inner .actions .header-search{white-space:nowrap!important}
 html[lang="pt"] .header-inner .actions .header-search #searchLabel{font-size:11px!important;line-height:1!important;letter-spacing:-.25px;white-space:nowrap!important}
}
@media(max-width:1100px){
 :root{--site-gutter:20px}
 .header-inner{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:54px 42px;gap:0 12px;width:calc(100% - var(--site-gutter)*2);height:96px;min-height:96px;padding:0;overflow:visible}
 .header-inner .brand{grid-column:1;grid-row:1}
 .header-inner .brand img{width:112px}
 .header-inner .brand .brand-wordmark{font-size:24px}
 .header-inner .actions{grid-column:2;grid-row:1;justify-self:end;gap:8px}
 .header-inner .actions .header-search{width:38px;height:34px;padding:0 9px}
 .header-inner .actions #searchLabel{display:none}
 .header-inner .header-bot,.header-inner .header-avatar{width:29px;height:29px}
 .header-inner .actions select#language{width:88px;min-width:88px;height:34px;font-size:12px}
 .header-inner #nav{grid-column:1/-1;grid-row:2;display:flex!important;justify-content:flex-start;gap:24px;width:100%;height:42px;margin:0;padding:0;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .header-inner #nav::-webkit-scrollbar{display:none}
 .header-inner #nav>a,.header-inner .source-nav-group>a{height:42px;font-size:15px;line-height:1;white-space:nowrap}
 .header-inner .source-nav-group{height:42px}
 .header-inner .source-nav-dropdown{display:none!important}
 .home-main,.news-layout,.kx-layout,.column-layout,.rates-layout,.qa-layout{gap:24px}
}
@media(max-width:760px){
 :root{--site-gutter:12px}
 .header-inner{grid-template-rows:51px 39px;height:90px;min-height:90px;gap:0 8px}
 .header-inner .brand img{width:104px}
 .header-inner .brand .brand-wordmark{font-size:22px}
 .header-inner .actions{gap:5px}
 .header-inner .actions .header-search{width:32px;height:32px;padding:0 7px}
 .header-inner .header-bot,.header-inner .header-avatar{width:27px;height:27px}
 .header-inner .actions select#language{width:88px;min-width:88px;height:32px;font-size:11px;padding:0 5px}
 .header-inner #nav{height:39px;gap:19px}
 .header-inner #nav>a,.header-inner .source-nav-group>a,.header-inner .source-nav-group{height:39px;font-size:14px}
 .home-main,.news-layout,.kx-layout,.column-layout,.rates-layout,.qa-layout{display:block}
 .kx-filters{margin-right:0;max-width:100%}
 .home-page .ticker,.news-page .ticker,.kx-page .ticker,.topics-page .ticker,.rankings-page .ticker{width:calc(100% - var(--site-gutter)*2)}
 .home-main,.home-features,.market-page>main,.stock-main,.tool-main,.topics-main,.kx-layout,.column-layout,.rates-layout,.data-main,.news-layout,.qa-layout,.wiki-layout,.directory-main,.overview-main,.rank-main,.pairs-main,.tool-detail-main,.data-detail-main,.article-layout,.people-main,.author-main,.about-main,.info-main{padding-left:0;padding-right:0}
}
@media(max-width:380px){
 .header-inner .brand img{width:94px}
 .header-inner .brand .brand-wordmark{font-size:20px}
 .header-inner .actions{gap:3px}
 .header-inner .header-bot{display:none}
 .header-inner .actions select#language{width:82px;min-width:82px}
}
.mobile-inline-search{display:none}
@media(max-width:1100px){
 .header-inner .actions .header-search{display:none!important}
 .header-inner .actions .mobile-inline-search{display:flex;align-items:center;width:clamp(88px,24vw,180px);height:34px;background:#f7f8fa;border-radius:6px;overflow:hidden;flex:none}
 .mobile-inline-search input{display:block;width:100%;min-width:0;height:100%;border:0;outline:0;padding:0 0 0 8px;background:transparent;font-size:12px;color:#30343a}
 .mobile-inline-search input::placeholder{color:#9ba2aa}
 .header-inner .actions .mobile-inline-search button{display:flex!important;align-items:center;justify-content:center;width:30px;height:34px;border:0;background:transparent;flex:none;padding:0;cursor:pointer}
 .mobile-inline-search .search-glass{display:block}
}
@media(max-width:480px){
 .header-inner .actions .mobile-inline-search{width:clamp(76px,24vw,102px);height:32px}
 .header-inner .actions .mobile-inline-search button{width:28px;height:32px}
 .mobile-inline-search input{font-size:11px;padding-left:6px}
}
.article-detail-page .article-detail-layout,.author-layout,.info-layout,#aboutMain,.article-topic-tabs,.detail-shell{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-max);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
.article-detail-page .article-detail-layout,.author-layout,.detail-shell{grid-template-columns:minmax(0,1fr) minmax(280px,26%);column-gap:clamp(32px,3.4vw,68px)}
.info-single .info-content{max-width:none}
@media(max-width:1000px){.detail-shell{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.author-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.article-detail-page .article-detail-layout,.author-layout{display:block}.detail-shell .hero-top,.detail-shell .hero-price,.detail-shell .sample-time,.detail-shell .stats-grid{margin-left:0;margin-right:0}.detail-shell .hero-price{max-width:100%}}