/* Roadmap46: uses the installed website48 font, spacing and surface tokens. */
html[data-arena-site] .arena-live-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;}
html[data-arena-site] .arena-live-heading h2{margin:8px 0 0;}
html[data-arena-site] .arena-live-eyebrow{font-size:var(--site-size-note);color:var(--site-gray);}
html[data-arena-site] .arena-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
html[data-arena-site] .arena-live-panel{padding:24px;min-width:0;display:flex;flex-direction:column;}
html[data-arena-site] .arena-live-panel h3{font-size:var(--site-size-card);margin:0 0 8px;}
html[data-arena-site] .arena-live-panel header p{font-size:var(--site-size-note);color:var(--site-gray);margin:0;min-height:40px;}
html[data-arena-site] .arena-live-state{font-size:var(--site-size-note);line-height:1.6;color:var(--site-gray);margin:20px 0;}
html[data-arena-site] .arena-live-state[data-state=error]{color:var(--site-muted);font-weight:var(--site-weight-title);}
html[data-arena-site] .arena-live-list{list-style:none;padding:0;margin:0 0 20px;}
html[data-arena-site] .arena-live-list li{padding:16px 0;border-top:1px solid var(--site-border);}
html[data-arena-site] .arena-live-list li:first-child{padding-top:0;border-top:0;}
html[data-arena-site] .arena-live-list a{color:var(--site-text);text-decoration:none;font-size:var(--site-size-note);font-weight:500;line-height:1.5;overflow-wrap:anywhere;}
html[data-arena-site] .arena-live-list a:hover{text-decoration:underline;text-underline-offset:3px;}
html[data-arena-site] .arena-live-list a:focus-visible,html[data-arena-site] .arena-live-more:focus-visible{outline:2px solid var(--site-ink);outline-offset:4px;border-radius:4px;}
html[data-arena-site] .arena-live-summary{font-size:var(--site-size-note);line-height:1.7;color:var(--site-gray);margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
html[data-arena-site] .arena-live-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:var(--site-size-note);color:var(--site-gray);line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere;}
html[data-arena-site] .arena-live-tag{font-size:var(--site-size-note);padding:2px 8px;border-radius:99px;background:var(--site-inset);color:var(--site-muted);display:inline-block;margin-top:8px;}
html[data-arena-site] .arena-live-metrics{font-size:var(--site-size-note);color:var(--site-gray);line-height:1.7;margin:8px 0 0;}
html[data-arena-site] .arena-live-panel footer{margin-top:auto;border-top:1px solid var(--site-border);padding-top:16px;display:flex;flex-direction:column;gap:12px;}
html[data-arena-site] .arena-live-panel footer time{font-size:var(--site-size-note);color:var(--site-gray);overflow-wrap:anywhere;}
html[data-arena-site] .arena-live-more{font-size:var(--site-size-note);font-weight:500;display:flex;justify-content:space-between;align-items:center;color:var(--site-ink);text-decoration:none;min-height:36px;}
html[data-arena-site] .arena-live-risk{font-size:var(--site-size-note);line-height:1.7;color:var(--site-gray);margin:16px 0 0;}
@media(max-width:900px){html[data-arena-site] .arena-live-grid{grid-template-columns:1fr;}html[data-arena-site] .arena-live-panel header p{min-height:0;}html[data-arena-site] .arena-live-heading{gap:16px;}html[data-arena-site] .arena-live-heading h2{font-size:var(--site-size-number);}}
@media(max-width:480px){html[data-arena-site] .arena-live-heading{align-items:flex-start;}html[data-arena-site] .arena-live-heading h2{font-size:var(--site-size-number);}html[data-arena-site] .arena-live-panel{padding:20px;}html[data-arena-site] .arena-live-panel h3{font-size:var(--site-size-card);}}
/* Keep unequal source counts compact; native vertical scrolling retains all five briefs. */
html[data-arena-site] .arena-live{scroll-margin-top:calc(var(--web-header-space,100px) + 16px);}
html[data-arena-site] .arena-live-list{max-height:340px;overflow-y:auto;overscroll-behavior-y:contain;padding-right:6px;scrollbar-width:thin;}
html[data-arena-site] .arena-live-list li>a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
html[data-arena-site] .arena-live-summary{-webkit-line-clamp:2;}

