:root{--wi-ink:#10142c;--wi-navy:#080b1e;--wi-violet:#6f50f5;--wi-violet-2:#8b73ff;--wi-soft:#f4f5fb;--wi-line:#e2e5ef;--wi-muted:#68708a;--wi-green:#12a36d;--wi-red:#dd3e5b}
*{box-sizing:border-box}
body.market-page{margin:0;min-width:320px;background:radial-gradient(circle at 92% 4%,rgba(117,87,255,.09),transparent 27%),linear-gradient(180deg,#f8f9fd 0%,#f1f3fa 100%);color:var(--wi-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.market-page a{color:inherit}
.market-page .site-header{height:72px;background:#fff;color:var(--wi-ink);display:flex;align-items:center;position:relative;z-index:30;border-bottom:1px solid #eceef4}
.market-page .nav{width:min(1480px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:26px}
.market-page .brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
.market-page .brand-mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#111631,#6f50f5);display:grid;place-items:center;color:#fff;font-size:.9rem;box-shadow:0 7px 16px rgba(80,58,181,.25)}
.market-page .brand span:last-child{font-weight:500;color:#6953d9}
.market-page .nav-links{margin:auto;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #eceef5;border-radius:999px;background:#f8f9fc}
.market-page .nav-links>a,.market-page .market-menu>summary{text-decoration:none;font-size:.81rem;font-weight:800;color:#343a53;transition:.2s;padding:9px 12px;border-radius:999px}
.market-page .nav-links>a:hover,.market-page .market-menu>summary:hover,.market-page .market-menu>summary.active{color:#5d43ce;background:#eeebff}
.market-page .nav-links>a:not(.simple)::after,.market-menu>summary::after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 7px;opacity:.55}
.market-page .nav-links>a.active{color:#fff;background:linear-gradient(135deg,#7456e8,#6045ce);box-shadow:0 6px 14px rgba(96,69,206,.2)}
.market-page .nav-actions{display:flex;align-items:center;gap:9px}
.market-page .language{font-size:.8rem;font-weight:800;color:#39405b}
.market-page .register-link,.market-page .login{border-radius:99px;padding:10px 17px;text-decoration:none;font-size:.79rem;font-weight:800;transition:.2s}
.market-page .register-link{background:#6b50db;color:#fff}.market-page .login{border:1px solid #151a33;color:#151a33}
.market-page .menu-btn{display:none;width:42px;height:42px;border:1px solid #dfe2ea;background:#fff;border-radius:10px;font-size:1.3rem;color:#13172f;cursor:pointer}
.market-menu{position:relative}.market-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}.market-menu>summary::-webkit-details-marker{display:none}
.market-dropdown{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);width:292px;padding:9px;background:#fff;border:1px solid #e3e6ef;border-radius:16px;box-shadow:0 24px 55px rgba(20,25,55,.18);display:grid;gap:3px;z-index:60}
.market-dropdown::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.market-menu:not([open]) .market-dropdown{display:none}
.market-dropdown a{display:flex!important;align-items:center;gap:12px;padding:11px!important;border-radius:11px;text-decoration:none!important;color:#242a44!important;font-size:.83rem!important;font-weight:750!important}
.market-dropdown a::after{display:none!important}.market-dropdown a:hover{background:#f3f1ff;color:#5f46d1!important}
.market-dropdown a>span{width:34px;height:34px;border-radius:10px;background:#eeeaff;color:#6349d3;display:grid;place-items:center;font-size:.7rem;font-weight:900;flex:0 0 auto}.market-dropdown a div{min-width:0}.market-dropdown a strong,.market-dropdown a small{display:block}.market-dropdown a strong{font-size:.8rem}.market-dropdown a small{margin-top:2px;color:#7b8399;font-size:.66rem;font-weight:650;line-height:1.25}.market-dropdown a.primary-item{background:linear-gradient(135deg,#151935,#262052);color:#fff!important}.market-dropdown a.primary-item>span{background:#7658eb;color:#fff}.market-dropdown a.primary-item small{color:#c4c8dc}.market-dropdown a.primary-item:hover{background:linear-gradient(135deg,#211c4d,#342776);color:#fff!important}
.market-main{width:min(1440px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:0 auto;padding:32px 0 44px}
.market-top{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}
.market-kicker{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;color:#7257e5;font-size:.72rem;font-weight:900}.market-title{margin:0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em}.market-intro{margin:7px 0 0;color:var(--wi-muted);font-size:.98rem;line-height:1.5}
.feed-note{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dfe2ec;border-radius:999px;background:#fff;color:#4e5670;font-size:.76rem;white-space:nowrap}.feed-note i{width:7px;height:7px;border-radius:50%;background:#14ad73;box-shadow:0 0 0 4px rgba(20,173,115,.12)}
.market-tabs{display:flex;gap:8px;overflow:auto;padding:3px 2px 13px;scrollbar-width:thin}.market-tab{border:1px solid #dfe2eb;background:#fff;color:#3a4058;border-radius:999px;padding:10px 15px;font:inherit;font-size:.82rem;font-weight:800;white-space:nowrap;cursor:pointer}.market-tab:hover,.market-tab.active{border-color:#7557ef;background:#7557ef;color:#fff}
.market-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:stretch}
.chart-card,.watchlist-card{background:#fff;border:1px solid var(--wi-line);border-radius:18px;box-shadow:0 18px 50px rgba(33,39,73,.09);overflow:hidden}
.chart-card{border-color:#dfe2ed}.chart-head{min-height:68px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eceef4;background:linear-gradient(90deg,#fff 0%,#f8f6ff 100%)}.instrument-name{font-size:1.04rem;font-weight:900}.instrument-code{display:block;margin-top:3px;color:#7a829a;font-size:.75rem;font-weight:700}.chart-actions{display:flex;align-items:center;gap:8px}.chart-link{border:1px solid #d8dbea;border-radius:9px;padding:8px 10px;background:#fff;color:#4c536d;text-decoration:none;font-size:.76rem;font-weight:800}.chart-link:hover{border-color:#7658e7;color:#6249d1}.feed-status{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#f3f4f8;color:#6e758a;font-size:.69rem;font-weight:850}.feed-status i{width:7px;height:7px;border-radius:50%;background:#a5aabd}.feed-status.live{background:#eaf9f3;color:#147c58}.feed-status.live i{background:#14aa73;box-shadow:0 0 0 4px rgba(20,170,115,.12)}.feed-status.error{background:#fff0f2;color:#b6314b}.feed-status.error i{background:#e64e68}
.chart-widget{height:620px;position:relative;isolation:isolate;background:#fff}.chart-canvas{position:absolute;inset:0;z-index:2}.chart-canvas,.chart-canvas>div,.chart-canvas iframe{width:100%!important;height:100%!important}.chart-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:#59617b;font-size:.86rem;background-color:#fbfcff;background-image:linear-gradient(rgba(111,80,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(111,80,245,.055) 1px,transparent 1px);background-size:52px 52px;transition:opacity .25s,visibility .25s}.chart-loading-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center;background:rgba(255,255,255,.9);border:1px solid #e5e7f0;border-radius:15px;box-shadow:0 15px 35px rgba(35,42,77,.08)}.chart-loader{width:35px;height:35px;border:3px solid #e5e1ff;border-top-color:#7254eb;border-radius:50%;animation:chart-spin .85s linear infinite}.chart-widget.loaded .chart-loading{opacity:0;visibility:hidden}.chart-fallback{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:22px;background-color:#fbfcff;background-image:linear-gradient(rgba(111,80,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(111,80,245,.05) 1px,transparent 1px);background-size:52px 52px}.chart-fallback-card{max-width:430px;padding:26px;border:1px solid #e0e3ee;border-radius:17px;background:#fff;text-align:center;box-shadow:0 18px 45px rgba(32,38,75,.1)}.chart-fallback-icon{width:48px;height:48px;margin:0 auto 13px;border-radius:14px;display:grid;place-items:center;background:#eeeaff;color:#674ad9;font-size:1.35rem}.chart-fallback h3{margin:0 0 7px;font-size:1.08rem}.chart-fallback p{margin:0;color:#757d92;font-size:.8rem;line-height:1.55}.fallback-actions{display:flex;justify-content:center;gap:8px;margin-top:16px}.retry-chart,.fallback-link{border:0;border-radius:10px;padding:10px 14px;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.retry-chart{background:#6f50e4;color:#fff}.fallback-link{background:#f0eefb;color:#5c43c4;text-decoration:none}@keyframes chart-spin{to{transform:rotate(360deg)}}
.watchlist-card{padding:17px}.watchlist-title{margin:0 0 4px;font-size:1rem}.watchlist-copy{margin:0 0 14px;color:#7a8298;font-size:.78rem;line-height:1.45}.watchlist{display:grid;gap:7px}.watch-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6e8ef;border-radius:11px;background:#fff;padding:11px;text-align:left;cursor:pointer;color:#20263e}.watch-item:hover,.watch-item.active{border-color:#7a5cf0;background:#f5f2ff}.watch-item strong{font-size:.82rem}.watch-item span{display:block;color:#81889d;font-size:.7rem;margin-top:3px}.watch-item b{color:#6c50dc;font-size:.75rem}.watchlist-footer{margin-top:16px;padding-top:14px;border-top:1px solid #eceef4;color:#7c8499;font-size:.7rem;line-height:1.55}
.market-footer{margin-top:17px;color:#767e94;font-size:.72rem;line-height:1.55}.market-footer a{color:#6348d3;font-weight:800}
@media(hover:hover) and (min-width:981px){.market-menu:hover .market-dropdown{display:grid}.market-menu:hover>summary{color:#654dd5}}
@media(max-width:980px){.market-page .nav,.nav{width:min(100% - 28px,1480px)}.market-page .nav-links,.nav-links{display:none;position:absolute;left:14px;right:14px;top:64px;background:#fff;border:1px solid #e8eaf0;border-radius:17px;padding:12px;box-shadow:0 18px 36px rgba(18,23,47,.15);flex-direction:column;align-items:stretch;gap:5px}.market-page .nav-links.open,.nav-links.open{display:flex}.market-page .menu-btn{display:block}.market-page .nav-links>a,.market-page .market-menu>summary{display:flex;padding:11px 12px;border-radius:10px}.market-menu{width:100%}.market-menu>summary{justify-content:space-between;align-items:center}.market-dropdown{position:static;transform:none;width:100%;margin-top:5px;box-shadow:none;background:#f7f7fb;border-radius:12px}.market-dropdown::before{display:none}.market-workspace{grid-template-columns:1fr}.chart-widget{height:540px}.market-page .language{display:none}}
@media(max-width:620px){.market-page .site-header{height:64px}.market-page .brand{font-size:1.03rem}.market-page .brand-mark{width:28px;height:28px}.market-page .language,.market-page .register-link{display:none}.market-page .login{padding:9px 15px}.market-main{width:min(100% - 20px,1440px);padding-top:22px}.market-top{align-items:flex-start;flex-direction:column}.feed-note{font-size:.69rem}.market-workspace{gap:11px}.chart-card,.watchlist-card{border-radius:13px}.chart-head{padding:12px}.chart-widget{height:470px}.watchlist-card{padding:13px}}
@media(max-width:620px){.feed-status{display:none}.fallback-actions{flex-direction:column}.retry-chart,.fallback-link{width:100%}}
@media(prefers-reduced-motion:reduce){.chart-loader{animation:none}}