/* Bumblebee PC Template A v8 — official desktop experience.
   This file is loaded only by the desktop layout. Mobile templates remain untouched. */
:root{
  --pc-bg:#060a10;
  --pc-sidebar-bg:#0a1018;
  --pc-header-bg:rgba(7,12,19,.92);
  --pc-panel:#0d151f;
  --pc-panel-2:#111b27;
  --pc-panel-3:#151f2c;
  --pc-border:#1d2a39;
  --pc-border-strong:#2a3a4e;
  --pc-text:#edf3f8;
  --pc-muted:#7c8b9d;
  --pc-muted-2:#556477;
  --pc-gold:#e8b45e;
  --pc-gold-light:#f5cf8f;
  --pc-green:#28c89c;
  --pc-red:#ef5b6b;
  --pc-blue:#4b8df8;
  --pc-sidebar:248px;
  --pc-topbar:72px;
  --pc-content-max:1560px;
  --pc-radius:12px;
}
html:has(body.desktop-official-v8){min-width:1024px;background:var(--pc-bg)}
body.desktop-official-v8{min-width:1024px;background:radial-gradient(circle at 75% -10%,rgba(39,82,139,.18),transparent 34%),var(--pc-bg);color:var(--pc-text);font-size:14px}
body.desktop-official-v8 *{box-sizing:border-box}
body.desktop-official-v8 a{color:inherit;text-decoration:none}
body.desktop-official-v8 .desktop-app-shell{display:grid;grid-template-columns:var(--pc-sidebar) minmax(0,1fr);min-height:100vh}
body.desktop-official-v8 .desktop-sidebar{position:fixed;inset:0 auto 0 0;width:var(--pc-sidebar);display:flex;flex-direction:column;background:linear-gradient(180deg,#0c131d 0%,#080d14 100%);border-right:1px solid var(--pc-border);z-index:200;box-shadow:14px 0 40px rgba(0,0,0,.14)}
body.desktop-official-v8 .desktop-brand{height:var(--pc-topbar);display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--pc-border)}
body.desktop-official-v8 .desktop-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(232,180,94,.25);border-radius:11px;background:radial-gradient(circle at 50% 34%,rgba(232,180,94,.16),transparent 65%),#070b11;overflow:hidden;flex:0 0 auto}
body.desktop-official-v8 .desktop-brand-mark img{width:38px;height:38px;object-fit:contain}
body.desktop-official-v8 .desktop-brand>span:last-child{min-width:0;display:flex;flex-direction:column}
body.desktop-official-v8 .desktop-brand strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-official-v8 .desktop-brand small{margin-top:4px;color:#677588;font-size:9px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
body.desktop-official-v8 .desktop-nav{flex:1;padding:14px 11px;overflow:auto;scrollbar-width:thin;scrollbar-color:#263648 transparent}
body.desktop-official-v8 .desktop-nav-group{margin-bottom:13px}
body.desktop-official-v8 .desktop-nav-group>small{display:block;padding:0 12px 5px;color:#445266;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
body.desktop-official-v8 .desktop-nav a{position:relative;height:42px;display:flex;align-items:center;gap:12px;margin:3px 0;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#8492a4;transition:.16s ease}
body.desktop-official-v8 .desktop-nav a:hover{color:#dce5ee;background:#111a25;border-color:#1d2a39}
body.desktop-official-v8 .desktop-nav a.is-active{color:#fff;background:linear-gradient(90deg,rgba(232,180,94,.18),rgba(232,180,94,.04));border-color:rgba(232,180,94,.25);box-shadow:inset 3px 0 0 var(--pc-gold)}
body.desktop-official-v8 .desktop-nav a>i{position:absolute;right:11px;width:5px;height:5px;border-radius:50%;background:var(--pc-gold);box-shadow:0 0 12px rgba(232,180,94,.65)}
body.desktop-official-v8 .desktop-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
body.desktop-official-v8 .desktop-nav a.is-active svg{color:var(--pc-gold)}
body.desktop-official-v8 .desktop-nav span{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-official-v8 .desktop-sidebar-footer{display:grid;gap:8px;padding:12px;border-top:1px solid var(--pc-border)}
body.desktop-official-v8 .desktop-sidebar-footer>a{height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid #182534;border-radius:8px;background:#0e1721;color:#9ba8b7;font-size:11px}
body.desktop-official-v8 .desktop-sidebar-footer>a:hover{border-color:#2b3d52;color:#e7edf3}
body.desktop-official-v8 .desktop-sidebar-footer>a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.desktop-official-v8 .desktop-help-dot{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#1a2a3a;color:var(--pc-gold);font-weight:700}
body.desktop-official-v8 .desktop-security-note{display:flex;align-items:center;gap:9px;padding:7px 9px;color:#5e6d80}
body.desktop-official-v8 .desktop-security-note>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(40,200,156,.12);color:var(--pc-green)}
body.desktop-official-v8 .desktop-security-note small{font-size:8px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
body.desktop-official-v8 .desktop-workspace{grid-column:2;min-width:0;min-height:100vh}
body.desktop-official-v8 .desktop-topbar{position:sticky;top:0;z-index:180;height:var(--pc-topbar);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;background:var(--pc-header-bg);border-bottom:1px solid var(--pc-border);backdrop-filter:blur(18px)}
body.desktop-official-v8 .desktop-topbar-title{min-width:0;display:flex;flex-direction:column}
body.desktop-official-v8 .desktop-topbar-title small{color:#536176;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
body.desktop-official-v8 .desktop-topbar-title strong{max-width:480px;margin-top:4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-official-v8 .desktop-topbar-actions{display:flex;align-items:center;gap:8px}
body.desktop-official-v8 .desktop-market-live{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #1d2a39;border-radius:8px;background:#0d151f;color:#758499;font-size:10px}
body.desktop-official-v8 .desktop-market-live i{width:7px;height:7px;border-radius:50%;background:var(--pc-green);box-shadow:0 0 10px rgba(40,200,156,.7)}
body.desktop-official-v8 .desktop-quick-link{height:36px;display:flex;align-items:center;padding:0 15px;border-radius:7px;background:linear-gradient(135deg,var(--pc-gold-light),var(--pc-gold));color:#171108!important;font-size:11px;font-weight:700;box-shadow:0 8px 22px rgba(232,180,94,.12)}
body.desktop-official-v8 .desktop-quick-link.is-outline{background:#101923;color:#b3bfcb!important;border:1px solid #233246;box-shadow:none}
body.desktop-official-v8 .desktop-icon-link{width:36px;height:36px;display:grid;place-items:center;border:1px solid #223144;border-radius:8px;background:#0e1721;color:#8795a7}
body.desktop-official-v8 .desktop-icon-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.desktop-official-v8 .desktop-language-button,body.desktop-official-v8 .desktop-user-button{height:40px;display:flex;align-items:center;border:1px solid #223144;border-radius:9px;background:#0d151f;color:#c7d0db}
body.desktop-official-v8 .desktop-language-button{gap:8px;padding:0 10px}
body.desktop-official-v8 .desktop-language-button img{width:18px;height:18px;border-radius:50%;object-fit:cover}
body.desktop-official-v8 .desktop-language-button span{max-width:88px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-official-v8 .desktop-language-button b{color:#5f6e81;font-size:10px}
body.desktop-official-v8 .desktop-user-button{gap:9px;min-width:145px;padding:4px 10px 4px 5px}
body.desktop-official-v8 .desktop-user-button>img{width:30px;height:30px;border-radius:7px;object-fit:cover;background:#070b11}
body.desktop-official-v8 .desktop-user-button>span{min-width:0;display:flex;flex-direction:column}
body.desktop-official-v8 .desktop-user-button strong{max-width:108px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-official-v8 .desktop-user-button small{margin-top:2px;color:#5c6b7f;font-size:8px}
body.desktop-official-v8 .desktop-content-stage{min-height:calc(100vh - var(--pc-topbar));padding:20px 22px 34px}
body.desktop-official-v8 .desktop-page{width:100%;max-width:var(--pc-content-max);margin:0 auto}
body.desktop-official-v8 .desktop-page-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:0 2px}
body.desktop-official-v8 .desktop-page-heading small{display:block;color:#526176;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
body.desktop-official-v8 .desktop-page-heading h1{margin:6px 0 0;font-size:22px;font-weight:650;color:#eef4f8}
body.desktop-official-v8 .desktop-page-actions{display:flex;align-items:center;gap:8px}
body.desktop-official-v8 .desktop-page-actions a{height:34px;display:flex;align-items:center;padding:0 14px;border:1px solid #253548;border-radius:7px;background:#101923;color:#aebac6;font-size:10px}
body.desktop-official-v8 .desktop-page-actions a.is-primary{border-color:rgba(232,180,94,.45);background:linear-gradient(135deg,var(--pc-gold-light),var(--pc-gold));color:#181108;font-weight:700}
body.desktop-official-v8 .desktop-page-body{min-width:0}
body.desktop-official-v8 .desktop-page-body .page-container{max-width:none}
body.desktop-official-v8 .desktop-page-body .page-content{padding-top:0;padding-bottom:0}
body.desktop-official-v8 .account-mode-banner{border:1px solid rgba(40,200,156,.23);background:rgba(40,200,156,.08);color:#7ce0c2}
body.desktop-official-v8 .account-mode-banner.demo{border-color:rgba(232,180,94,.26);background:rgba(232,180,94,.08);color:#f0c981}
body.desktop-official-v8 .btn,body.desktop-official-v8 .input,body.desktop-official-v8 .select,body.desktop-official-v8 .textarea{border-radius:8px}
body.desktop-official-v8 .input,body.desktop-official-v8 .select,body.desktop-official-v8 .textarea{border-color:#263548;background:#09111a;color:#e8eef4}
body.desktop-official-v8 .input:focus,body.desktop-official-v8 .select:focus,body.desktop-official-v8 .textarea:focus{border-color:rgba(232,180,94,.55);box-shadow:0 0 0 3px rgba(232,180,94,.08)}
body.desktop-official-v8 .form-card,body.desktop-official-v8 .list-card,body.desktop-official-v8 .message-card,body.desktop-official-v8 .message-detail-card{border:1px solid var(--pc-border);background:var(--pc-panel);box-shadow:none}

/* Official home */
body.desktop-official-v8 .desktop-home-hero-grid{grid-template-columns:minmax(0,1.75fr) minmax(330px,.62fr);gap:14px;min-height:356px}
body.desktop-official-v8 .desktop-home-carousel{height:356px;border-color:#223246;border-radius:13px}
body.desktop-official-v8 .desktop-home-slide>img{object-position:center}
body.desktop-official-v8 .desktop-home-overview{padding:18px;border-color:#223246;background:linear-gradient(160deg,#111b27,#0b121a)}
body.desktop-official-v8 .desktop-home-overview-list>a{min-height:64px}
body.desktop-official-v8 .desktop-home-balance-actions a{height:48px}
body.desktop-official-v8 .desktop-home-quick-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
body.desktop-official-v8 .desktop-home-quick-grid>a{min-height:88px;flex-direction:column;justify-content:center;gap:7px;padding:12px 8px;text-align:center;border-color:#1e2d3e;background:#0d151f}
body.desktop-official-v8 .desktop-home-quick-grid>a:hover{transform:translateY(-2px);border-color:#344961;background:#111b27}
body.desktop-official-v8 .desktop-home-quick-grid>a>span{width:35px;height:35px}
body.desktop-official-v8 .desktop-home-quick-grid>a img{width:25px;height:25px;object-fit:contain}
body.desktop-official-v8 .desktop-home-quick-grid>a b{font-size:10px}
body.desktop-official-v8 .desktop-home-quick-grid>a small{display:none}
body.desktop-official-v8 .desktop-home-content-grid{grid-template-columns:minmax(0,1.55fr) minmax(360px,.64fr)}
body.desktop-official-v8 .desktop-home-market-panel,body.desktop-official-v8 .desktop-home-news-panel{border-color:#203044;background:#0c141e}
body.desktop-official-v8 .desktop-home-market-list>a{min-height:60px}
body.desktop-official-v8 .desktop-home-news-panel .auto-news-list{max-height:650px}

/* Market — full computer table with news rail */
body.desktop-official-v8 .desktop-page-market .desktop-page-body{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;align-items:start}
body.desktop-official-v8 .desktop-page-market .dark-market-page{display:contents}
body.desktop-official-v8 .desktop-page-market .market-category-tabs,body.desktop-official-v8 .desktop-page-market .market-search-bar,body.desktop-official-v8 .desktop-page-market .market-list-head,body.desktop-official-v8 .desktop-page-market .market-screen-list{grid-column:1}
body.desktop-official-v8 .desktop-page-market .product-auto-news{grid-column:2;grid-row:1/5;margin:0;position:sticky;top:92px;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel);overflow:hidden}
body.desktop-official-v8 .desktop-page-market .product-auto-news .auto-news-list{max-height:calc(100vh - 185px);overflow:auto;scrollbar-width:thin;scrollbar-color:#26384b transparent}
body.desktop-official-v8 .desktop-page-market .auto-news-item{min-height:84px;padding:11px 13px}
body.desktop-official-v8 .desktop-page-market .auto-news-item img{width:76px;height:54px;border-radius:7px}
body.desktop-official-v8 .desktop-page-market .market-category-tabs{border-radius:11px 11px 0 0}
body.desktop-official-v8 .desktop-page-market .market-screen-list a{height:64px}
body.desktop-official-v8 .desktop-page-market .market-screen-list strong{font-size:13px}

/* Trading pages */
body.desktop-official-v8 .desktop-page-options-trade .options-trade-page{grid-template-columns:minmax(0,1fr) 318px;gap:0 14px}
body.desktop-official-v8 .desktop-page-options-trade .options-chart{height:468px}
body.desktop-official-v8 .desktop-page-options-trade .options-actions{top:92px;padding:16px;background:linear-gradient(180deg,#111b27,#0c141e)}
body.desktop-official-v8 .desktop-page-options-trade .options-actions:before{content:var(--trade-rail-label,"TRADE");display:block;margin-bottom:3px;color:#5b697d;font-size:9px;letter-spacing:.16em}
body.desktop-official-v8 .desktop-page-options-trade .seconds-history-panel,body.desktop-official-v8 .desktop-page-options-trade .product-auto-news{border-color:#223145}
body.desktop-official-v8 .desktop-page-perpetual-trade .perpetual-grid{grid-template-columns:minmax(470px,.9fr) minmax(520px,1.1fr);gap:16px}
body.desktop-official-v8 .desktop-page-perpetual-trade .perpetual-form,body.desktop-official-v8 .desktop-page-perpetual-trade .order-book{min-height:440px;background:#09111a}
body.desktop-official-v8 .desktop-page-perpetual-trade .perpetual-trade-card{background:var(--pc-panel)}
body.desktop-official-v8 .desktop-template-a .order-sheet,body.desktop-official-v8 .desktop-template-a .perp-pair-modal{padding-left:var(--pc-sidebar)}

/* Data tables */
body.desktop-official-v8 .desktop-layout-table .list-card,body.desktop-official-v8 .desktop-layout-table .message-list,body.desktop-official-v8 .desktop-layout-table .perp-position-list{border-color:#213145;background:#0c141e}
body.desktop-official-v8 .desktop-layout-table .list-row{min-height:72px;padding:13px 18px;border-color:#1a2837}
body.desktop-official-v8 .desktop-layout-table .list-row:hover{background:#111c28}
body.desktop-official-v8 .desktop-page-messages .message-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-messages .message-card{min-height:142px;padding:18px;border-radius:10px}

/* Assets */
body.desktop-official-v8 .desktop-page-assets .assets-total-card{height:156px;padding:26px 30px;background:radial-gradient(circle at 88% 12%,rgba(232,180,94,.18),transparent 30%),linear-gradient(135deg,#162333,#0c141e 72%)}
body.desktop-official-v8 .desktop-page-assets .assets-total-card strong{font-size:34px}
body.desktop-official-v8 .desktop-page-assets .assets-actions{grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-assets .assets-actions a{height:82px}
body.desktop-official-v8 .desktop-page-assets .wallet-card-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-assets .wallet-card-list>a{min-height:165px;background:linear-gradient(155deg,#111b27,#0c141e)}

/* Account center — real desktop dashboard */
body.desktop-official-v8 .desktop-page-account-center .desktop-page-body>main{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;align-items:start}
body.desktop-official-v8 .desktop-page-account-center .profile-hero{position:sticky;top:92px;min-height:410px;padding:28px;border:1px solid rgba(232,180,94,.24);border-radius:13px;background:radial-gradient(circle at 68% 5%,rgba(232,180,94,.20),transparent 33%),linear-gradient(150deg,#172536,#0c141e);overflow:hidden}
body.desktop-official-v8 .desktop-page-account-center .profile-hero:after{content:'';position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border:1px solid rgba(232,180,94,.13);border-radius:50%}
body.desktop-official-v8 .desktop-page-account-center .profile-hero .page-container{padding:0;position:relative;z-index:1}
body.desktop-official-v8 .desktop-page-account-center .profile-head{align-items:flex-start;flex-direction:column}
body.desktop-official-v8 .desktop-page-account-center .avatar{width:86px;height:86px;border-radius:18px;border:1px solid rgba(232,180,94,.3);background:#080d14}
body.desktop-official-v8 .desktop-page-account-center .profile-name{margin-top:14px;font-size:20px}
body.desktop-official-v8 .desktop-page-account-center .profile-id{margin-top:8px;font-size:11px;color:#738296}
body.desktop-official-v8 .desktop-page-account-center .page-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}
body.desktop-official-v8 .desktop-page-account-center .vip-entry-card{grid-column:1/-1;min-height:86px;margin:0;padding:0 20px;border:1px solid rgba(232,180,94,.24);border-radius:11px;background:linear-gradient(135deg,rgba(232,180,94,.12),rgba(232,180,94,.03)),#0d151f}
body.desktop-official-v8 .desktop-page-account-center .quick-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}
body.desktop-official-v8 .desktop-page-account-center .quick-item{height:96px;border:1px solid var(--pc-border);border-radius:10px;background:#0d151f}
body.desktop-official-v8 .desktop-page-account-center .quick-item:hover{border-color:#354a62;background:#111b27}
body.desktop-official-v8 .desktop-page-account-center .menu-list{margin:0;border:1px solid var(--pc-border);border-radius:11px;background:#0d151f;overflow:hidden}
body.desktop-official-v8 .desktop-page-account-center .menu-link{min-height:64px;padding:0 17px}
body.desktop-official-v8 .desktop-page-account-center .account-settings-block{margin:0}
body.desktop-official-v8 .desktop-page-account-center .page-content>form{grid-column:1/-1;margin-top:0!important}

/* Profile and settings */
body.desktop-official-v8 .desktop-page-profile .desktop-page-body>main{display:grid;grid-template-columns:minmax(520px,.88fr) minmax(420px,.72fr);gap:14px;align-items:start}
body.desktop-official-v8 .desktop-page-profile .form-card{max-width:none;margin:0;padding:24px;border-radius:11px}
body.desktop-official-v8 .desktop-page-profile .profile-auto-news{margin:0;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel);overflow:hidden}
body.desktop-official-v8 .desktop-page-profile .auto-news-list{max-height:680px;overflow:auto}
body.desktop-official-v8 .desktop-page-profile .profile-news-item{min-height:88px}
body.desktop-official-v8 .desktop-page-security .security-list,body.desktop-official-v8 .desktop-page-password .form-card,body.desktop-official-v8 .desktop-page-payment-password .form-card{max-width:900px}
body.desktop-official-v8 .desktop-layout-form .form-card{max-width:900px;padding:26px}
body.desktop-official-v8 .desktop-page-kyc .kyc-basic-body{grid-template-columns:minmax(360px,.72fr) minmax(590px,1.28fr)}

/* Mining — dashboard, products and orders */
body.desktop-official-v8 .desktop-page-mining .auto-mining-overview{padding:24px;border:1px solid rgba(40,200,156,.24);border-radius:13px;background:radial-gradient(circle at 86% 0,rgba(40,200,156,.14),transparent 31%),linear-gradient(145deg,#10202a,#0c141e)}
body.desktop-official-v8 .desktop-page-mining .auto-mining-balance-card{height:142px;grid-template-columns:1fr 270px}
body.desktop-official-v8 .desktop-page-mining .auto-mining-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-mining .auto-mining-stat-grid article{min-height:100px}
body.desktop-official-v8 .desktop-page-mining .auto-mining-flow-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-mining .auto-mining-flow-list>div{min-height:98px}
body.desktop-official-v8 .desktop-page-mining .mining-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-mining .mining-card{min-height:278px;background:linear-gradient(155deg,#111b27,#0c141e)}
body.desktop-official-v8 .desktop-page-mining .mining-order{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(120px,.35fr)) auto;align-items:center;gap:16px}

/* Demo */
body.desktop-official-v8 .desktop-page-demo-account .demo-account-card{padding:26px;border-radius:13px;background:var(--pc-panel)}
body.desktop-official-v8 .desktop-page-demo-account .demo-account-hero{min-height:130px;grid-template-columns:88px minmax(0,1fr) auto;padding:22px;background:radial-gradient(circle at 78% 0,rgba(75,141,248,.17),transparent 34%),linear-gradient(145deg,#162438,#0d151f)}
body.desktop-official-v8 .desktop-page-demo-account .demo-account-icon{width:82px;height:82px}
body.desktop-official-v8 .desktop-page-demo-account .demo-balance-panel{height:160px;padding:25px}
body.desktop-official-v8 .desktop-page-demo-account .demo-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-demo-account .demo-feature-grid>div{min-height:126px}

/* Finance forms */
body.desktop-official-v8 .desktop-page-deposit .deposit-receipt-wrap{grid-template-columns:minmax(390px,.72fr) minmax(600px,1.28fr)}
body.desktop-official-v8 .desktop-page-deposit .deposit-upload-card{min-height:470px}
body.desktop-official-v8 .desktop-page-withdraw .withdraw-form{grid-template-columns:minmax(600px,1.15fr) minmax(360px,.65fr)}
body.desktop-official-v8 .desktop-page-withdraw .withdraw-fields,body.desktop-official-v8 .desktop-page-withdraw .withdraw-notice-field{padding:24px}
body.desktop-official-v8 .desktop-page-exchange .asset-exchange-page{max-width:1080px}
body.desktop-official-v8 .desktop-page-exchange .exchange-card{padding:28px}
body.desktop-official-v8 .desktop-page-withdrawal-addresses .withdraw-address-card{min-height:100px}

/* News and content — actual desktop cards */
body.desktop-official-v8 .desktop-page-news .news-page-dark{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}
body.desktop-official-v8 .desktop-page-news .auto-news-tabs{position:sticky;top:92px;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel)}
body.desktop-official-v8 .desktop-page-news .auto-news-tabs a{height:42px;display:flex;align-items:center;padding:0 12px;border-radius:8px;color:#8392a4;font-size:11px}
body.desktop-official-v8 .desktop-page-news .auto-news-tabs a.active{background:rgba(232,180,94,.13);color:#f0c77f}
body.desktop-official-v8 .desktop-page-news .auto-news-page-card{border:1px solid var(--pc-border)!important;border-radius:11px!important;background:var(--pc-panel)!important;overflow:hidden}
body.desktop-official-v8 .desktop-page-news .auto-news-page-card>.auto-news-tabs{display:none}
body.desktop-official-v8 .desktop-page-news .auto-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}
body.desktop-official-v8 .desktop-page-news .auto-news-item{min-height:164px;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-right:1px solid #1a2837;border-bottom:1px solid #1a2837}
body.desktop-official-v8 .desktop-page-news .auto-news-item:nth-child(3n){border-right:0}
body.desktop-official-v8 .desktop-page-news .auto-news-item img{width:112px;height:82px;border-radius:8px;object-fit:cover}
body.desktop-official-v8 .desktop-page-news .auto-news-item strong{font-size:11px;line-height:1.55;-webkit-line-clamp:3}
body.desktop-official-v8 .desktop-page-news .auto-news-item small{font-size:8px}
body.desktop-official-v8 .desktop-page-service .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-service .service-card{min-height:180px;flex-direction:column;align-items:flex-start;padding:22px;background:linear-gradient(155deg,#111b27,#0c141e)}
body.desktop-official-v8 .desktop-page-service .service-card img{width:54px;height:54px;border-radius:12px}
body.desktop-official-v8 .desktop-page-announcements .list-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden}
body.desktop-official-v8 .desktop-page-announcements .list-row{min-height:116px;border-right:1px solid #1a2837}
body.desktop-official-v8 .desktop-page-content-page .article-content,body.desktop-official-v8 .desktop-page-banner-detail .banner-detail-card{max-width:1220px;margin:0 auto}
body.desktop-official-v8 .desktop-page-message .message-detail-card{max-width:1100px}

/* VIP */
body.desktop-official-v8 .desktop-page-vip .vip-level-scroller{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.desktop-official-v8 .desktop-page-vip .vip-hero{padding:24px}

/* Download page */
body.desktop-official-v8 .desktop-download-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:18px;padding:34px;border:1px solid rgba(232,180,94,.22);border-radius:14px;background:radial-gradient(circle at 82% 12%,rgba(75,141,248,.18),transparent 32%),radial-gradient(circle at 14% 90%,rgba(232,180,94,.15),transparent 34%),linear-gradient(145deg,#121e2c,#09111a)}
body.desktop-official-v8 .desktop-download-copy{display:flex;flex-direction:column;justify-content:center;min-height:360px}
body.desktop-official-v8 .desktop-download-copy>small{color:var(--pc-gold);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
body.desktop-official-v8 .desktop-download-copy h2{max-width:650px;margin:14px 0 12px;font-size:36px;line-height:1.18}
body.desktop-official-v8 .desktop-download-copy p{max-width:650px;margin:0;color:#8291a3;line-height:1.8}
body.desktop-official-v8 .desktop-download-actions{display:flex;gap:10px;margin-top:24px}
body.desktop-official-v8 .desktop-download-actions a{height:48px;display:flex;align-items:center;gap:10px;padding:0 18px;border:1px solid #2a3a4e;border-radius:9px;background:#0d151f;color:#dbe4ec}
body.desktop-official-v8 .desktop-download-actions a.is-primary{border-color:rgba(232,180,94,.4);background:linear-gradient(135deg,var(--pc-gold-light),var(--pc-gold));color:#171108;font-weight:700}
body.desktop-official-v8 .desktop-download-device{position:relative;min-height:360px;display:grid;place-items:center}
body.desktop-official-v8 .desktop-download-phone{width:210px;height:390px;padding:10px;border:1px solid #354961;border-radius:34px;background:#03070b;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(4deg)}
body.desktop-official-v8 .desktop-download-phone-screen{height:100%;display:flex;flex-direction:column;padding:18px;border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(232,180,94,.16),transparent 36%),#0b121b;overflow:hidden}
body.desktop-official-v8 .desktop-download-phone-screen img{width:58px;height:58px;margin:34px auto 18px;border-radius:14px;object-fit:contain}
body.desktop-official-v8 .desktop-download-phone-screen strong{text-align:center;font-size:18px}
body.desktop-official-v8 .desktop-download-phone-screen small{text-align:center;color:#718095;margin-top:7px}
body.desktop-official-v8 .desktop-download-phone-chart{height:120px;margin-top:28px;border-radius:10px;background:linear-gradient(180deg,rgba(40,200,156,.08),transparent),repeating-linear-gradient(0deg,transparent 0 23px,#172433 24px),repeating-linear-gradient(90deg,transparent 0 35px,#172433 36px);position:relative}
body.desktop-official-v8 .desktop-download-phone-chart:after{content:'';position:absolute;left:14px;right:14px;top:54px;height:2px;background:linear-gradient(90deg,transparent 0 8%,var(--pc-green) 8% 18%,transparent 18% 27%,var(--pc-green) 27% 40%,transparent 40% 48%,var(--pc-green) 48% 72%,transparent 72% 78%,var(--pc-green) 78% 100%);transform:skewY(-8deg)}
body.desktop-official-v8 .desktop-download-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
body.desktop-official-v8 .desktop-download-feature{min-height:120px;padding:20px;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel)}
body.desktop-official-v8 .desktop-download-feature b{display:block;color:#e9eff5;font-size:12px}
body.desktop-official-v8 .desktop-download-feature p{margin:8px 0 0;color:#718095;font-size:10px;line-height:1.65}

/* Responsive desktop sizes */
@media(max-width:1360px){
  :root{--pc-sidebar:220px}
  body.desktop-official-v8 .desktop-content-stage{padding-left:16px;padding-right:16px}
  body.desktop-official-v8 .desktop-market-live{display:none}
  body.desktop-official-v8 .desktop-home-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.desktop-official-v8 .desktop-home-content-grid{grid-template-columns:minmax(0,1fr) 330px}
  body.desktop-official-v8 .desktop-page-market .desktop-page-body{grid-template-columns:minmax(0,1fr) 330px}
  body.desktop-official-v8 .desktop-page-assets .wallet-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.desktop-official-v8 .desktop-page-mining .mining-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.desktop-official-v8 .desktop-page-news .auto-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.desktop-official-v8 .desktop-page-news .auto-news-item:nth-child(3n){border-right:1px solid #1a2837}
  body.desktop-official-v8 .desktop-page-news .auto-news-item:nth-child(2n){border-right:0}
}
@media(max-width:1120px){
  :root{--pc-sidebar:205px}
  body.desktop-official-v8 .desktop-topbar-title{display:none}
  body.desktop-official-v8 .desktop-home-hero-grid{grid-template-columns:minmax(0,1fr) 300px}
  body.desktop-official-v8 .desktop-home-content-grid{grid-template-columns:1fr}
  body.desktop-official-v8 .desktop-home-news-panel{display:none}
  body.desktop-official-v8 .desktop-page-market .desktop-page-body{grid-template-columns:1fr}
  body.desktop-official-v8 .desktop-page-market .product-auto-news{display:none}
  body.desktop-official-v8 .desktop-page-account-center .desktop-page-body>main{grid-template-columns:300px minmax(0,1fr)}
  body.desktop-official-v8 .desktop-page-profile .desktop-page-body>main{grid-template-columns:1fr}
  body.desktop-official-v8 .desktop-page-mining .mining-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.desktop-official-v8 .desktop-page-news .news-page-dark{grid-template-columns:180px minmax(0,1fr)}
  body.desktop-official-v8 .desktop-page-service .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* RTL */
html[dir="rtl"] body.desktop-official-v8 .desktop-app-shell{grid-template-columns:minmax(0,1fr) var(--pc-sidebar)}
html[dir="rtl"] body.desktop-official-v8 .desktop-sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--pc-border)}
html[dir="rtl"] body.desktop-official-v8 .desktop-workspace{grid-column:1}
html[dir="rtl"] body.desktop-official-v8 .desktop-nav a.is-active{box-shadow:inset -3px 0 0 var(--pc-gold)}
html[dir="rtl"] body.desktop-official-v8 .desktop-nav a>i{right:auto;left:11px}
html[dir="rtl"] body.desktop-official-v8 .desktop-template-a .order-sheet,html[dir="rtl"] body.desktop-official-v8 .desktop-template-a .perp-pair-modal{padding-left:0;padding-right:var(--pc-sidebar)}
body.desktop-official-v8 .desktop-download-install{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:20px;align-items:center;margin-top:14px;padding:22px;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel)}
body.desktop-official-v8 .desktop-download-install>div{display:flex;flex-direction:column}body.desktop-official-v8 .desktop-download-install small{color:var(--pc-gold);font-size:10px;letter-spacing:.12em;text-transform:uppercase}body.desktop-official-v8 .desktop-download-install strong{margin-top:8px;color:#8b99aa;font-size:11px;line-height:1.65;font-weight:400}
body.desktop-official-v8 .desktop-download-install ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:download-step}
body.desktop-official-v8 .desktop-download-install li{counter-increment:download-step;min-height:82px;padding:14px;border:1px solid #1e2d3e;border-radius:9px;background:#09111a;color:#93a0af;font-size:10px;line-height:1.55}
body.desktop-official-v8 .desktop-download-install li:before{content:counter(download-step);width:23px;height:23px;display:grid;place-items:center;margin-bottom:8px;border-radius:7px;background:rgba(232,180,94,.13);color:var(--pc-gold);font-weight:700}
body.desktop-official-v8 .desktop-account-state{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:15px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
body.desktop-official-v8 .desktop-account-state>small{color:#e8bd75;font-size:12px}
body.desktop-official-v8 .desktop-account-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
body.desktop-official-v8 .desktop-account-summary>span{min-height:74px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(4,8,13,.24)}
body.desktop-official-v8 .desktop-account-summary small{display:block;color:#77869a;font-size:9px}body.desktop-official-v8 .desktop-account-summary b{display:block;margin-top:7px;font-size:12px}
body.desktop-official-v8 .desktop-profile-identity{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:20px;padding:18px;border:1px solid #233348;border-radius:10px;background:linear-gradient(145deg,#121e2c,#09111a)}
body.desktop-official-v8 .desktop-profile-identity .avatar{width:72px;height:72px;margin:0;border-radius:15px}body.desktop-official-v8 .desktop-profile-identity>div{min-width:0;display:flex;flex-direction:column}body.desktop-official-v8 .desktop-profile-identity strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.desktop-official-v8 .desktop-profile-identity small{margin-top:5px;color:#667589;font-size:9px}
body.desktop-official-v8 .desktop-form-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid #1b2939}body.desktop-official-v8 .desktop-form-section-title strong{font-size:13px}body.desktop-official-v8 .desktop-form-section-title small{color:#68778a;font-size:9px}
body.desktop-official-v8 .desktop-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}body.desktop-official-v8 .desktop-form-actions .btn{min-width:160px;height:44px}
body.desktop-official-v8 .assets-total-card>div:first-child>em{display:block;margin-top:10px;color:#718095;font-size:10px;font-style:normal}
body.desktop-official-v8 .desktop-assets-summary{display:flex;align-items:flex-end;gap:26px}body.desktop-official-v8 .desktop-assets-summary>span{display:flex;flex-direction:column;align-items:flex-end}body.desktop-official-v8 .desktop-assets-summary small{color:#758397;font-size:9px}body.desktop-official-v8 .desktop-assets-summary b{margin-top:6px;font-size:14px}body.desktop-official-v8 .desktop-assets-summary a{color:#e7ba70;font-size:10px}
body.desktop-official-v8 .asset-tools>a{color:#8695a7;font-size:10px}


/* 2026-07-18 layout refinement */
body.desktop-official-v8 .desktop-home-hero-grid{grid-template-columns:1fr!important;gap:14px}
body.desktop-official-v8 .desktop-home-overview{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:stretch;padding:18px;border:1px solid var(--pc-border);border-radius:12px;background:var(--pc-panel)}
body.desktop-official-v8 .desktop-home-overview .desktop-home-section-title{grid-column:1/-1}
body.desktop-official-v8 .desktop-home-overview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.desktop-official-v8 .desktop-home-overview-list>a{min-height:94px;border:1px solid #1d2c3d;border-radius:10px;background:#0a121b}
body.desktop-official-v8 .desktop-home-balance-actions{min-width:330px;align-self:stretch}
body.desktop-official-v8 .desktop-home-content-grid{grid-template-columns:1fr!important}
body.desktop-official-v8 .desktop-home-news-panel{display:block!important;margin-top:0}
body.desktop-official-v8 .desktop-home-news-panel .product-auto-news{margin:0;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel);overflow:hidden}
body.desktop-official-v8 .desktop-home-news-panel .auto-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none!important;overflow:visible!important}
body.desktop-official-v8 .desktop-home-news-panel .auto-news-item{min-height:128px;padding:16px;border-right:1px solid #1a2837;border-bottom:1px solid #1a2837}
body.desktop-official-v8 .desktop-home-news-panel .auto-news-item:nth-child(2n){border-right:0}
body.desktop-official-v8 .desktop-home-news-panel .auto-news-item img{width:128px;height:88px;border-radius:9px}
body.desktop-official-v8 .desktop-page-market .desktop-page-body{display:block!important}
body.desktop-official-v8 .desktop-page-market .dark-market-page{display:block!important}
body.desktop-official-v8 .desktop-page-market .product-auto-news{position:static!important;margin-top:16px!important;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel);overflow:hidden}
body.desktop-official-v8 .desktop-page-market .product-auto-news .auto-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none!important;overflow:visible!important}
body.desktop-official-v8 .desktop-page-market .product-auto-news .auto-news-item{min-height:132px;padding:16px;border-right:1px solid #1a2837;border-bottom:1px solid #1a2837}
body.desktop-official-v8 .desktop-page-market .product-auto-news .auto-news-item:nth-child(2n){border-right:0}
body.desktop-official-v8 .desktop-page-market .product-auto-news .auto-news-item img{width:132px;height:90px;border-radius:9px}
body.desktop-official-v8 .desktop-page-mining .desktop-page-body,body.desktop-official-v8 .desktop-page-mining .mining-page{width:100%}
body.desktop-official-v8 .desktop-page-mining .auto-mining-overview,body.desktop-official-v8 .desktop-page-mining .mining-grid,body.desktop-official-v8 .desktop-page-mining .desktop-mining-orders{width:100%;box-sizing:border-box}
body.desktop-official-v8 .desktop-page-mining .mining-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.desktop-official-v8 .desktop-page-mining .mining-card{min-height:310px;padding:22px}
body.desktop-official-v8 .desktop-page-account-center .desktop-page-body>main{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:18px}
body.desktop-official-v8 .desktop-page-account-center .profile-hero{min-height:520px;padding:32px;border-radius:16px}
body.desktop-official-v8 .desktop-page-account-center .page-content{gap:14px}
body.desktop-official-v8 .desktop-page-account-center .vip-entry-card{min-height:104px;border-radius:14px}
body.desktop-official-v8 .desktop-page-account-center .quick-item{height:112px;border-radius:13px}
body.desktop-official-v8 .desktop-page-account-center .menu-list{border-radius:13px}
body.desktop-official-v8 .desktop-page-account-center .menu-link{min-height:68px}
body.desktop-official-v8 .desktop-page-options-trade .options-actions{position:static!important;display:grid;grid-template-columns:1fr 1fr 86px;gap:12px;margin:14px 0 18px;padding:14px;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-panel)}
body.desktop-official-v8 .desktop-page-options-trade .options-actions>*{height:52px;border-radius:9px}
body.desktop-official-v8 .desktop-page-news .news-page-dark{display:block!important}
body.desktop-official-v8 .desktop-page-news .auto-news-tabs{position:static!important;display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:14px;padding:10px;overflow-x:auto}
body.desktop-official-v8 .desktop-page-news .auto-news-tabs a{min-width:132px;justify-content:center}
body.desktop-official-v8 .desktop-page-news .auto-news-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.desktop-official-v8 .desktop-page-news .auto-news-item{min-height:190px;grid-template-columns:180px minmax(0,1fr) auto;padding:20px}
body.desktop-official-v8 .desktop-page-news .auto-news-item:nth-child(3n){border-right:1px solid #1a2837}
body.desktop-official-v8 .desktop-page-news .auto-news-item:nth-child(2n){border-right:0}
body.desktop-official-v8 .desktop-page-news .auto-news-item img{width:180px;height:126px}
body.desktop-official-v8 .desktop-page-news .auto-news-item strong{font-size:13px;line-height:1.55}
body.desktop-official-v8 .desktop-page-news .auto-news-item p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0;color:#7f8da0;line-height:1.55}
body.desktop-official-v8 .perp-position-list:empty{display:none!important}
@media(max-width:1120px){body.desktop-official-v8 .desktop-home-balance-actions{min-width:260px}body.desktop-official-v8 .desktop-page-news .auto-news-item{grid-template-columns:130px minmax(0,1fr) auto}body.desktop-official-v8 .desktop-page-news .auto-news-item img{width:130px;height:96px}}