html[data-arena-site] .arena-live-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--site-radius-circle);background:var(--site-inset);color:var(--site-muted);font-size:var(--site-size-note);margin-bottom:8px;}
/* Market page (SITE_REDESIGN.md): briefs, calendar, reference rates in one column; strategies / signals / index perpetuals belong to the home page. */
html[data-arena-site] [data-arfx-page="markets"] .arena-live-heading>div{display:none}
html[data-arena-site] [data-arfx-page="markets"] .arena-live-heading{justify-content:flex-end;margin:0 0 8px}
html[data-arena-site] [data-arfx-page="markets"] .arena-live-grid{grid-template-columns:minmax(0,1fr)}
html[data-arena-site] [data-arfx-page="markets"] [data-content-panel="strategies"],html[data-arena-site] [data-arfx-page="markets"] [data-content-panel="signals"],html[data-arena-site] [data-arfx-page="markets"] [data-website-index-contracts]{display:none!important}
html[data-arena-site] [data-arfx-page="markets"] .arena-live{margin-top:0}
html[data-arena-site] .arena-contract-scroll{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
html[data-arena-site] .arena-contract-table{width:100%;min-width:520px;border-collapse:collapse;background:var(--bb-theme-surface, var(--site-white));border:1px solid var(--bb-theme-line, var(--site-border));border-radius:16px;overflow:hidden;font-variant-numeric:tabular-nums}
html[data-arena-site] .arena-contract-table th,html[data-arena-site] .arena-contract-table td{height:48px;padding:0 16px;text-align:right;font-size:14px;border-bottom:1px solid var(--bb-theme-line, var(--site-border));white-space:nowrap}
html[data-arena-site] .arena-contract-table th[scope="row"],html[data-arena-site] .arena-contract-table th:first-child{text-align:left}
html[data-arena-site] .arena-contract-table thead th{height:36px;font-weight:500;color:var(--bb-theme-secondary, var(--site-muted));background:var(--bb-theme-inset, var(--site-inset))}
html[data-arena-site] .arena-contract-table tbody th{font-weight:600}
html[data-arena-site] .arena-contract-table tbody tr:last-child :is(th,td){border-bottom:0}
/* Accounts page: the comparison table reuses the contract table; the first column holds the row labels. */
html[data-arena-site] .arena-account-table{min-width:560px}
html[data-arena-site] .arena-account-table thead th{text-align:right;color:var(--bb-theme-ink, var(--site-ink));font-weight:600}
html[data-arena-site] .arena-account-table thead th:first-child{text-align:left}
html[data-arena-site] .arena-account-table tbody th{font-weight:500;color:var(--bb-theme-secondary, var(--site-muted))}
html[data-arena-site] .arena-account-actions{margin:0 0 24px}
/* Marketing pages: the first block sits 24 under the title, not a hero's distance; wide tables keep their first column in view. */
html[data-arena-site] .arena-content>.arena-section:first-child{margin-top:0;margin-bottom:24px}
html[data-arena-site] .arena-content>.arena-section:first-child .arena-heading p{margin-bottom:0}
html[data-arena-site] .arena-contract-table th[scope="row"],html[data-arena-site] .arena-contract-table thead th:first-child{position:sticky;left:0;background:var(--bb-theme-surface, var(--site-white));z-index:1}
html[data-arena-site] .arena-contract-table thead th:first-child{background:var(--bb-theme-inset, var(--site-inset))}
html[data-arena-site] .arena-steps{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
html[data-arena-site] .arena-steps li{display:flex;gap:16px;align-items:center;min-height:56px;padding:0 20px;border:1px solid var(--bb-theme-line, var(--site-border));border-radius:16px;background:var(--bb-theme-surface, var(--site-white));font-size:16px;line-height:1.5}
html[data-arena-site] .arena-step-index{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ui-primary,#111);color:var(--ui-on-primary,#fff);font-size:14px;font-weight:600}
@media(min-width:681px){html[data-arena-site] .arena-steps{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-arena-site] .arena-steps li{align-items:flex-start;padding:20px}}
html[data-arena-site] .arena-content>.arena-section:first-child+.arena-section,html[data-arena-site] .arena-content>.arena-section:first-child+nav+.arena-section{margin-top:24px}

/* home-456-v1 (owner approved the prototype 2026-10-07): reference rates = one main card + compact list; six service entries as
   a sized grid with the whole card clickable; "支持接入" block instead of the opening-progress card; footer grouped in four. */
.arena-reference[data-website-reference]{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.arena-reference[data-website-reference]>header{margin-bottom:12px}
.arena-reference[data-website-reference] [data-reference-list]{display:flex!important;flex-direction:column;gap:12px;grid-template-columns:none!important}
.arena-ref-main,.arena-ref-rows{background:var(--bb-theme-surface,#fff);border-radius:20px;box-shadow:0 6px 20px -10px rgba(17,17,19,.18)}
.arena-ref-main{padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:14px}
.arena-ref-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:420px}
.arena-ref-pill{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 8px;border-radius:22px;background:var(--bb-theme-inset,#f4f4f6);font-size:15px}
.arena-ref-pill b{font-weight:600}
.arena-ref-flag{width:28px;height:28px;border-radius:50%;background:var(--bb-theme-inset,#f4f4f6);display:grid;place-items:center;font-size:17px;line-height:1;flex:none}
.arena-ref-pill .arena-ref-flag{background:var(--bb-theme-surface,#fff)}
.arena-ref-swap{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:18px;cursor:pointer;transition:transform .35s cubic-bezier(.3,.7,.2,1)}
.arena-ref-swap:active{transform:rotate(180deg)}
.arena-ref-big{font-size:26px;line-height:34px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}
.arena-ref-rows{padding:2px 16px}
.arena-ref-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 14px;gap:12px;align-items:center;width:100%;height:52px;padding:0;border:0;border-top:1px solid var(--bb-theme-line,#e5e5ea);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.arena-ref-row:first-child{border-top:0}
.arena-ref-pair{font-weight:600;font-size:15px;letter-spacing:.2px}
.arena-ref-val{font-size:15px;font-variant-numeric:tabular-nums}
.arena-ref-go{color:var(--bb-theme-muted,#8a8a90)}
.arena-ref-row[aria-pressed="true"] .arena-ref-pair{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b8ff3d;text-decoration-thickness:2px}
.arena-ref-src{margin:0;font-size:12px;line-height:16px;color:var(--bb-theme-muted,#8a8a90)}
.arena-ref-src a{color:inherit}
@media(min-width:900px){.arena-reference[data-website-reference] [data-reference-list]{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;align-items:start}.arena-ref-main{padding:32px 24px;min-height:100%}.arena-ref-big{font-size:34px;line-height:44px}.arena-ref-src{grid-column:1/-1}}

/* service entries */
html[data-arena-site] body .arena-feature-grid:has(>.bb-service-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html[data-arena-site] body .bb-service-card{position:relative;min-height:118px!important;padding:16px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px}
html[data-arena-site] body .bb-service-card[data-service-card=platforms]{order:1;grid-column:1/-1}
html[data-arena-site] body .bb-service-card[data-service-card=markets]{order:2}
html[data-arena-site] body .bb-service-card[data-service-card=accounts]{order:3}
html[data-arena-site] body .bb-service-card[data-service-card=tools]{order:4;grid-column:1/-1;min-height:76px!important}
html[data-arena-site] body .bb-service-card[data-service-card=partners]{order:5}
html[data-arena-site] body .bb-service-card[data-service-card=about]{order:6}
html[data-arena-site] body .bb-service-card h3{font-size:17px!important;line-height:24px!important;margin:8px 0 0!important}
html[data-arena-site] body .bb-service-card p{font-size:12px!important;line-height:16px!important;margin:0!important}
html[data-arena-site] body .bb-service-card ul{display:none!important}
html[data-arena-site] body .bb-service-card .bb-card-link{position:static!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;min-height:0!important;height:auto!important;font-size:0!important;line-height:0!important;box-shadow:none!important}
html[data-arena-site] body .bb-service-card .bb-card-link::after{content:"";position:absolute;inset:0;border-radius:20px}
html[data-arena-site] body .bb-service-card .bb-card-link span{position:absolute;right:16px;bottom:12px;font-size:16px;line-height:20px}
html[data-arena-site] body .bb-service-card:is([data-service-card=platforms],[data-service-card=tools]){display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center!important}
html[data-arena-site] body .bb-service-card:is([data-service-card=platforms],[data-service-card=tools])>:is(svg,.bb-detail-icon,.service-card-icon):first-child{grid-row:1/3}
html[data-arena-site] body .bb-service-card:is([data-service-card=platforms],[data-service-card=tools]) h3{margin:0!important;grid-column:2}
html[data-arena-site] body .bb-service-card:is([data-service-card=platforms],[data-service-card=tools]) p{grid-column:2}
@media(min-width:900px){html[data-arena-site] body .arena-feature-grid:has(>.bb-service-card){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}html[data-arena-site] body .bb-service-card[data-service-card=platforms],html[data-arena-site] body .bb-service-card[data-service-card=tools]{grid-column:span 2}}

/* 支持接入 */
.arena-eco{display:flex;flex-direction:column;gap:12px}
.arena-eco h2{margin:0}
.arena-eco-card{background:var(--bb-theme-surface,#fff);border-radius:20px;box-shadow:0 6px 20px -10px rgba(17,17,19,.18);padding:6px 16px}
.arena-eco-group{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--bb-theme-line,#e5e5ea)}
.arena-eco-group:first-child{border-top:0}
.arena-eco-group>span{font-size:12px;line-height:36px;font-weight:600;color:var(--bb-theme-muted,#8a8a90)}
.arena-eco-group>div{display:flex;flex-wrap:wrap;gap:8px}
.arena-eco-group b{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:12px;background:var(--bb-theme-inset,#f4f4f6);font-weight:700;font-size:14px;letter-spacing:.2px}

/* footer grouped the way large sites do it: four groups; columns on desktop, expandable rows on a phone */
.site-foot{background:var(--bb-theme-surface,#fff);color:var(--bb-theme-ink,#111);border-radius:24px;margin:48px 16px 24px;padding:24px 20px 20px;box-shadow:0 6px 20px -10px rgba(17,17,19,.18)}
.site-foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.site-foot-brand img{height:24px;width:auto}
.site-foot-brand .arena-logo-white{display:none}
html[data-bigbit-theme=dark] .site-foot-brand .arena-logo-black{display:none}
html[data-bigbit-theme=dark] .site-foot-brand .arena-logo-white{display:block}
.site-foot details{border-bottom:1px solid var(--bb-theme-line,#e5e5ea)}
.site-foot summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:14px;font-weight:600;cursor:pointer}
.site-foot summary::-webkit-details-marker{display:none}
.site-foot summary::after{content:"+";font-size:18px;font-weight:300}
.site-foot details[open] summary::after{content:"−"}
.site-foot details>div{display:flex;flex-direction:column;padding:0 0 10px 16px}
.site-foot details a{min-height:36px;display:flex;align-items:center;color:var(--bb-theme-muted,#6c6c72);font-size:13px;text-decoration:none}
.site-foot details a:hover{color:var(--bb-theme-ink,#111);text-decoration:underline;text-underline-offset:4px}
.site-foot-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;font-size:13px;color:var(--bb-theme-muted,#6c6c72)}
.site-foot-meta a{color:inherit;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.site-foot-meta a[aria-current=page]{color:var(--bb-theme-ink,#111);font-weight:600}
.site-foot-end{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;margin-top:10px;font-size:12px;line-height:18px;color:var(--bb-theme-muted,#6c6c72)}
.site-foot-end p{margin:0}
@media(min-width:900px){.site-foot{margin:72px 32px 32px;padding:32px}.site-foot-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.site-foot details{border-bottom:0}.site-foot summary{pointer-events:none;min-height:32px}.site-foot summary::after{content:none!important}.site-foot details>div{padding-left:0}}
html[data-account-center-page] .site-foot{display:none!important}

/* home-456-v2: the card link keeps only its arrow (the whole card is the link); footer small print stays small; heading size matches the other sections */
html[data-arena-site] body .arena-feature-grid .bb-service-card a.bb-card-link{font-size:0!important;line-height:0!important;color:transparent!important;width:auto!important;min-width:0!important}
html[data-arena-site] body .arena-feature-grid .bb-service-card a.bb-card-link span{font-size:16px!important;line-height:20px!important;color:var(--bb-theme-ink,#111)!important}
html[data-arena-site] body .site-foot .site-foot-end,html[data-arena-site] body .site-foot .site-foot-end p{font-size:12px!important;line-height:18px!important;color:var(--bb-theme-muted,#6c6c72)!important}
html[data-arena-site] body .arena-eco h2{font-size:24px!important;line-height:32px!important}
@media(min-width:900px){html[data-arena-site] body .arena-eco h2{font-size:28px!important;line-height:36px!important}}

/* home-eco-v2: bigger chips with each platform's logo */
html[data-arena-site] body .arena-eco-group{grid-template-columns:96px minmax(0,1fr);padding:16px 0}
html[data-arena-site] body .arena-eco-group>span{line-height:48px}
html[data-arena-site] body .arena-eco-group>div{gap:10px}
html[data-arena-site] body .arena-eco-group b{height:48px;padding:0 16px 0 12px;gap:10px;border-radius:14px;font-size:15px}
html[data-arena-site] body .arena-eco-group b:not(:has(img)){padding:0 16px}
html[data-arena-site] body .arena-eco-group b img{width:24px;height:24px;object-fit:contain;flex:none;border-radius:6px}
@media(max-width:480px){html[data-arena-site] body .arena-eco-group{grid-template-columns:minmax(0,1fr);gap:6px}html[data-arena-site] body .arena-eco-group>span{line-height:20px}}

/* home-rates-query-v1: currency pills open a native picker; footer runs edge to edge down to the bottom of the page; larger integration marks */
.arena-ref-pill{position:relative;cursor:default}
label.arena-ref-pill{cursor:pointer;padding-right:12px}
.arena-ref-pill select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.arena-ref-caret{font-style:normal;font-size:11px;color:var(--bb-theme-muted,#8a8a90)}
label.arena-ref-pill:focus-within{outline:2px solid var(--bb-theme-ink,#111);outline-offset:2px}
html[data-arena-site] body .site-foot{margin:56px 0 0!important;border-radius:28px 28px 0 0!important;box-shadow:none!important;padding:28px 16px calc(28px + env(safe-area-inset-bottom,0px))!important}
html[data-arena-site] body .site-foot>*{max-width:1600px;margin-left:auto;margin-right:auto}
@media(min-width:900px){html[data-arena-site] body .site-foot{margin-top:88px!important;padding:44px 40px 36px!important}}
html[data-arena-site] body .arena-eco-card{padding:10px 20px}
html[data-arena-site] body .arena-eco-group{grid-template-columns:104px minmax(0,1fr);padding:20px 0}
html[data-arena-site] body .arena-eco-group>span{line-height:56px;font-size:13px}
html[data-arena-site] body .arena-eco-group>div{gap:12px}
html[data-arena-site] body .arena-eco-group b{height:56px;padding:0 20px 0 14px;gap:12px;border-radius:16px;font-size:16px}
html[data-arena-site] body .arena-eco-group b:not(:has(img)){padding:0 20px}
html[data-arena-site] body .arena-eco-group b img{width:30px;height:30px}
@media(min-width:900px){html[data-arena-site] body .arena-eco-group b{height:64px;font-size:17px;padding:0 24px 0 16px}html[data-arena-site] body .arena-eco-group b img{width:34px;height:34px}html[data-arena-site] body .arena-eco-group>span{line-height:64px}}
@media(max-width:480px){html[data-arena-site] body .arena-eco-group{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0}html[data-arena-site] body .arena-eco-group>span{line-height:20px}}

/* home-eco-v3: every mark sits on its own white plate so dark single-colour logos stay visible in both themes */
html[data-arena-site] body .arena-eco-group b img{background:#fff;padding:4px;border-radius:9px;box-sizing:border-box}

/* home-live-v1 (owner 2026-10-08): the home "市场信息，集中看" block. News on the left, calendar on the right; a panel with nothing
   to show (public strategies, today's signals) shrinks to one line instead of a tall empty card. Markets page keeps its own layout. */
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel,html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar{border-radius:20px!important;padding:20px!important;margin:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-live-grid{gap:12px!important}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar{margin-top:12px!important}
/* news: tight rows, title only */
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-summary,html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-tag{display:none!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list{max-height:none!important;overflow:visible!important;margin:0 0 12px!important;padding:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list li{padding:14px 0!important;margin:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--bb-theme-line,#e5e5ea)!important;border-radius:0!important;box-shadow:none!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list li:first-child{border-top:0!important;padding-top:4px!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list li>a{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px!important;line-height:22px!important;font-weight:600!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-meta{display:flex!important;align-items:center;gap:8px;margin:0 0 6px!important;font-size:12px!important;line-height:16px!important;color:var(--bb-theme-muted,#8a8a90)!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-source{padding:0!important;border:0!important;background:transparent!important;font-weight:600;color:var(--bb-theme-ink,#111)!important;font-size:12px!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel footer{flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;padding-top:12px!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel footer time{font-size:12px!important}
/* empty panels: one line */
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true]{flex-direction:row!important;align-items:center;gap:12px;min-height:64px!important;padding:0 20px!important;box-shadow:none!important;background:var(--bb-theme-inset,#f4f4f6)!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] header{margin:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] h3{margin:0!important;font-size:15px!important;line-height:20px!important;white-space:nowrap}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] .arena-live-state{margin:0!important;font-size:13px!important;color:var(--bb-theme-muted,#8a8a90)!important;min-height:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] .arena-live-list{margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important;min-width:0}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] .arena-live-list li{padding:0!important;margin:0!important;border:0!important;background:transparent!important;min-height:0!important;font-size:13px!important;color:var(--bb-theme-muted,#8a8a90)!important;display:block!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] .arena-live-list li svg{display:none!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] footer{margin:0 0 0 auto!important;border:0!important;padding:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] footer time{display:none!important}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true] .arena-live-more{white-space:nowrap;font-size:13px!important}
/* calendar: date block + title */
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar ol{list-style:none;margin:8px 0 0!important;padding:0!important;display:block!important;max-height:none!important;overflow:visible!important}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar ol li{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:12px 0!important;margin:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--bb-theme-line,#e5e5ea)!important;border-radius:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar ol li:first-child{border-top:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar ol li time{font-size:12px!important;font-variant-numeric:tabular-nums;color:var(--bb-theme-muted,#8a8a90)!important;white-space:nowrap}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar ol li>a{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important;line-height:20px!important;font-weight:600!important;text-decoration:none;color:inherit}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar .arena-calendar-values{grid-column:1/-1;font-size:12px;color:var(--bb-theme-muted,#8a8a90)}
@media(min-width:900px){
html[data-arena-site] body .arena-live[data-calendar-limit]{display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 16px;align-items:start}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-heading,html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-reference{grid-column:1/-1}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-live-grid{display:contents!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news]{grid-column:1;grid-row:2 / span 3}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar{grid-column:2;grid-row:2;margin-top:0!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=strategies]{grid-column:2;grid-row:3}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=signals]{grid-column:2;grid-row:4}
}

/* home-live-v2: amount field in the rate query */
.arena-ref-big{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 4px}
.arena-ref-amount{width:4.2em;min-width:0;border:0;border-bottom:2px solid var(--bb-theme-line,#e5e5ea);background:transparent;color:inherit;font:inherit;font-weight:700;text-align:right;padding:0 2px;border-radius:0;-moz-appearance:textfield;appearance:textfield}
.arena-ref-amount::-webkit-outer-spin-button,.arena-ref-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.arena-ref-amount:focus{outline:0;border-bottom-color:#b8ff3d}
.arena-ref-unit{font-size:12px;color:var(--bb-theme-muted,#8a8a90);margin-top:-8px}
html[data-arena-site] body .arena-eco-group b img[src$="app-icon-source.png"]{padding:0;background:transparent}

/* home-compact-v1 (owner 2026-10-08: the home page should finish in about three swipes). */
.arena-live-tabs{display:none}
@media(max-width:899px){
/* one card, four tabs */
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--bb-theme-inset,#f4f4f6);margin:0 0 12px}
.arena-live-tabs button{flex:1;height:40px;border:0;border-radius:10px;background:transparent;color:var(--bb-theme-muted,#6c6c72);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.arena-live-tabs button[aria-pressed="true"]{background:var(--bb-theme-surface,#fff);color:var(--bb-theme-ink,#111);box-shadow:0 1px 2px rgba(17,17,19,.1)}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-panel,html[data-arena-site] body .arena-live[data-live-tab]>.arena-calendar{display:none!important}
html[data-arena-site] body .arena-live[data-live-tab=news] [data-content-panel=news],html[data-arena-site] body .arena-live[data-live-tab=signals] [data-content-panel=signals],html[data-arena-site] body .arena-live[data-live-tab=strategies] [data-content-panel=strategies]{display:flex!important}
html[data-arena-site] body .arena-live[data-live-tab=calendar]>.arena-calendar:not([hidden]){display:block!important;margin-top:0!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-panel>header,html[data-arena-site] body .arena-live[data-live-tab]>.arena-calendar>header{display:none!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-panel[data-empty=true]{min-height:88px!important}
html[data-arena-site] body .arena-live[data-live-tab] [data-content-panel=news] .arena-live-list li:nth-child(n+4){display:none!important}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-calendar ol li:nth-child(n+5){display:none!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-news-filters{margin:0 0 4px!important}
/* rates: main card, then the common pairs as one sideways row */
.arena-ref-rows{display:flex;gap:8px;overflow-x:auto;padding:8px!important;scrollbar-width:none}
.arena-ref-rows::-webkit-scrollbar{display:none}
.arena-ref-row{flex:none;width:auto!important;height:44px!important;display:inline-flex!important;align-items:center;gap:8px!important;padding:0 14px 0 8px!important;border:0!important;border-radius:22px;background:var(--bb-theme-inset,#f4f4f6)!important}
.arena-ref-row .arena-ref-go{display:none}
.arena-ref-row .arena-ref-flag{background:var(--bb-theme-surface,#fff)}
.arena-ref-main{padding:16px!important;gap:12px!important}
/* six entries: two rows of three, icon and name */
html[data-arena-site] body .arena-feature-grid:has(>.bb-service-card){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html[data-arena-site] body .arena-feature-grid>.bb-service-card{grid-column:auto!important;min-height:84px!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;text-align:center;gap:6px}
html[data-arena-site] body .arena-feature-grid>.bb-service-card h3{margin:0!important;font-size:14px!important;line-height:20px!important;grid-column:auto!important}
html[data-arena-site] body .arena-feature-grid>.bb-service-card p,html[data-arena-site] body .arena-feature-grid>.bb-service-card .bb-card-link span{display:none!important}
/* integrations: one sideways row per group */
html[data-arena-site] body .arena-eco-card{padding:4px 0 4px 16px!important}
html[data-arena-site] body .arena-eco-group{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:12px 0!important}
html[data-arena-site] body .arena-eco-group>span{line-height:16px!important;font-size:12px!important}
html[data-arena-site] body .arena-eco-group>div{flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;padding-right:16px;scrollbar-width:none}
html[data-arena-site] body .arena-eco-group>div::-webkit-scrollbar{display:none}
html[data-arena-site] body .arena-eco-group b{flex:none;height:44px!important;font-size:14px!important;padding:0 14px 0 10px!important;white-space:nowrap}
html[data-arena-site] body .arena-eco-group b img{width:24px!important;height:24px!important}
/* tighter rhythm between the home blocks */
html[data-arena-site][data-arena-preview] body .arena-section,html[data-arena-site][data-arena-preview] body .arena-reference[data-website-reference]{margin-top:28px!important}
html[data-arena-site] body .site-foot{margin-top:32px!important}
}
@media(min-width:900px){
html[data-arena-site] body .arena-eco-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;padding:8px 24px!important}
html[data-arena-site] body .arena-eco-group{grid-template-columns:96px minmax(0,1fr)!important;padding:16px 0!important}
html[data-arena-site] body .arena-eco-group:nth-child(2){border-top:0}
html[data-arena-site] body .arena-eco-group b{height:48px!important;font-size:15px!important;padding:0 16px 0 12px!important}
html[data-arena-site] body .arena-eco-group b img{width:26px!important;height:26px!important}
html[data-arena-site] body .arena-eco-group>span{line-height:48px!important}
}

/* home-compact-v2: the blocks sit closer together on the home page; the amount field is only as wide as its digits */
.arena-ref-amount{width:2ch;max-width:9ch;text-align:center}
html[data-arena-site][data-arena-preview] body .arena-content>.arena-section,html[data-arena-site][data-arena-preview] body .arena-content>.arena-market{margin-bottom:0!important}
html[data-arena-site][data-arena-preview] body .arena-content{padding-bottom:0!important}
html[data-arena-site][data-arena-preview] body .arena-content>.arena-section>.arena-heading{margin-bottom:14px!important}
@media(min-width:900px){
html[data-arena-site][data-arena-preview] body .arena-content>.arena-section{margin-top:48px!important}
html[data-arena-site] body .site-foot{margin-top:56px!important}
}

/* home-eco-v4: official MetaTrader marks and site icons fill their plate; the EA chip uses a plain line icon */
html[data-arena-site] body .arena-eco-group b img:is([src*="mt4-official"],[src*="mt5-official"],[src$="ecb.png"],[src$="coingecko.png"],[src$="defillama.png"],[src$="tavily.png"]){padding:0;background:transparent}
html[data-arena-site] body .arena-eco-group b .arena-eco-ic{width:26px;height:26px;flex:none}

/* home-polish-v1 (owner 2026-10-08): the home page drops its section titles — the blocks speak for themselves — and the cards
   assemble into place. Titles stay in the page for screen readers. */
html[data-arena-site][data-arena-preview] body .arena-content>.arena-market .arena-market-head,
html[data-arena-site][data-arena-preview] body .arena-live[data-calendar-limit]>.arena-live-heading,
html[data-arena-site][data-arena-preview] body .arena-live[data-calendar-limit]>.arena-reference[data-website-reference]>header,
html[data-arena-site][data-arena-preview] body .arena-content>.arena-section:has(>.arena-feature-grid>.bb-service-card)>.arena-heading{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.arena-ref-src{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.arena-ref-src a{display:inline-flex;align-items:center}
.arena-ref-src img{width:20px;height:20px;border-radius:50%;display:block}
[data-asm]{transition:transform .9s cubic-bezier(.2,.85,.2,1),opacity .6s ease!important;will-change:transform}
.asm-pre{opacity:0!important}
.asm-pre[data-asm=l]{transform:translate(-110px,24px) rotate(-7deg) scale(.9)!important}
.asm-pre[data-asm=r]{transform:translate(110px,24px) rotate(7deg) scale(.9)!important}
.asm-pre[data-asm=t]{transform:translate(0,-90px) rotate(-4deg) scale(.9)!important}
.asm-pre[data-asm=b]{transform:translate(0,90px) rotate(4deg) scale(.9)!important}
@media(max-width:899px){.asm-pre[data-asm=l]{transform:translate(-70px,20px) rotate(-6deg) scale(.9)!important}.asm-pre[data-asm=r]{transform:translate(70px,20px) rotate(6deg) scale(.9)!important}}

/* home-polish-v2: with the title out of the flow the rate block must keep its place under the news / calendar row on desktop */
@media(min-width:900px){
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-reference[data-website-reference]{grid-row:5}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-reference[data-website-index-contracts]{grid-row:6}
}

/* home-polish-v3: pieces come from farther away and settle with a small overshoot; a light sweeps across each card once as it lands;
   scrolling comes to rest at the top of a block when it stops near one (proximity, never forced). */
[data-asm]{transition:transform 1.05s cubic-bezier(.3,1.45,.5,1),opacity .55s ease!important}
.asm-pre[data-asm=l]{transform:translate(-240px,40px) rotate(-11deg) scale(.86)!important}
.asm-pre[data-asm=r]{transform:translate(240px,40px) rotate(11deg) scale(.86)!important}
.asm-pre[data-asm=t]{transform:translate(0,-180px) rotate(-7deg) scale(.86)!important}
.asm-pre[data-asm=b]{transform:translate(0,180px) rotate(7deg) scale(.86)!important}
@media(max-width:899px){.asm-pre[data-asm=l]{transform:translate(-150px,30px) rotate(-10deg) scale(.86)!important}.asm-pre[data-asm=r]{transform:translate(150px,30px) rotate(10deg) scale(.86)!important}.asm-pre[data-asm=t]{transform:translate(0,-130px) rotate(-6deg) scale(.86)!important}.asm-pre[data-asm=b]{transform:translate(0,130px) rotate(6deg) scale(.86)!important}}
.asm-shine{position:relative;overflow:hidden!important}
.asm-glint{position:absolute;z-index:5;top:-20%;bottom:-20%;left:-60%;width:45%;pointer-events:none;transform:skewX(-20deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75) 45%,rgba(184,255,61,.35) 60%,rgba(255,255,255,0));animation:asm-glint 1s cubic-bezier(.3,.7,.2,1) forwards}
html[data-bigbit-theme=dark] .asm-glint{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22) 45%,rgba(184,255,61,.25) 60%,rgba(255,255,255,0))}
@keyframes asm-glint{to{left:130%}}
@media (prefers-reduced-motion:no-preference){
html[data-arena-site][data-arena-preview]:has(.arena-live[data-calendar-limit]){scroll-snap-type:y proximity}
html[data-arena-site][data-arena-preview] .arena-content>.arena-intro,html[data-arena-site][data-arena-preview] .arena-live[data-calendar-limit],html[data-arena-site][data-arena-preview] .arena-live[data-calendar-limit]>.arena-reference[data-website-reference],html[data-arena-site][data-arena-preview] .arena-content>.arena-section:has(>.arena-feature-grid),html[data-arena-site][data-arena-preview] .arena-content>.arena-eco,html[data-arena-site][data-arena-preview] .site-foot{scroll-snap-align:start;scroll-margin-top:80px}
}
@media(max-width:899px){html[data-arena-site][data-arena-preview] .arena-content>.arena-intro,html[data-arena-site][data-arena-preview] .arena-live[data-calendar-limit],html[data-arena-site][data-arena-preview] .arena-live[data-calendar-limit]>.arena-reference[data-website-reference],html[data-arena-site][data-arena-preview] .arena-content>.arena-section:has(>.arena-feature-grid),html[data-arena-site][data-arena-preview] .arena-content>.arena-eco,html[data-arena-site][data-arena-preview] .site-foot{scroll-margin-top:68px}}

/* home-polish-v4: scripted settling (CSS snap off); the news card is two frosted layers with a line of light running round its edge,
   and it turns its own pages. */
html[data-arena-site][data-arena-preview]:has(.arena-live[data-calendar-limit]){scroll-snap-type:none!important}
html[data-arena-site] body .arena-live[data-calendar-limit]{position:relative;isolation:isolate}
html[data-arena-site] body .arena-live[data-calendar-limit]::before{content:"";position:absolute;z-index:-2;left:-4%;right:40%;top:6%;height:560px;pointer-events:none;filter:blur(18px);background:radial-gradient(260px 220px at 24% 26%,rgba(184,255,61,.5),transparent 70%),radial-gradient(280px 240px at 78% 62%,rgba(120,170,255,.3),transparent 70%)}
@media(max-width:899px){html[data-arena-site] body .arena-live[data-calendar-limit]::before{right:-4%;height:420px}}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit]::before{background:radial-gradient(260px 220px at 24% 26%,rgba(184,255,61,.2),transparent 70%),radial-gradient(280px 240px at 78% 62%,rgba(90,130,255,.22),transparent 70%)}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news]:not([data-empty=true]){position:relative;background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 18px 40px -22px rgba(17,17,19,.3)!important;margin-bottom:14px!important}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] [data-content-panel=news]:not([data-empty=true]){background:rgba(34,35,40,.58)!important;border-color:rgba(255,255,255,.12)!important}
/* the second layer: the next page waiting underneath */
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news]:not([data-empty=true])::after{content:"";position:absolute;z-index:-1;left:18px;right:18px;bottom:-12px;height:60px;border-radius:0 0 20px 20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);border-top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] [data-content-panel=news]:not([data-empty=true])::after{background:rgba(34,35,40,.4);border-color:rgba(255,255,255,.08)}
/* the line of light */
@property --asm-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news]:not([data-empty=true])::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--asm-ang),rgba(184,255,61,0) 0 68%,rgba(184,255,61,.95) 84%,#fff 91%,rgba(184,255,61,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:asm-orbit 5.5s linear infinite}
@keyframes asm-orbit{to{--asm-ang:360deg}}
@media (prefers-reduced-motion:reduce){html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news]::before{animation:none;display:none}}
/* page turning */
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list{transform-origin:50% 0;transition:transform .26s cubic-bezier(.4,0,.8,.4),opacity .26s;min-height:232px}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list.news-flip{transform:perspective(900px) rotateX(-82deg);opacity:0}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list.news-flip-in{animation:news-in .42s cubic-bezier(.2,.9,.3,1.2)}
@keyframes news-in{from{transform:perspective(900px) rotateX(70deg);opacity:0}}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list li[hidden]{display:none!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list li:not([hidden]){display:block!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list li.pg-first{border-top:0!important;padding-top:4px!important}
.arena-news-dots{display:flex;justify-content:center;gap:6px;margin:0 0 10px}
.arena-news-dots[hidden]{display:none}
.arena-news-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--bb-theme-line,#d8d8dd);cursor:pointer;transition:width .3s,background .3s}
.arena-news-dots button[aria-pressed="true"]{width:18px;border-radius:3px;background:var(--bb-theme-ink,#111)}

/* home-polish-v5: cards waiting off to the side must not make the page scroll sideways */
html[data-arena-site][data-arena-preview]:has(.arena-live[data-calendar-limit]) body{overflow-x:clip}
html[data-arena-site][data-arena-preview] body .arena-content:has(.arena-live[data-calendar-limit]){overflow-x:clip}

/* drawer-glass-panels-v1: news, calendar, signals and strategies are the same card */
html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar){position:relative;background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 18px 40px -22px rgba(17,17,19,.3)!important;margin-bottom:14px!important}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar){background:rgba(34,35,40,.58)!important;border-color:rgba(255,255,255,.12)!important}
html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::after{content:"";position:absolute;z-index:-1;left:18px;right:18px;bottom:-12px;height:60px;border-radius:0 0 20px 20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);border-top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::after{background:rgba(34,35,40,.4);border-color:rgba(255,255,255,.08)}
html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--asm-ang),rgba(184,255,61,0) 0 68%,rgba(184,255,61,.95) 84%,#fff 91%,rgba(184,255,61,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:asm-orbit 5.5s linear infinite}
html[data-arena-site] body .arena-live[data-calendar-limit]>.arena-calendar::before{animation-delay:-2.7s}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true]{background:rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.8)!important}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true]{background:rgba(34,35,40,.5)!important;border-color:rgba(255,255,255,.1)!important}
html[data-arena-site] body .arena-live[data-calendar-limit]::before{right:-4%!important;height:640px!important;background:radial-gradient(260px 220px at 18% 24%,rgba(184,255,61,.5),transparent 70%),radial-gradient(280px 240px at 62% 58%,rgba(120,170,255,.3),transparent 70%),radial-gradient(240px 220px at 90% 20%,rgba(255,190,120,.24),transparent 70%)!important}
@media (prefers-reduced-motion:reduce){html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::before{animation:none;display:none}}

/* glass-tokens-v1: the frosted cards read their numbers from the shared --glass-* tokens (site-header.css) */
html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar),html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar){background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important}
html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::after,html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::after{background:var(--glass-bg-layer);border-color:var(--glass-edge-soft)}
html[data-arena-site] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true],html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit] .arena-live-panel[data-empty=true]{background:var(--glass-bg-soft)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-edge-soft)!important}
/* the news card turns its page sideways, like a leaf, and rests a beat before the next one opens */
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list{transform-origin:0 50%!important;transition:transform .34s cubic-bezier(.5,0,.9,.4),opacity .3s!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list.news-flip{transform:perspective(1100px) rotateY(-86deg)!important;opacity:0}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news] .arena-live-list.news-flip-in{animation:news-in-y .56s cubic-bezier(.2,.9,.3,1.15)!important}
@keyframes news-in-y{from{transform:perspective(1100px) rotateY(78deg);opacity:0}60%{opacity:1}}

/* footer-fixed-bottom-v1 (owner 2026-10-08): the footer is the last thing on the page, flush with the bottom edge, and nothing moves it */
html[data-arena-site] body:has(.site-foot){padding-bottom:0!important}
html[data-arena-site] body .site-foot{margin-bottom:0!important;scroll-snap-align:none!important}

/* flip-back-drawer45-v1: the news card turns over like a real card — it rotates until it is edge-on, rests a beat, and its back comes round */
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news].card-turn-out{transition:transform .38s cubic-bezier(.55,0,.9,.55)!important;transform:perspective(1400px) rotateY(90deg)!important}
html[data-arena-site] body .arena-live[data-calendar-limit] [data-content-panel=news].card-turn-in{animation:card-turn-in .62s cubic-bezier(.15,.75,.25,1.12)!important}
@keyframes card-turn-in{from{transform:perspective(1400px) rotateY(-90deg)}to{transform:perspective(1400px) rotateY(0deg)}}

/* glass-skin-v6: the second layer is only the strip that shows under the card; it must never lie across the card's own content */
html[data-arena-site] body .arena-live[data-calendar-limit] :is(.arena-live-panel:not([data-empty=true]),.arena-calendar)::after{top:calc(100% - 1px)!important;bottom:auto!important;height:12px!important}

/* glass-skin-v10: the glow behind the home info block follows — blue and warm orange, no green */
html[data-arena-site] body .arena-live[data-calendar-limit]::before{background:radial-gradient(280px 240px at 62% 58%,rgba(120,170,255,.34),transparent 70%),radial-gradient(260px 230px at 16% 26%,rgba(255,190,120,.3),transparent 70%)!important}
html[data-bigbit-theme=dark] body .arena-live[data-calendar-limit]::before{background:radial-gradient(280px 240px at 62% 58%,rgba(90,130,255,.24),transparent 70%),radial-gradient(260px 230px at 16% 26%,rgba(255,150,90,.16),transparent 70%)!important}

/* ui-sweep-v1: integration marks. Every mark sits in the same 28px white tile and fills it; a wordmark (Bybit) keeps its
   own width; a mark that is pale on white (Hyperliquid) gets its brand's dark tile; MetaTrader 4 and 5 are the same tile. */
html body .arena-eco-group b img{width:28px!important;height:28px!important;padding:3px!important;border-radius:8px!important;background:#fff!important;object-fit:contain!important;box-sizing:border-box!important;flex:none}
html body .arena-eco-group b img:is([src$="app-icon-source.png"],[src$="bigbit-ai-007.png"],[src*="mt5-official"],[src$="ecb.png"],[src$="coingecko.png"],[src$="defillama.png"],[src$="tavily.png"]){padding:0!important;background:transparent!important}
html body .arena-eco-group b img[src$="bigbit-ai-007.png"]{border-radius:50%!important}
html body .arena-eco-group b img[src*="mt4-official"]{padding:1px!important}
html body .arena-eco-group b img[src$="bybit.svg"]{width:auto!important;aspect-ratio:347/120;padding:8px 7px!important;background:#17181e!important}
html body .arena-eco-group b img[src$="hyperliquid-logo.svg"]{background:#072723!important;padding:5px!important}
html body .arena-eco-group b img:is([src$="binance-agent-os.svg"],[src$="gate-mark.svg"],[src$="openai.svg"],[src$="tradingview.svg"]){padding:4px!important}

/* info-relay-v1: phone relay between news, calendar, signals and strategies */
html[data-arena-site] body .arena-live.live-relay{position:relative!important;overflow-x:clip}
html[data-arena-site] body .arena-live[data-live-tab] :is(.arena-live-grid,.arena-live-panel,.arena-calendar,.arena-news-dots){touch-action:pan-y}
html[data-arena-site] body .arena-live[data-live-tab] .arena-news-dots{padding:10px 0;margin:0!important;min-height:26px;align-items:center}
html[data-arena-site] body .arena-live[data-live-tab] .arena-news-dots button{position:relative}
html[data-arena-site] body .arena-live[data-live-tab] .arena-news-dots button::after{content:"";position:absolute;inset:-12px -4px}

/* info-shelf-v1: on a phone the four types are a shelf of small cards; the open card grows out of its small card */
@media(max-width:899px){
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:0!important;background:none!important;border-radius:0!important;margin:0 0 12px!important;box-shadow:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;position:relative;z-index:3}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button{height:64px!important;min-width:0;border-radius:16px!important;background:var(--bb-theme-surface,#fff);border:1px solid var(--bb-theme-line,#e3e3e7);display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0 12px!important;text-align:left;box-shadow:0 8px 18px -14px rgba(17,17,19,.45)}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button b{font-size:15px;font-weight:700;line-height:20px;color:var(--bb-theme-ink,#111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button small{font-size:11px;line-height:14px;font-weight:500;color:var(--bb-theme-muted,#6c6c72);white-space:nowrap}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button[data-empty=true] small{opacity:.6}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button[aria-pressed="true"]{border-color:var(--bb-theme-ink,#111)!important;box-shadow:inset 0 0 0 1px var(--bb-theme-ink,#111),0 8px 18px -14px rgba(17,17,19,.45)!important}
}

/* frame-round-v1: the four small cards sit inside one outer frame (two layers: frame, then cards); the "more" link is a pill */
@media(max-width:899px){
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs{padding:6px!important;gap:6px!important;border-radius:22px!important;background:var(--bb-theme-inset,#f1f1f4)!important;border:1px solid var(--bb-theme-line,#e3e3e7)!important;box-sizing:border-box}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button{border-radius:16px!important;box-shadow:0 1px 2px rgba(17,17,19,.08)!important;padding:0 10px!important}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-tabs button[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--bb-theme-ink,#111),0 1px 2px rgba(17,17,19,.08)!important}
}
html[data-arena-site] body .arena-live .arena-live-more{display:inline-flex!important;align-items:center;gap:6px;height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:999px!important;white-space:nowrap}

/* compact-pull-guest-v1 (owner 2026-10-08): on a phone the open card is only as tall as its content — no reserved empty
   space — and carries a handle to pull it down into its small card. */
.arena-live-grab{display:none}
@media(max-width:899px){
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-grab{display:block;width:100%;height:22px;margin:-8px 0 2px;padding:0;border:0;background:none;touch-action:none;cursor:grab;position:relative;-webkit-tap-highlight-color:transparent}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-grab::before{content:"";position:absolute;left:50%;top:9px;width:40px;height:4px;margin-left:-20px;border-radius:999px;background:var(--bb-theme-muted,#8a8a92);opacity:.45;transition:width .2s,opacity .2s}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-live-grab:active::before{width:56px;opacity:.8}
html[data-arena-site] body .arena-live[data-live-collapsed] :is(.arena-live-panel,.arena-calendar){display:none!important}
html[data-arena-site] body .arena-live[data-live-collapsed]>.arena-live-grab{margin-bottom:8px}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-panel,html[data-arena-site] body .arena-live[data-live-tab]>.arena-calendar{padding:14px 16px!important;min-height:0!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-panel[data-empty=true]{min-height:0!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-list{min-height:0!important;gap:0!important;margin:0!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-list>li{padding:10px 0!important;min-height:0!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-list>li.pg-first{padding-top:2px!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-list>li .arena-live-meta{margin:0 0 4px!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-list>li :is(strong,a){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:20px!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-news-dots{padding:6px 0!important;min-height:16px!important}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-panel>footer{padding-top:8px!important;margin-top:0!important;min-height:0!important;align-items:center}
html[data-arena-site] body .arena-live[data-live-tab] .arena-live-more{height:36px!important;min-height:36px!important}
html[data-arena-site] body .arena-live[data-live-tab]>.arena-calendar ol li{padding:8px 0!important}
}
/* Reference-rate source note: inside its own card, very small, the same on phone and desktop (owner 2026-10-09). */
.arena-ref-main>.arena-ref-src{grid-column:auto;margin:-4px 0 0;font-size:10px;line-height:14px;text-align:center;opacity:.75}
.arena-ref-main>.arena-ref-src img{width:14px;height:14px;vertical-align:-3px;margin-right:4px}
/* home-entries-restore-v2: the tile link covers its tile by itself and never transforms, so a mouse press cannot lose the click. */
html[data-arena-site] body .arena-feature-grid>.bb-service-card>a.bb-card-link.bb-card-link{position:absolute!important;inset:0;width:auto!important;height:auto!important;border-radius:20px!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-arena-site] body .arena-feature-grid>.bb-service-card>a.bb-card-link.bb-card-link{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-arena-site] body .arena-feature-grid>.bb-service-card:has(>a.bb-card-link:active){transform:scale(.985)}
@media(max-width:899px){html[data-arena-site] body .arena-feature-grid>.bb-service-card{min-height:101px!important}}
/* shared by the live first-screen phones (home-cards-v3) */
@keyframes bb-home-sk{from{background-position:200% 0}to{background-position:-200% 0}}
.bb-home-up{color:var(--bb-theme-up,#1f9d55)}.bb-home-down{color:var(--bb-theme-down,#d64545)}
/* home-cards-v3: first-screen phones show live quotes (filled by arena-content.js); no demo numbers. */
html[data-arena-site] body .arfx-hp .arfx-hp-pair{font-size:11px;font-weight:500;opacity:.6}
html[data-arena-site] body .arfx-hp .arfx-hp-price{min-height:31px}
html[data-arena-site] body .arfx-hp .arfx-hp-change{min-height:15px}
html[data-arena-site] body .arfx-hp .arfx-hp-change.bb-home-down,html[data-arena-site] body .arfx-hp .arfx-hp-stick-down{color:var(--bb-theme-down,#d64545)}
html[data-arena-site] body .arfx-hp .arfx-hp-stick-up{color:var(--hp-up,#0a8f4e)}
html[data-arena-site] body .arfx-hp :is(.arfx-hp-stick-up,.arfx-hp-stick-down){stroke:currentColor;fill:currentColor}
html[data-arena-site] body .arfx-hp path:is(.arfx-hp-stick-up,.arfx-hp-stick-down){fill:none}
html[data-arena-site] body .arfx-hp .arfx-hp-level{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--hp-stroke,#6aa600);opacity:.7}
html[data-arena-site] body .arfx-hp [data-home-quotes=loading] :is(.arfx-hp-price,.arfx-hp-quote-row b):empty::before{content:"";display:block;width:96px;height:18px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,rgba(128,128,128,.14) 25%,rgba(128,128,128,.28) 50%,rgba(128,128,128,.14) 75%);background-size:200% 100%;animation:bb-home-sk 1.4s linear infinite}
html[data-arena-site] body .arfx-hp [data-home-quotes=loading] .arfx-hp-quote-row b:empty::before{width:44px;height:10px;margin-top:0}
html[data-arena-site] body .arfx-hp [data-home-quotes=none] :is(.arfx-hp-price,.arfx-hp-change){visibility:hidden}
html[data-arena-site] body .arfx-hp [data-home-quotes=none] .arfx-hp-chart>*{display:none}
@media(prefers-reduced-motion:reduce){html[data-arena-site] body .arfx-hp :is(.arfx-hp-price,.arfx-hp-quote-row b)::before{animation:none!important}}
/* site-pages-v1 (owner 2026-10-10 「可以」, prototype mockups/three-pages.html): the markets, accounts and platforms pages.
   Markets: instrument board with the live reference price where a public quote exists and the contract terms always.
   Accounts: one card per account type (a sideways rail on a phone). Platforms: one card with MT4, three ways in and a device picture.
   Black, white, grey; lime only on small parts. Glass skin reads --glass-* tokens only. Data comes from the shared read in arena-content.js. */
html[data-arena-site] body .bb-pg{--bbp-item:var(--bb-theme-inset,#f5f5f7);--bbp-line:var(--bb-theme-line,#e3e3e6);--bbp-ease:cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:20px}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg{--bbp-item:var(--glass-bg-soft);--bbp-line:var(--glass-edge-soft)}
html[data-arena-site] body .bb-pg [hidden]{display:none!important}
html[data-arena-site] body .bb-pg .bb-pg-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
html[data-arena-site] body .bb-pg .bb-pg-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0}
html[data-arena-site] body .bb-pg .bb-pg-top b{font-size:18px;line-height:24px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-arena-site] body .bb-pg .bb-pg-pill{flex:none;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:500;color:var(--bb-theme-muted,#666);background:var(--bbp-item);border:1px solid var(--bbp-line);white-space:nowrap}

/* markets */
html[data-arena-site] body .bb-pg .bb-pg-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}
html[data-arena-site] body .bb-pg .bb-pg-chips::-webkit-scrollbar{display:none}
html[data-arena-site] body .bb-pg .bb-pg-chip{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;font-size:14px;line-height:1;font-weight:500;text-decoration:none;color:var(--bb-theme-muted,#666);background:var(--bb-theme-surface,#fff);border:1px solid var(--bb-theme-line,#e3e3e6);transition:background .2s,color .2s,border-color .2s,transform .12s}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-chip{background:var(--glass-bg-soft);border-color:var(--glass-edge-soft);box-shadow:var(--glass-raise)}
html[data-arena-site] body .bb-pg .bb-pg-chip:active{transform:scale(.96)}
html[data-arena-site] body .bb-pg .bb-pg-chip[aria-current=true],html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-chip[aria-current=true]{background:var(--bb-theme-ink,#111);border-color:var(--bb-theme-ink,#111);color:var(--bb-theme-surface,#fff);box-shadow:none}
html[data-arena-site] body .bb-pg .bb-pg-chip:focus-visible,html[data-arena-site] body .bb-pg .bb-pg-dl:focus-visible{outline:2px solid var(--bb-theme-ink,#111);outline-offset:2px}
html[data-arena-site] body .bb-pg .bb-pg-board{display:grid;grid-template-columns:1fr;gap:10px}
html[data-arena-site] body .bb-pg .bb-pg-ins{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:20px}
html[data-arena-site] body .bb-pg .bb-pg-mid{display:grid;grid-template-columns:minmax(0,1fr) 44%;align-items:end;gap:12px;min-height:56px}
html[data-arena-site] body .bb-pg .bb-pg-price{min-width:0;font-variant-numeric:tabular-nums}
html[data-arena-site] body .bb-pg .bb-pg-price b{display:block;min-height:32px;font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
html[data-arena-site] body .bb-pg .bb-pg-price>span{display:block;min-height:18px;margin-top:2px;font-size:13px;line-height:18px;font-weight:600}
html[data-arena-site] body .bb-pg .bb-home-spark{position:relative;display:block;height:48px;min-width:0}
html[data-arena-site] body .bb-pg .bb-home-spark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}
html[data-arena-site] body .bb-pg .bb-home-spark>b{position:absolute;right:-3px;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:currentColor}
html[data-arena-site] body .bb-pg .bb-pg-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px 0 0;border-top:1px solid var(--bbp-line)}
html[data-arena-site] body .bb-pg .bb-pg-spec div{min-width:0}
html[data-arena-site] body .bb-pg .bb-pg-spec dt{margin:0;font-size:11px;line-height:14px;color:var(--bb-theme-muted,#666)}
html[data-arena-site] body .bb-pg .bb-pg-spec dd{margin:2px 0 0;font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-arena-site] body .bb-pg[data-home-quotes=none] .bb-pg-mid,html[data-arena-site] body .bb-pg[data-home-quotes=live] .bb-pg-mid:has([data-home-px]:empty){display:none}
html[data-arena-site] body .bb-pg[data-home-quotes=loading] .bb-pg-price b:empty::before,html[data-arena-site] body .bb-pg[data-home-quotes=loading] .bb-home-spark:empty::before{content:"";display:block;width:120px;max-width:100%;height:20px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,rgba(128,128,128,.12) 25%,rgba(128,128,128,.24) 50%,rgba(128,128,128,.12) 75%);background-size:200% 100%;animation:bb-home-sk 1.4s linear infinite}
html[data-arena-site] body .bb-pg[data-home-quotes=loading] .bb-home-spark:empty::before{width:100%;height:100%;margin:0;border-radius:12px}
html[data-arena-site] body .bb-pg .bb-pg-empty{margin:0;padding:14px 16px;border-radius:12px;border:1px solid var(--bbp-line);background:var(--bbp-item);font-size:14px;line-height:20px;color:var(--bb-theme-muted,#666)}
html[data-arena-site] body .bb-pg .bb-pg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;font-size:14px;line-height:20px}
html[data-arena-site] body .bb-pg .bb-pg-foot a{font-weight:500;color:var(--bb-theme-ink,#111);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(var(--bb-theme-ink-rgb,17,17,17),.3)}
html[data-arena-site] body .bb-pg .bb-pg-src{font-size:12px;line-height:16px;color:var(--bb-theme-muted,#666);opacity:.8;font-variant-numeric:tabular-nums}
html[data-arena-site] body .bb-pg .bb-home-tick-up{animation:bb-home-tick-up .7s ease-out 1}
html[data-arena-site] body .bb-pg .bb-home-tick-down{animation:bb-home-tick-down .7s ease-out 1}
@keyframes bb-home-tick-up{0%{color:var(--bb-theme-up,#1f9d55)}100%{}}
@keyframes bb-home-tick-down{0%{color:var(--bb-theme-down,#d64545)}100%{}}

/* accounts */
html[data-arena-site] body .bb-pg .bb-pg-accts{--bbh-l:0px;--bbh-r:24px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--bbh-l),#000 calc(100% - var(--bbh-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--bbh-l),#000 calc(100% - var(--bbh-r)),transparent 100%);display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:-8px 0 0;padding:8px 0 28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html[data-arena-site] body .bb-pg .bb-pg-accts::-webkit-scrollbar{display:none}
html[data-arena-site] body .bb-pg .bb-pg-accts[data-home-edge=mid]{--bbh-l:24px}
html[data-arena-site] body .bb-pg .bb-pg-accts[data-home-edge=end]{--bbh-l:24px;--bbh-r:0px}
html[data-arena-site] body .bb-pg .bb-pg-acct{flex:0 0 86%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:20px}
html[data-arena-site] body .bb-pg .bb-pg-acct .bb-pg-top b{font-size:20px;line-height:28px}
html[data-arena-site] body .bb-pg .bb-pg-big{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
html[data-arena-site] body .bb-pg .bb-pg-big b{font-size:48px;line-height:52px;font-weight:600;letter-spacing:-.03em}
html[data-arena-site] body .bb-pg .bb-pg-big span{font-size:13px;line-height:18px;color:var(--bb-theme-muted,#666)}
html[data-arena-site] body .bb-pg .bb-pg-rows{margin:0;padding:0;display:flex;flex-direction:column}
html[data-arena-site] body .bb-pg .bb-pg-rows div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--bbp-line);font-size:14px;line-height:20px}
html[data-arena-site] body .bb-pg .bb-pg-rows dt{margin:0;color:var(--bb-theme-muted,#666)}
html[data-arena-site] body .bb-pg .bb-pg-rows dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
html[data-arena-site] body .bb-pg .bb-pg-dots{display:flex;justify-content:center;gap:6px;margin-top:-34px}
html[data-arena-site] body .bb-pg .bb-pg-dots i{width:6px;height:6px;border-radius:999px;background:rgba(var(--bb-theme-ink-rgb,17,17,17),.24);transition:width .3s var(--bbp-ease),background .3s}
html[data-arena-site] body .bb-pg .bb-pg-dots i.is-on{width:18px;background:var(--bb-theme-ink,#111)}
html[data-arena-site] body .bb-pg .arena-account-actions{margin:0}
html[data-arena-site] body .bb-pg>.site-control{align-self:flex-start}

/* platforms */
html[data-arena-site] body .bb-pg .bb-pg-plat{display:grid;grid-template-columns:1fr;gap:16px;padding:16px;border-radius:20px}
html[data-arena-site] body .bb-pg .bb-pg-plat-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
html[data-arena-site] body .bb-pg .bb-pg-mt{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--bbp-item);border:1px solid var(--bbp-line);white-space:nowrap}
html[data-arena-site] body .bb-pg .bb-pg-mt img{width:36px;height:36px;border-radius:50%;background:#fff;display:block}
html[data-arena-site] body .bb-pg .bb-pg-mt b{font-size:18px;line-height:24px;font-weight:600}
html[data-arena-site] body .bb-pg .bb-pg-dls{display:flex;flex-direction:column;gap:8px;margin-top:auto}
html[data-arena-site] body .bb-pg .bb-pg-dl{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border-radius:12px;text-decoration:none;color:var(--bb-theme-ink,#111);background:var(--bbp-item);border:1px solid var(--bbp-line);transition:border-color .2s,transform .12s}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-dl{box-shadow:var(--glass-raise)}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-dl:active{box-shadow:var(--glass-press)}
html[data-arena-site] body .bb-pg .bb-pg-dl:active{transform:scale(.985)}
html[data-arena-site] body .bb-pg .bb-pg-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bb-theme-surface,#fff);border:1px solid var(--bbp-line)}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-ic{background:transparent}
html[data-arena-site] body .bb-pg .bb-pg-tx{flex:1;min-width:0}
html[data-arena-site] body .bb-pg .bb-pg-tx b{display:block;font-size:16px;line-height:22px;font-weight:600}
html[data-arena-site] body .bb-pg .bb-pg-tx small{display:block;font-size:12px;line-height:16px;color:var(--bb-theme-muted,#666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-arena-site] body .bb-pg .bb-pg-go{flex:none;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--bb-theme-surface,#fff);border:1px solid var(--bbp-line);transition:background .25s,border-color .25s,color .25s}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-go{background:var(--glass-bg-soft)}
html[data-arena-site] body .bb-pg .bb-pg-scene{position:relative;order:-1;min-height:200px;border-radius:12px;overflow:hidden;background:var(--bb-theme-inset,#f5f5f7);border:1px solid var(--bbp-line)}
html[data-bigbit-skin=glass][data-arena-site] body .bb-pg .bb-pg-scene{background:transparent}
html[data-arena-site] body .bb-pg .bb-pg-laptop{position:absolute;left:4%;right:30%;top:12%;bottom:12%;transition:transform .5s var(--bbp-ease)}
html[data-arena-site] body .bb-pg .bb-pg-lid{position:absolute;inset:0 4% 10px 4%;border-radius:10px 10px 2px 2px;background:#0e0e10;border:1px solid #2a2a2e;padding:10px 12px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
html[data-arena-site] body .bb-pg .bb-pg-base{position:absolute;left:0;right:0;bottom:0;height:10px;border-radius:2px 2px 10px 10px;background:rgba(var(--bb-theme-ink-rgb,17,17,17),.22)}
html[data-arena-site] body .bb-pg .bb-pg-stop{display:flex;align-items:baseline;gap:8px;min-height:18px;color:#f2f2f2;font-size:11px;line-height:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-arena-site] body .bb-pg .bb-pg-stop i{font-style:normal;font-weight:500;color:#b8ff3d}
html[data-arena-site] body .bb-pg .bb-pg-chart{position:relative;flex:1;min-height:0;background:repeating-linear-gradient(to bottom,transparent 0 24%,#2a2a2e 24% calc(24% + 1px))}
html[data-arena-site] body .bb-pg .bb-pg-chart svg{position:absolute;inset:0;width:100%;height:100%;display:block}
html[data-arena-site] body .bb-pg .bb-pg-level{position:absolute;left:0;right:22%;height:0;border-top:1px dashed rgba(184,255,61,.45)}
html[data-arena-site] body .bb-pg .bb-pg-enddot{position:absolute;left:78%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#b8ff3d;box-shadow:0 0 0 3px rgba(184,255,61,.22)}
html[data-arena-site] body .bb-pg .bb-pg-tag{position:absolute;left:0;transform:translateY(-50%);padding:1px 5px;border-radius:4px;background:#b8ff3d;color:#111;font-size:10px;line-height:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-arena-site] body .bb-pg .bb-pg-tag:empty{display:none}
html[data-arena-site] body .bb-pg .bb-pg-handset{position:absolute;right:4%;bottom:-6%;width:34%;min-width:92px;max-width:150px;aspect-ratio:9/17;border-radius:16px;background:#0e0e10;border:1px solid #2a2a2e;box-shadow:0 16px 28px -14px rgba(0,0,0,.55);padding:14px 7px 8px;display:flex;flex-direction:column;gap:5px;transition:transform .5s var(--bbp-ease)}
html[data-arena-site] body .bb-pg .bb-pg-handset::before{content:"";position:absolute;top:6px;left:38%;right:38%;height:3px;border-radius:999px;background:#2a2a2e}
html[data-arena-site] body .bb-pg .bb-pg-hrow{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:9px;line-height:12px;color:#f2f2f2;font-weight:600;padding-bottom:4px;border-bottom:1px solid #2a2a2e;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-arena-site] body .bb-pg .bb-pg-hrow:last-child{border-bottom:0}
html[data-arena-site] body .bb-pg .bb-pg-hval{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
html[data-arena-site] body .bb-pg .bb-pg-hval b{font-weight:600}
html[data-arena-site] body .bb-pg .bb-pg-hval>span{font-size:8px;line-height:10px;font-weight:500;min-height:10px}
html[data-arena-site] body .bb-pg .bb-pg-hrow .bb-home-up{color:#4fd08a}
html[data-arena-site] body .bb-pg .bb-pg-hrow .bb-home-down{color:#ff7b7b}
html[data-arena-site] body .bb-pg[data-home-quotes=none] .bb-pg-stop,html[data-arena-site] body .bb-pg[data-home-quotes=none] .bb-pg-chart>*{visibility:hidden}
html[data-arena-site] body .bb-pg[data-home-quotes=none] .bb-pg-lid::after{content:"";position:absolute;inset:0;background:url(/static/exchanges/mt4-official.png) center/44px 44px no-repeat}
html[data-arena-site] body .bb-pg .bb-pg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:20px}
html[data-arena-site] body .bb-pg .bb-pg-steps li{position:relative;display:flex;align-items:center;gap:14px;margin:0;padding:0}
html[data-arena-site] body .bb-pg .bb-pg-steps li::before{content:"";position:absolute;top:40px;bottom:-20px;left:19px;width:2px;background:var(--bb-theme-line,#e3e3e6)}
html[data-arena-site] body .bb-pg .bb-pg-steps li:last-child::before{display:none}
html[data-arena-site] body .bb-pg .bb-pg-steps i{position:relative;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:16px;font-weight:600;background:var(--bb-theme-ink,#111);color:var(--bb-theme-surface,#fff)}
html[data-arena-site] body .bb-pg .bb-pg-steps li:first-child i{box-shadow:0 0 0 4px var(--bb-theme-accent,#b8ff3d)}
html[data-arena-site] body .bb-pg .bb-pg-steps b{font-size:15px;line-height:22px;font-weight:600}

@media(hover:hover){
html[data-arena-site] body .bb-pg .bb-pg-chip:hover{color:var(--bb-theme-ink,#111);border-color:var(--bb-theme-muted,#666)}
html[data-arena-site] body .bb-pg .bb-pg-chip[aria-current=true]:hover{color:var(--bb-theme-surface,#fff)}
html[data-arena-site] body .bb-pg .bb-pg-dl:hover{border-color:var(--bb-theme-muted,#666)}
html[data-arena-site] body .bb-pg .bb-pg-dl:hover .bb-pg-go{background:var(--bb-theme-accent,#b8ff3d);border-color:var(--bb-theme-accent,#b8ff3d);color:var(--bb-theme-accent-ink,#111)}
html[data-arena-site] body .bb-pg .bb-pg-plat:hover .bb-pg-handset{transform:translateY(-10px)}
html[data-arena-site] body .bb-pg .bb-pg-plat:hover .bb-pg-laptop{transform:translateX(-6px)}
}
@media(min-width:900px){
html[data-arena-site] body .bb-pg .bb-pg-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html[data-arena-site] body .bb-pg .bb-pg-ins{padding:20px;gap:14px}
html[data-arena-site] body .bb-pg .bb-pg-accts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px;overflow:visible;margin:0;padding:0;scroll-snap-type:none;-webkit-mask-image:none;mask-image:none}
html[data-arena-site] body .bb-pg .bb-pg-acct{padding:24px;gap:18px}
html[data-arena-site] body .bb-pg .bb-pg-big b{font-size:56px;line-height:60px}
html[data-arena-site] body .bb-pg .bb-pg-dots{display:none}
html[data-arena-site] body .bb-pg .bb-pg-plat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;padding:24px}
html[data-arena-site] body .bb-pg .bb-pg-scene{order:0;min-height:340px}
html[data-arena-site] body .bb-pg .bb-pg-laptop{left:6%;right:20%}
html[data-arena-site] body .bb-pg .bb-pg-handset{right:6%;width:22%;min-width:104px;padding:14px 8px 8px}
html[data-arena-site] body .bb-pg .bb-pg-tag{font-size:11px;line-height:16px;padding:1px 6px}
html[data-arena-site] body .bb-pg .bb-pg-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
html[data-arena-site] body .bb-pg .bb-pg-steps li{flex-direction:column;align-items:flex-start;gap:12px;padding-right:16px}
html[data-arena-site] body .bb-pg .bb-pg-steps li::before{top:19px;bottom:auto;left:40px;right:0;width:auto;height:2px}
html[data-arena-site] body .bb-pg .bb-pg-steps b{font-size:16px;line-height:24px;max-width:280px}
}
@media(prefers-reduced-motion:reduce){html[data-arena-site] body .bb-pg *,html[data-arena-site] body .bb-pg *::before{transition:none!important;animation:none!important}html[data-arena-site] body .bb-pg .bb-pg-plat:hover :is(.bb-pg-handset,.bb-pg-laptop){transform:none!important}}

/* 2026-10-10 owner: no second layer under the home cards (phone and desktop) */
html[data-arena-site] body .arena-live :is(.arena-live-panel,.arena-calendar)::after{content:none!important;display:none!important}

/* 2026-10-10 owner: one gap between every block on the home page — 28 on phones, 56 on desktop (owner kept this after seeing it: "不用改回来") */
html[data-arena-site] body .arena-content>.arena-intro~section{margin-top:28px!important;margin-bottom:0!important}
@media (min-width:900px){html[data-arena-site][data-web-public]:not([data-account-center-page]):not([data-site-workspace]) body .arena-content>.arena-intro~section{margin-top:56px!important;margin-bottom:0!important}}