/* Source of truth: user-confirmed image(20260928-085213).png, paired homepage 06.
   The browser renders the actual interface; presentation borders/phone casing are excluded. */
.wg-tile-icon{--tile-bg:#fff4d7;--icon-cutout:var(--tile-bg);display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--tile-bg);color:#eea300}
.wg-filled-icon{width:26px;height:26px}
.wg-tile-icon.tone-blue{--tile-bg:#eaf3ff;color:#087cff}
.wg-tile-icon.tone-green{--tile-bg:#ddf8ee;color:#00bd83}
.wg-tile-icon.tone-orange{--tile-bg:#fff0e2;color:#ff8915}
.wg-tile-icon.tone-red{--tile-bg:#fff0f0;color:#ff5866}
.whitegold .hero.wg96-hero{background-color:#fffaf0;background-image:linear-gradient(90deg,#f3f8fb 0%,#fff9ed 20%,#fff9ed00 46%,#fff9ed00 72%,#faf9f5 88%,#faf9f5 100%),url('assets/hero.png');background-size:100% 100%,auto 370px;background-position:center,62% -66px;background-repeat:no-repeat}
.whitegold .hero.wg96-hero:before{background:linear-gradient(180deg,#f8fbfe0a,#fff9ec00 75%,#fff5df55)}
.whitegold .wg96-hero .rightcopy{background:none}
.whitegold[data-page="6"] .wg96-hero{height:182px;padding:23px 64px}
.whitegold[data-page="6"] .wg96-hero h1{font-size:40px;letter-spacing:-1.5px}
.whitegold[data-page="6"] .wg96-hero p{margin:4px 0 14px;font-size:15px}
.whitegold[data-page="6"] .wg96-hero .btn{min-width:149px}
.whitegold[data-page="6"] .wg96-stats{margin:11px 0;gap:12px}
.whitegold[data-page="6"] .wg96-stats .stat{height:81px;min-height:81px;padding:10px 15px;gap:15px}
.whitegold[data-page="6"] .wg96-stats .label{font-size:11px;line-height:16px;margin:0}
.whitegold[data-page="6"] .wg96-stats strong{font-size:23px;line-height:26px;margin:0;letter-spacing:-.4px}
.whitegold[data-page="6"] .wg96-stats small{font-size:12px;line-height:16px}
.whitegold[data-page="6"] .wg96-stats .stat-arrow{font-size:20px;align-self:flex-start;margin-top:7px}
.whitegold[data-page="6"] .wg-confirmed-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:11px 0}
.whitegold[data-page="6"] .wg-confirmed-shortcuts .shortcut{height:65px;min-height:65px;padding:10px 12px;gap:11px}
.wg-confirmed-shortcuts .wg-tile-icon{width:38px;height:38px;border-radius:10px}
.wg-confirmed-shortcuts .wg-filled-icon{width:25px;height:25px}
.whitegold[data-page="6"] .wg-confirmed-shortcuts b{font-size:12px;line-height:18px}
.whitegold[data-page="6"] .wg-confirmed-shortcuts small{font-size:10px;line-height:15px;margin-top:1px}
.wg96-home-grid{grid-template-columns:minmax(0,508fr) minmax(0,601fr) minmax(0,436fr);gap:12px}
.wg96-home-grid>.panel{height:314px;padding:10px 12px;overflow:hidden}
.wg96-home-grid .panelhead{height:21px;margin:0 0 6px}
.wg96-home-grid .panelhead h3,.wg96-home-orders .panelhead h3{display:flex;align-items:center;gap:5px;font-size:15px}
.wg96-home-grid .panelhead h3 .icon,.wg96-home-orders .panelhead h3 .icon{width:15px;height:15px;stroke-width:1.7;color:#a88c54}
.wg96-home-grid .panelhead .link,.wg96-home-orders .panelhead .link{font-size:11px;color:var(--text-muted)}
.wg96-home-grid .tabs{gap:5px;margin-bottom:7px;height:24px;align-items:center}
.wg96-home-grid .tabs>button{font-size:11px;line-height:17px;padding:2px 10px;border-radius:4px;background:var(--surface-secondary)}
.wg96-home-market .tabs>button.selected{position:relative;background:var(--surface-secondary);color:var(--text-primary);font-weight:700}
.wg96-home-market .tabs>button.selected:after{content:'';height:2px;position:absolute;left:7px;right:7px;bottom:-2px;background:#efb519;border-radius:2px}
.wg96-home-grid .table th{font-size:10px;padding:4px 6px;height:24px}
.wg96-home-grid .table td{font-size:12px;padding:4px 6px;height:27px;line-height:18px}
.wg96-home-grid .charttitle{display:flex;align-items:center;justify-content:space-between;gap:4px;height:24px;margin:0}
.wg96-home-grid .charttitle h3{margin:0;font-size:15px;line-height:24px;gap:7px}
.wg96-home-grid .charttitle .tabs{position:static;margin:0;gap:1px;height:22px}
.wg96-home-grid .charttitle .tabs>button{font-size:10px;padding:2px 7px;background:transparent}
.wg96-home-grid .charttitle .tabs>button.selected{background:var(--blue-surface)}
.wg96-home-grid .chartprice{font-size:29px;line-height:38px;margin:0}
.wg96-home-grid .chartprice small{font-size:13px;margin-left:8px}
.wg96-home-grid .quote-unit{font-size:11px}
.wg96-home-grid .chartmeta{font-size:10px;line-height:17px;margin:1px 0 3px}
.wg96-home-grid .chartmeta .ma60{color:#74a0eb}
.wg96-home-chart .chart.wg-confirmed-chart{height:208px!important;display:block;width:100%;margin:0}
.wg96-home-news .newsitem{height:48px;padding:3px 0;gap:10px;border-bottom:0}
.wg96-home-news .newsitem p{font-size:11px;line-height:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.wg96-home-news .newsitem small{font-size:10px;line-height:15px;white-space:nowrap;margin-top:1px}
.whitegold .wg96-home-orders{padding:10px 13px}
.wg96-home-orders .panelhead{height:24px}
.wg96-home-orders .tabs{height:24px;margin-bottom:6px;align-items:center}
.wg96-home-orders .tabs>button{font-size:11px;line-height:17px;padding:2px 13px;background:var(--surface-secondary);border-radius:4px}
.wg96-home-orders .tabs>button.selected,.wg96-home-news .tabs>button.selected{background:linear-gradient(110deg,#ffd333,#ffe777);color:#192033}
.wg96-home-orders .table th{height:24px;padding:4px 7px;font-size:10px;line-height:16px}
.whitegold[data-page="6"]>.app-main .desktop-content>.wg96-home-orders .table td{height:27px;padding:3px 7px;font-size:11px;line-height:18px}
.wg96-home-orders .table .link{min-height:0;padding:0;font-size:11px}
.wg96-home-orders .badge{display:inline-block;min-width:60px;text-align:center;padding:0 9px;line-height:19px}
html[data-appearance="dark"] .whitegold .wg96-hero{background-color:#152337;background-image:linear-gradient(90deg,#152337 0%,#152337 20%,#17253988 46%,#17253955 72%,#152337 88%,#152337 100%),url('assets/hero.png')}
html[data-appearance="dark"] .whitegold .wg96-hero:before{background:linear-gradient(180deg,#13223720,#15233700 80%,#15233755)}
html[data-appearance="dark"] .whitegold .wg-tile-icon{--tile-bg:#efb92f18;--icon-cutout:#1c2b3b;color:#eaba42}
html[data-appearance="dark"] .whitegold .tone-blue{--tile-bg:#3186ff1a;color:#599fff}
html[data-appearance="dark"] .whitegold .tone-green{--tile-bg:#00bd831a;color:#24cf9a}
html[data-appearance="dark"] .whitegold .tone-orange{--tile-bg:#fa961c1a;color:#faab47}
html[data-appearance="dark"] .whitegold .tone-red{--tile-bg:#ff58661a;color:#ff7183}
@media(min-width:768px) and (max-width:1450px){
 .whitegold[data-page="6"] .wg96-hero{padding-left:48px}
 .whitegold[data-page="6"] .wg96-stats .stat{gap:10px;padding:10px 12px}
 .whitegold[data-page="6"] .wg96-stats strong{font-size:21px}
 .whitegold[data-page="6"] .wg96-stats .wg-tile-icon{width:38px;height:38px}
 .whitegold[data-page="6"] .wg-confirmed-shortcuts{gap:9px}
 .whitegold[data-page="6"] .wg-confirmed-shortcuts .shortcut{gap:8px;padding:10px 9px}
 .wg-confirmed-shortcuts .wg-tile-icon{width:32px;height:34px}
 .wg-confirmed-shortcuts .wg-filled-icon{width:23px;height:23px}
 .whitegold[data-page="6"] .wg-confirmed-shortcuts small{font-size:9px}
 .wg96-home-grid>.panel{padding:10px}
 .wg96-home-grid .charttitle h3{font-size:13px;gap:4px}
 .wg96-home-grid .charttitle .tabs>button{font-size:9px;padding:2px 4px}
 .wg96-home-grid .chartprice{font-size:27px}
 .wg96-home-grid .chartprice small{font-size:11px}
 .wg96-home-grid .table td,.wg96-home-grid .table th{padding-left:3px;padding-right:3px;font-size:11px}
 .wg96-home-grid .tabs>button{padding-left:8px;padding-right:8px}
 .wg96-home-news .newsitem{gap:8px}
 .wg96-home-news .newsitem p{font-size:10px}
 .wg96-home-news .newsitem small{font-size:9px}
}
@media(min-width:768px) and (max-width:1150px){
 .wg96-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .wg96-home-grid .wg96-home-news{grid-column:1/-1;height:auto}
 .wg96-home-news .newsitem{display:flex;width:100%}
 .wg96-home-news .newsitem:last-child{display:flex}
 .whitegold[data-page="6"] .wg-confirmed-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .whitegold[data-page="6"] .wg96-hero h1{font-size:34px}
 .whitegold[data-page="6"] .wg96-hero .rightcopy{display:none}
}
@media(max-width:767px){
 .whitegold[data-page="6"] .site-header{height:54px;padding:7px 15px}
 .whitegold[data-page="6"] .brand-logo{width:134px;height:33px}
 .whitegold[data-page="6"] .app-main{padding:6px 15px 12px}
 .whitegold[data-page="6"] .pagename{margin:0 0 9px}
 .whitegold[data-page="6"] .pagename h1{font-size:20px;line-height:26px}
 .whitegold[data-page="6"] .pagename p{font-size:12px;margin-top:1px;line-height:19px}
 .whitegold[data-page="6"] .panel{padding:12px;border-radius:8px;margin-bottom:11px}
 .whitegold[data-page="6"] .panelhead{margin-bottom:7px;height:21px}
 .whitegold[data-page="6"] .panelhead h3{font-size:14px;line-height:21px}
 .whitegold[data-page="6"] .panelhead .link{font-size:10px;color:var(--text-muted)}
 .whitegold[data-page="6"] .wg96-balance{padding:11px 13px;height:138px}
 .wg96-balance .balance-label{display:flex;align-items:center;gap:3px;height:18px}
 .wg96-balance .balance-label .small{font-size:11px}
 .wg96-balance .icon-btn{height:24px;width:24px;margin:-3px 0}
 .wg96-balance .icon-btn .icon{width:15px;height:15px}
 .wg96-balance>.balance-value{font-size:29px;line-height:36px;margin:1px 0 7px;letter-spacing:-.6px}
 .wg96-balance>.spark{right:14px;top:11px;width:121px;height:50px;opacity:.85}
 .wg96-balance .profitrow{padding:0;gap:7px}
 .wg96-balance .profitrow>div{font-size:11px;line-height:17px}
 .wg96-balance .profitrow>div+div{padding-left:12px}
 .wg96-balance .profitrow b{font-size:14px;line-height:22px;margin-top:0}
 .wg96-balance .profitrow small{font-size:9px;margin-left:0!important}
 .wg96-mobile-shortcuts{gap:4px;margin:12px 0 13px}
 .wg96-mobile-shortcuts>a{gap:4px;font-size:11px;line-height:18px;min-height:59px}
 .wg96-mobile-shortcuts .iconbubble{width:38px;height:38px}
 .wg96-mobile-shortcuts .iconbubble .icon{width:22px;height:22px;stroke-width:1.7}
 .wg96-promotion{height:117px;min-height:117px;padding:13px 15px 15px;border-radius:8px;margin-bottom:11px;background-color:#fff3d9;background-image:linear-gradient(90deg,#fff3d9 0%,#fff3d9d9 42%,#fff3d900 64%),url('assets/hero.png');background-position:center,78% 54%;background-size:100% 100%,auto 185px;background-repeat:no-repeat}
 .wg96-promotion h2{font-size:20px;line-height:28px}
 .wg96-promotion p{font-size:11px;line-height:17px;margin-top:0}
 .wg96-promotion .btn{font-size:11px;line-height:17px;min-height:26px;padding:4px 17px;margin-top:6px}
 .promotion-dots{bottom:7px}
 .promotion-dots i{width:4px;height:4px}
 .whitegold[data-page="6"] .wg96-mobile-watch{padding:10px 11px 9px;height:151px}
 .whitegold[data-page="6"] .miniasset{padding:2px 7px 0}
 .whitegold[data-page="6"] .miniasset .asset{font-size:10px;gap:5px}
 .whitegold[data-page="6"] .miniasset .asset svg{width:21px!important;height:21px!important}
 .whitegold[data-page="6"] .miniasset strong{font-size:18px;line-height:24px;margin:4px 0 0}
 .whitegold[data-page="6"] .miniasset small{font-size:9px;line-height:16px}
 .whitegold[data-page="6"] .miniasset>.spark{height:27px;margin-top:4px}
 .whitegold[data-page="6"] .wg96-mobile-news{padding:10px 11px;height:111px}
 .whitegold[data-page="6"] .wg96-mobile-news .newsitem{padding:1px 0;gap:10px;height:62px;border:0}
 .whitegold[data-page="6"] .wg96-mobile-news .newsitem p{font-size:12px;line-height:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .whitegold[data-page="6"] .wg96-mobile-news .newsitem small{font-size:9px;line-height:14px;margin-top:4px}
 .whitegold[data-page="6"] .wg96-mobile-news .newspic{height:58px!important;width:82px!important;background:url('assets/hero.png') 45% 63%/auto 110px}
 .whitegold[data-page="6"] .wg96-mobile-news .newspic img{visibility:hidden}
 .whitegold[data-page="6"] .site-footer{font-size:9px;line-height:15px;padding:6px 15px 12px;margin-top:0;margin-bottom:64px}
 .whitegold .bottomnav{padding:5px 12px max(7px,env(safe-area-inset-bottom))}
 .whitegold .bottomnav a{min-height:42px;gap:3px;font-size:10px}
 .whitegold .bottomnav .icon{width:20px;height:20px}
 html[data-appearance="dark"] .whitegold .wg96-promotion{background-color:#19283b;background-image:linear-gradient(90deg,#19283b 0%,#19283be8 42%,#19283b44 74%),url('assets/hero.png')}
}

html[data-appearance="dark"] .whitegold .miniasset .asset svg[style*="#17223b"]{fill:#dce7fa!important}