.market-overview-page{background:#181a20;color:#eaecef}.market-overview{max-width:1200px;padding:30px 0 80px}.market-top-tabs{display:flex;gap:32px;margin-bottom:30px}.market-top-tabs button,.market-types button,.market-sectors button{border:0;background:none;color:#848e9c;cursor:pointer;padding:8px 0;white-space:nowrap}.market-top-tabs button{font-size:20px;font-weight:600}.market-top-tabs button.active{color:#eaecef}.market-rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:40px}.market-rank{border:1px solid #2b3139;border-radius:16px;padding:18px 18px 12px;min-width:0}.market-rank header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.market-rank h2{font-size:14px;font-weight:500;margin:0}.market-rank header button{background:none;border:0;color:#848e9c;font-size:12px;cursor:pointer}.market-rank header button:hover{color:#f0b90b}.market-rank-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;font-size:12px}.market-rank-row>span:first-child{display:flex;align-items:center;gap:7px;font-weight:500}.market-rank-row .market-coin{width:22px;height:22px}.market-rank-empty{font-size:12px;color:#848e9c;min-height:108px;display:grid;place-items:center}.market-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.market-types{display:flex;gap:28px;overflow:auto}.market-types button{font-size:18px;font-weight:600;position:relative;padding:12px 0}.market-types button.active{color:#eaecef}.market-types button.active:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:18px;height:3px;background:#f0b90b;border-radius:3px}.market-search{display:flex;align-items:center;gap:8px;border:1px solid #474d57;border-radius:8px;padding:8px 12px;width:230px}.market-search:focus-within{border-color:#f0b90b}.market-search svg{width:17px;height:17px;fill:none;stroke:#848e9c;stroke-width:1.8}.market-search input{width:100%;background:none;border:0;outline:0;color:#eaecef;font:inherit;font-size:13px}.market-sectors{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.market-sectors button{padding:5px 12px;border-radius:6px;font-size:13px}.market-sectors button.active{background:#2b3139;color:#eaecef}.market-sectors button:hover{color:#eaecef}.market-description{margin:24px 0 22px}.market-description h1{font-size:20px;font-weight:600;margin:0 0 8px}.market-description p{font-size:13px;color:#848e9c;margin:0;line-height:1.7}.market-table{width:100%;border-collapse:collapse;white-space:nowrap}.market-table th{height:44px;color:#848e9c;font-size:12px;font-weight:400;text-align:right}.market-table th:first-child{text-align:left}.market-table th button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font-size:12px}.market-table th button span{margin-left:4px;color:#606874}.market-table th button[aria-sort]{color:#f0b90b}.market-table td{height:80px;border-bottom:1px solid #2b313960;text-align:right;font-size:14px;padding:12px 0 12px 18px;font-variant-numeric:tabular-nums}.market-table td:first-child{padding-left:0;text-align:left;width:32%}.market-table tbody tr:hover{background:#20232a}.market-name{display:flex;align-items:center;gap:12px}.market-name b{font-weight:600}.market-name small{margin-left:7px;font-size:12px;color:#848e9c}.market-coin{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none}.market-coin svg{width:100%;height:100%}.market-price small{display:block;color:#848e9c;font-size:12px;margin-top:3px}.market-favorite{border:0;background:none;color:#626b78;padding:5px;cursor:pointer;font-size:19px}.market-favorite.selected{color:#f0b90b}.market-trade{color:#f0b90b;font-size:13px;margin-left:18px}.market-up{color:#0ecb81}.market-down{color:#f6465d}.market-muted{color:#848e9c}.market-table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.market-table-footer small{font-size:11px;color:#697380}.market-table-footer nav{display:flex;gap:8px}.market-table-footer button{width:30px;height:30px;border:0;border-radius:5px;background:none;color:#848e9c;cursor:pointer}.market-table-footer button.active{background:#2b3139;color:#eaecef}.market-table-footer button:disabled{opacity:.4;cursor:default}.market-empty{padding:70px 20px;text-align:center;color:#848e9c;font-size:14px}button:focus-visible,.market-trade:focus-visible{outline:2px solid #f0b90b;outline-offset:4px}.market-overview-page .site-head{background:#181a20;border-bottom:0}@media(max-width:1000px){.market-rank-grid{grid-template-columns:repeat(2,1fr)}.market-table-scroll{overflow:auto}.market-table{min-width:800px}.market-name small{display:none}}@media(max-width:600px){.market-overview{padding-top:22px}.market-rank-grid{gap:12px;margin-bottom:28px}.market-rank{padding:14px 12px}.market-rank-row{gap:6px;font-size:11px}.market-toolbar{display:block}.market-types{gap:23px}.market-search{margin-top:18px;width:100%}.market-description h1{font-size:18px}.market-table-footer{align-items:flex-start;gap:15px}.market-top-tabs button{font-size:18px}}

/* 与快捷买卖统一背景，通过间距和表面层次组织行情 */
.market-overview-page{background:#000;color:#eaecef}
.market-overview-page .site-head{background:#0b0b0bed}
.market-overview{padding-top:36px;padding-bottom:90px}
.market-top-tabs{margin-bottom:28px}
.market-rank-grid{gap:20px;margin-bottom:38px}
.market-rank{background:linear-gradient(145deg,#ffffff05,transparent 65%);border-color:#25292f;border-radius:16px;padding:19px 18px 15px}
.market-rank header{margin-bottom:14px}.market-rank h2{font-weight:600;color:#dfe3ea}
.market-rank-row{padding:10px 0}.market-rank-empty{color:#68717e}
.market-toolbar{padding-top:4px}.market-search{background:#101216;border-color:#303640}
.market-sectors{margin:23px 0 27px;gap:10px}.market-sectors button{padding:6px 12px}
.market-sectors button.active{background:#242830}
.market-description{margin:0 0 25px}.market-description h1{margin-bottom:9px}.market-description p{color:#818b99;max-width:850px;line-height:1.8}
.market-table th{height:46px}.market-table td{height:78px;border-bottom-color:#1b1e24}
.market-table tbody tr{transition:background .18s}.market-table tbody tr:hover{background:#111419}
.market-price small{color:#717b89;margin-top:5px}.market-name small{color:#818b99}
.market-table-footer{margin-top:28px}.market-table-footer button.active{background:#242830}
.market-overview-page .site-foot{background:#000;border-top-color:#202329}
@media(max-width:600px){.market-overview{padding-top:25px;padding-bottom:55px}.market-rank-grid{gap:12px;margin-bottom:28px}.market-rank{padding:15px 12px}.market-sectors{margin:20px 0 23px}.market-description{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.market-table tbody tr{transition:none}}
/* 与快捷买卖的导航和行情内容使用同一宽度 */
.market-overview{width:var(--wrap);max-width:1440px}

/* 行情表格：统一行面与列对齐 */
.market-table{table-layout:fixed;border-collapse:separate;border-spacing:0 5px}
.market-table th{height:42px;padding:0 20px;text-align:right}
.market-table th:first-child{width:32%;padding-left:18px}.market-table th:nth-child(2){width:16%}.market-table th:nth-child(3){width:13%}.market-table th:nth-child(4){width:16%}.market-table th:nth-child(5){width:15%}.market-table th:last-child{width:8%;padding-right:18px}
.market-table td{height:76px;padding:13px 20px;border:0;background:transparent;transition:background .18s}
.market-table td:first-child{padding-left:18px;border-radius:10px 0 0 10px}.market-table td:last-child{padding-right:18px;border-radius:0 10px 10px 0;white-space:nowrap}
.market-table tbody tr:hover{background:transparent}.market-table tbody tr:hover td,.market-table tbody tr:focus-within td{background:#242b35}
.market-name{gap:10px}.market-name b{font-size:16px;font-weight:500}.market-name small{font-size:13px;margin-left:5px;color:#7e8999}
.market-price{font-size:16px!important}.market-price small{font-size:12px;font-weight:400;margin-top:3px}.market-table td.market-up,.market-table td.market-down{font-size:16px;font-weight:500}
.market-favorite{width:20px;font-size:16px;padding:0;margin-left:-5px;opacity:.55}.market-favorite.selected,.market-table tr:hover .market-favorite,.market-favorite:focus-visible{opacity:1}
.market-row-action{display:inline-flex;align-items:center;justify-content:center;width:25px;height:30px;color:#cbd2dc;margin-left:6px;vertical-align:middle}.market-row-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.market-row-action:hover{color:#f0b90b}.market-row-action:focus-visible{outline:2px solid #f0b90b;outline-offset:2px;border-radius:4px}
@media(max-width:1000px){.market-table{min-width:950px}.market-name small{display:inline}}
@media(prefers-reduced-motion:reduce){.market-table td{transition:none}}
/* 表头周期与双向排序指示 */
.market-table th button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.market-table th button span{position:relative;width:8px;height:14px;display:inline-block;margin:0;font-size:0}
.market-table th button span:before,.market-table th button span:after{content:'';position:absolute;left:1px;border-left:3px solid transparent;border-right:3px solid transparent}
.market-table th button span:before{top:1px;border-bottom:4px solid #707986}.market-table th button span:after{bottom:1px;border-top:4px solid #707986}
.market-table th button[data-order=ascending] span:before{border-bottom-color:#f0b90b}.market-table th button[data-order=descending] span:after{border-top-color:#f0b90b}
.market-table th button[aria-sort]{color:#848e9c}
.market-change-head{display:flex;align-items:center;justify-content:flex-end;gap:9px}
#market-period{height:30px;min-width:87px;padding:0 22px 0 10px;border:1px solid #3b4451;border-radius:7px;background:#080a0d;color:#e0e4eb;font:inherit;font-size:13px;cursor:pointer;color-scheme:dark}
#market-period:hover{border-color:#687383}#market-period:focus-visible{outline:1px solid #f0b90b;outline-offset:2px}
.market-table th:first-child{width:29%}.market-table th:nth-child(2){width:15%}.market-table th:nth-child(3){width:19%}.market-table th:nth-child(4){width:14%}.market-table th:nth-child(5){width:14%}.market-table th:last-child{width:9%}
.market-row-action{padding:0;border:0;background:none;cursor:pointer}.market-row-action[aria-disabled=true]{opacity:.3;cursor:not-allowed}
.market-detail-dialog{width:min(460px,calc(100vw - 32px));padding:30px;border:1px solid #343b46;border-radius:20px;background:#111419;color:#eaecef;box-shadow:0 30px 100px #0009}.market-detail-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.market-detail-close{position:absolute;top:13px;right:16px;border:0;background:none;color:#909aaa;font-size:27px;cursor:pointer}.market-detail-name{display:flex;align-items:center;gap:14px;margin:10px 0 25px}.market-detail-name .market-coin{width:44px;height:44px}.market-detail-name h2{font-size:20px;margin:0}.market-detail-name p{font-size:13px;color:#848e9c;margin:4px 0 0}.market-detail-price{font-size:30px;font-weight:600}.market-detail-price small{font-size:13px;color:#848e9c}.market-detail-dialog dl{display:grid;gap:18px;margin:25px 0}.market-detail-dialog dl div{display:flex;justify-content:space-between}.market-detail-dialog dt{font-size:13px;color:#848e9c}.market-detail-dialog dd{margin:0;font-size:14px}.market-detail-note{font-size:12px;color:#737f90}.market-detail-cta{display:flex;justify-content:center;padding:12px;margin-top:25px;border-radius:9px;background:#fcd535;color:#14161a;font-weight:600;font-size:14px}
.market-period-wrap{position:relative;text-align:left}
#market-period-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:106px;height:32px;padding:0 12px;border:1px solid #454e5c;border-radius:8px;color:#eaecef;background:transparent;font-size:14px;font-weight:400;cursor:pointer}
#market-period-button i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #848e9c}
#market-period-button[aria-expanded=true],#market-period-button:focus-visible{border-color:#f0b90b;outline:none}
#market-period-button[aria-expanded=true] i{transform:rotate(180deg)}
.market-period-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:132px;padding:10px 0;border:1px solid #343c48;border-radius:14px;background:#202731;box-shadow:0 8px 24px #0007}
.market-period-menu[hidden]{display:none}
.market-table th .market-period-menu button{display:block;width:100%;padding:12px 14px;border:0;border-radius:0;text-align:left;background:transparent;color:#929ba9;font-size:14px;font-weight:400;cursor:pointer}
.market-table th .market-period-menu button[aria-selected=true]{color:#eaecef;font-weight:600}
.market-table th .market-period-menu button:hover,.market-table th .market-period-menu button:focus-visible{background:#2c3541;color:#fff;outline:none}
/* 自选星标 */
.market-name .market-favorite{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;margin-left:-7px;border-radius:7px;color:#75808f;opacity:1;transition:color .18s,background .18s,transform .18s}
.market-favorite svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.market-favorite.selected{color:#f0b90b}.market-favorite.selected svg{fill:currentColor;stroke-width:1.2}
.market-favorite:hover{color:#f0b90b;background:#f0b90b12;transform:scale(1.08)}.market-favorite:active{transform:scale(.92)}
.market-favorite:focus-visible{outline:2px solid #f0b90b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.market-name .market-favorite{transition:none}.market-favorite:hover,.market-favorite:active{transform:none}}
.market-directory .market-description{margin-top:28px}