.index-contribution-section{
  --ic-up:#ff7467;
  --ic-up-soft:rgba(255,116,103,.13);
  --ic-down:#64d6b2;
  --ic-down-soft:rgba(100,214,178,.12);
  width:min(1184px,calc(100% - 56px));
  margin:0 auto 74px;
  padding:28px;
  color:#eff9f6;
  border:1px solid rgba(142,202,191,.24);
  border-radius:26px;
  background:
    radial-gradient(circle at 4% 0,rgba(96,201,181,.13),transparent 25rem),
    linear-gradient(145deg,#123d39,#0d2e2d 58%,#102b33);
  box-shadow:0 26px 70px rgba(7,31,34,.2),inset 0 1px 0 rgba(255,255,255,.07);
  isolation:isolate;
  scroll-margin-top:84px;
}
.ic-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.ic-kicker{margin:0 0 7px;color:#72d7c5;font:800 11px/1.2 monospace;letter-spacing:.18em}
.ic-header h2{margin:0;font-size:clamp(28px,4vw,43px);font-weight:900;letter-spacing:-.045em}
.ic-header>div>p:last-child{margin:9px 0 0;color:#a8cac4;font-size:15px}
.ic-date{flex:0 0 auto;min-width:166px;padding:13px 17px;border:1px solid rgba(162,215,205,.19);border-radius:16px;background:rgba(255,255,255,.035)}
.ic-date small,.ic-date strong{display:block}.ic-date small{margin-bottom:5px;color:#8db8b1;font-size:12px}.ic-date strong{font:800 15px/1.2 monospace}
.ic-market-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(2,22,24,.34)}
.ic-market-switch button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;min-height:62px;padding:11px 16px;border:1px solid transparent;border-radius:12px;color:#91b8b1;background:transparent;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.ic-market-switch button:hover{background:rgba(255,255,255,.045)}.ic-market-switch button:active{transform:translateY(1px)}
.ic-market-switch button span{display:flex;align-items:baseline;gap:9px;min-width:0}.ic-market-switch small{font-size:12px;font-weight:850}.ic-market-switch b{font:900 18px monospace}.ic-market-switch em{font:900 16px monospace;font-style:normal;white-space:nowrap}
.ic-market-switch button.active{color:#fff3d3;border-color:rgba(255,205,101,.52);background:linear-gradient(135deg,rgba(255,195,76,.16),rgba(78,189,173,.09));box-shadow:0 8px 20px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,226,161,.06)}
.ic-market-switch button[data-ic-market="TPEX"].active{color:#d9ecff;border-color:rgba(120,185,255,.48);background:linear-gradient(135deg,rgba(84,151,232,.17),rgba(78,189,173,.09))}
.ic-market-card{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(230px,1fr) minmax(340px,1.3fr);align-items:center;gap:22px;margin-bottom:20px;padding:22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(2,22,24,.38);overflow:hidden;position:relative}
.ic-market-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--ic-up)}.ic-market-card.down:before{background:var(--ic-down)}
.ic-market-name span,.ic-market-name strong,.ic-market-close strong,.ic-market-close span{display:block}
.ic-market-name span{margin-bottom:4px;color:#7fdcca;font:800 11px monospace;letter-spacing:.18em}.ic-market-name strong{font-size:18px}
.ic-market-close strong{font:900 clamp(27px,3vw,38px)/1 monospace}.ic-market-close span{margin-top:8px;color:var(--ic-up);font:800 14px monospace}.ic-market-card.down .ic-market-close span{color:var(--ic-down)}
.ic-market-flow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
.ic-market-flow span{padding:13px 16px}.ic-market-flow span+span{border-left:1px solid rgba(255,255,255,.08)}.ic-market-flow small,.ic-market-flow strong{display:block}.ic-market-flow small{margin-bottom:5px;color:#87aaa5;font-size:11px}.ic-market-flow strong{font:800 15px monospace}.ic-market-flow span:first-child strong{color:var(--ic-up)}.ic-market-flow span:nth-child(2) strong{color:var(--ic-down)}.ic-market-flow .adjustment strong{color:#e7bd68}
.ic-tabs{display:none;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;padding:4px;border-radius:13px;background:rgba(3,25,27,.62)}
.ic-tabs button{min-height:44px;padding:8px;border-radius:10px;color:#9fc0ba;font-size:14px;font-weight:900;cursor:pointer}.ic-tabs button.active{background:#285954;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.2)}
.ic-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ic-list-panel{min-width:0;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:linear-gradient(155deg,rgba(9,42,42,.64),rgba(3,24,27,.5));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(1,17,20,.12)}
.ic-list-panel>header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.08)}.ic-list-panel>header span{color:#98bab4;font-size:12px}.ic-list-panel>header strong{font-size:15px}.ic-list-panel.up>header strong{color:#ff9a8f}.ic-list-panel.down>header strong{color:#83e5c7}
.ic-labels{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,.85fr) 92px;padding:10px 18px;color:#6f9a93;font-size:10px;font-weight:800}.ic-labels span:last-child{text-align:right}
.ic-row{position:relative;display:grid;grid-template-columns:30px minmax(170px,1fr) minmax(108px,.72fr) 80px;align-items:center;gap:9px;min-height:88px;padding:11px 17px;border-top:1px solid rgba(255,255,255,.055);overflow:hidden;transition:background .18s ease,transform .18s ease}.ic-row:first-child{border-top:0}.ic-row:hover{z-index:2;background:rgba(255,255,255,.055)}.ic-row:nth-child(-n+3){background-image:linear-gradient(90deg,rgba(255,202,103,.035),transparent 46%)}
.ic-rank{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.055);color:#a9c4bf;font:800 12px monospace}.ic-row:nth-child(-n+3) .ic-rank{color:#ffe0a1;background:rgba(255,194,85,.12)}
.ic-stock,.ic-quote,.ic-points{position:relative;z-index:1;min-width:0}.ic-stock{display:grid;gap:7px;min-height:58px;align-content:center;border-radius:10px;outline-offset:3px}.ic-stock:hover .ic-stock-title strong,.ic-stock:focus-visible .ic-stock-title strong{color:#fff}.ic-stock:focus-visible{outline:2px solid #85d8c8}.ic-stock-title strong,.ic-stock-title small,.ic-quote strong,.ic-quote small,.ic-points strong,.ic-points small{display:block}.ic-stock-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;transition:color .18s}.ic-stock-title small{margin-top:3px;color:#74aaa1;font:11px monospace}.ic-stock-title small b{margin-left:4px;color:#a6d8cf;font-size:9px}.ic-badges{display:flex;flex-wrap:wrap;gap:4px}.ic-badges em{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:9px;font-style:normal;font-weight:850;line-height:1}.ic-badges .regime.sun{color:#ff968a;background:rgba(255,116,103,.11);border-color:rgba(255,116,103,.19)}.ic-badges .regime.moon{color:#9ec7ff;background:rgba(96,150,220,.12);border-color:rgba(96,150,220,.2)}.ic-badges .marker.yellow{color:#ffd565;background:rgba(238,191,54,.12);border-color:rgba(238,191,54,.2)}.ic-badges .marker.blue{color:#87c8ff;background:rgba(58,148,220,.12);border-color:rgba(58,148,220,.2)}.ic-badges .marker.x{color:#ff918d;background:rgba(228,91,89,.11);border-color:rgba(228,91,89,.19)}.ic-badges .turnover{color:#a7cac4;background:rgba(255,255,255,.045)}.ic-quote{text-align:right}.ic-quote strong{font:800 14px monospace}.ic-quote small{margin-top:3px;font:700 10px monospace}.ic-row.up .ic-quote small,.ic-row.up .ic-points strong{color:var(--ic-up)}.ic-row.down .ic-quote small,.ic-row.down .ic-points strong{color:var(--ic-down)}
.ic-points{text-align:right}.ic-points strong{font:900 17px monospace}.ic-points small{color:#729b95;font-size:9px}
.ic-bar{position:absolute;left:0;bottom:0;width:var(--ic-width);height:3px;background:linear-gradient(90deg,rgba(255,116,103,.08),var(--ic-up));opacity:.72}.ic-row.down .ic-bar{background:linear-gradient(90deg,rgba(100,214,178,.08),var(--ic-down))}
.ic-note{display:flex;justify-content:space-between;gap:18px;margin-top:17px;padding:0 3px;color:#82aaa4;font-size:11px;line-height:1.6}
html[data-theme="soft-light"] .index-contribution-section{color:#173b39;border-color:rgba(53,104,96,.19);background:radial-gradient(circle at 4% 0,rgba(107,190,174,.19),transparent 25rem),linear-gradient(145deg,#e0ede7,#d4e3dc 58%,#d9e6e5);box-shadow:0 22px 54px rgba(54,91,82,.14),inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme="soft-light"] .ic-header>div>p:last-child,html[data-theme="soft-light"] .ic-date small,html[data-theme="soft-light"] .ic-list-panel>header span,html[data-theme="soft-light"] .ic-note{color:#587e77}
html[data-theme="soft-light"] .ic-date,html[data-theme="soft-light"] .ic-market-card,html[data-theme="soft-light"] .ic-list-panel{border-color:rgba(53,96,89,.14);background:rgba(255,255,255,.39)}
html[data-theme="soft-light"] .ic-market-switch{border-color:rgba(53,96,89,.13);background:rgba(255,255,255,.22)}html[data-theme="soft-light"] .ic-market-switch button{color:#4e766f}html[data-theme="soft-light"] .ic-market-switch button.active{color:#65430a;border-color:rgba(180,128,26,.43);background:linear-gradient(135deg,rgba(239,184,72,.25),rgba(255,255,255,.34))}html[data-theme="soft-light"] .ic-market-switch button[data-ic-market="TPEX"].active{color:#164d76;border-color:rgba(58,124,180,.38);background:linear-gradient(135deg,rgba(99,165,218,.23),rgba(255,255,255,.34))}
html[data-theme="soft-light"] .ic-market-flow{border-color:rgba(53,96,89,.13)}html[data-theme="soft-light"] .ic-market-flow span+span{border-color:rgba(53,96,89,.13)}html[data-theme="soft-light"] .ic-market-flow small,html[data-theme="soft-light"] .ic-labels{color:#557c75}
html[data-theme="soft-light"] .ic-row{border-color:rgba(44,91,83,.1)}html[data-theme="soft-light"] .ic-row:hover{background:rgba(255,255,255,.46)}html[data-theme="soft-light"] .ic-rank{background:rgba(31,78,72,.07);color:#426f68}html[data-theme="soft-light"] .ic-stock-title small,html[data-theme="soft-light"] .ic-points small{color:#4e8178}html[data-theme="soft-light"] .ic-stock:hover .ic-stock-title strong,html[data-theme="soft-light"] .ic-stock:focus-visible .ic-stock-title strong{color:#0d6259}html[data-theme="soft-light"] .ic-stock-title small b{color:#2c756b}html[data-theme="soft-light"] .ic-badges .turnover{color:#446f68;background:rgba(42,84,77,.06);border-color:rgba(42,84,77,.1)}
@media(max-width:900px){.ic-market-card{grid-template-columns:1fr 1fr}.ic-market-flow{grid-column:1/-1}.ic-columns{grid-template-columns:1fr}.ic-tabs{display:grid}.ic-list-panel{display:none}.ic-list-panel.active{display:block}.ic-note{flex-direction:column;gap:2px}}
@media(max-width:620px){.index-contribution-section{width:calc(100% - 24px);margin-bottom:50px;padding:16px;border-radius:20px}.ic-header{align-items:flex-start;margin-bottom:14px}.ic-header h2{font-size:28px}.ic-header>div>p:last-child{font-size:13px}.ic-date{min-width:auto;padding:10px 12px;border-radius:12px}.ic-date small{font-size:10px}.ic-date strong{font-size:12px}.ic-market-switch{gap:6px;margin-bottom:10px;padding:4px;border-radius:13px}.ic-market-switch button{min-height:52px;padding:8px 10px;gap:8px;border-radius:9px}.ic-market-switch button span{gap:5px}.ic-market-switch small{font-size:10px}.ic-market-switch b{font-size:14px}.ic-market-switch em{font-size:12px}.ic-market-card{grid-template-columns:.72fr 1.28fr;gap:12px;margin-bottom:12px;padding:17px 15px 15px 18px;border-radius:15px}.ic-market-name strong{font-size:15px}.ic-market-close{text-align:right}.ic-market-close strong{font-size:25px}.ic-market-close span{font-size:11px}.ic-market-flow span{padding:10px}.ic-market-flow small{font-size:9px}.ic-market-flow strong{font-size:12px}.ic-list-panel{border-radius:15px}.ic-list-panel>header{padding:13px 14px}.ic-labels{grid-template-columns:1fr 105px 72px;padding:9px 14px}.ic-labels span:first-child{max-width:110px;line-height:1.35}.ic-row{grid-template-columns:25px minmax(88px,1fr) 98px 64px;gap:5px;min-height:86px;padding:9px 11px}.ic-rank{width:23px;height:23px;border-radius:8px;font-size:11px}.ic-stock{gap:5px;min-height:64px}.ic-stock-title strong{font-size:14px}.ic-stock-title small{font-size:10px}.ic-stock-title small b{font-size:8px}.ic-badges{gap:3px}.ic-badges em{min-height:18px;padding:2px 5px;font-size:8px}.ic-badges .turnover{flex-basis:max-content}.ic-quote strong{font-size:12px}.ic-quote small{font-size:8.5px}.ic-points strong{font-size:13px}.ic-note{font-size:10px}}
@media(max-width:390px){.index-contribution-section{width:calc(100% - 16px);padding:13px}.ic-header{gap:10px}.ic-header h2{font-size:25px}.ic-header>div>p:last-child{display:none}.ic-date{padding:8px 9px}.ic-market-switch button{display:grid;justify-items:start;gap:3px}.ic-market-switch button span{width:100%;justify-content:space-between}.ic-market-switch em{font-size:11px}.ic-row{grid-template-columns:23px minmax(83px,1fr) 88px 57px;padding-inline:8px}.ic-quote small{letter-spacing:-.035em}.ic-points strong{font-size:12px}.ic-labels{grid-template-columns:1fr 91px 59px;padding-inline:10px}}

/* Comfort-reading mode: every contribution label and value follows the Aa control. */
html[data-reading="large"] .index-contribution-section{
  padding:32px;
}
html[data-reading="large"] .ic-kicker{font-size:13px;line-height:1.35}
html[data-reading="large"] .ic-header h2{font-size:clamp(34px,4vw,48px);line-height:1.12}
html[data-reading="large"] .ic-header>div>p:last-child{font-size:18px;line-height:1.7}
html[data-reading="large"] .ic-date{min-width:188px;padding:15px 18px}
html[data-reading="large"] .ic-date small{font-size:14px}
html[data-reading="large"] .ic-date strong{font-size:18px}
html[data-reading="large"] .ic-market-card{grid-template-columns:minmax(190px,.7fr) minmax(250px,1fr) minmax(390px,1.35fr);gap:24px;padding:25px 27px}
html[data-reading="large"] .ic-market-name span{font-size:13px}
html[data-reading="large"] .ic-market-name strong{font-size:22px}
html[data-reading="large"] .ic-market-close strong{font-size:clamp(34px,3vw,43px)}
html[data-reading="large"] .ic-market-close span{font-size:17px;line-height:1.4}
html[data-reading="large"] .ic-market-flow span{padding:15px 17px}
html[data-reading="large"] .ic-market-flow small{font-size:13px;line-height:1.4}
html[data-reading="large"] .ic-market-flow strong{font-size:17px;line-height:1.35}
html[data-reading="large"] .ic-tabs button{min-height:50px;font-size:17px}
html[data-reading="large"] .ic-list-panel>header{padding:20px 21px}
html[data-reading="large"] .ic-list-panel>header span{font-size:15px}
html[data-reading="large"] .ic-list-panel>header strong{font-size:18px}
html[data-reading="large"] .ic-labels{grid-template-columns:minmax(150px,1fr) minmax(130px,.78fr) 100px;padding:12px 19px;font-size:12px;line-height:1.4}
html[data-reading="large"] .ic-row{grid-template-columns:34px minmax(184px,1fr) minmax(118px,.7fr) 91px;gap:10px;min-height:108px;padding:14px 18px}
html[data-reading="large"] .ic-rank{width:30px;height:30px;font-size:14px}
html[data-reading="large"] .ic-stock{gap:9px;min-height:76px}
html[data-reading="large"] .ic-stock-title strong{font-size:18px;line-height:1.25}
html[data-reading="large"] .ic-stock-title small{margin-top:4px;font-size:14px;line-height:1.35}
html[data-reading="large"] .ic-stock-title small b{font-size:12px}
html[data-reading="large"] .ic-badges{gap:6px}
html[data-reading="large"] .ic-badges em{min-height:25px;padding:4px 8px;font-size:12px;line-height:1.1}
html[data-reading="large"] .ic-quote strong{font-size:17px;line-height:1.35}
html[data-reading="large"] .ic-quote small{margin-top:5px;font-size:13px;line-height:1.45;white-space:normal}
html[data-reading="large"] .ic-points strong{font-size:20px;line-height:1.25}
html[data-reading="large"] .ic-points small{font-size:12px}
html[data-reading="large"] .ic-note{font-size:14px;line-height:1.75}

@media(max-width:1100px){
  html[data-reading="large"] .ic-market-card{grid-template-columns:1fr 1fr}
  html[data-reading="large"] .ic-market-flow{grid-column:1/-1}
  html[data-reading="large"] .ic-columns{grid-template-columns:1fr}
  html[data-reading="large"] .ic-tabs{display:grid}
  html[data-reading="large"] .ic-list-panel{display:none}
  html[data-reading="large"] .ic-list-panel.active{display:block}
  html[data-reading="large"] .ic-row{grid-template-columns:36px minmax(210px,1fr) minmax(160px,.65fr) 112px}
}

@media(max-width:620px){
  html[data-reading="large"] .index-contribution-section{width:calc(100% - 20px);padding:17px;border-radius:22px}
  html[data-reading="large"] .ic-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:16px}
  html[data-reading="large"] .ic-header h2{font-size:30px}
  html[data-reading="large"] .ic-header>div>p:last-child{font-size:16px;line-height:1.55}
  html[data-reading="large"] .ic-date{min-width:0;padding:10px 11px;border-radius:13px}
  html[data-reading="large"] .ic-date small{font-size:12px}
  html[data-reading="large"] .ic-date strong{font-size:14px;white-space:nowrap}
  html[data-reading="large"] .ic-market-card{grid-template-columns:.78fr 1.22fr;gap:13px;padding:19px 16px 16px 19px}
  html[data-reading="large"] .ic-market-name strong{font-size:18px}
  html[data-reading="large"] .ic-market-close strong{font-size:28px}
  html[data-reading="large"] .ic-market-close span{font-size:14px}
  html[data-reading="large"] .ic-market-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-reading="large"] .ic-market-flow span{min-width:0;padding:11px 8px}
  html[data-reading="large"] .ic-market-flow small{font-size:11px;line-height:1.35}
  html[data-reading="large"] .ic-market-flow strong{font-size:13px;line-height:1.35}
  html[data-reading="large"] .ic-tabs{gap:6px;margin-bottom:13px;padding:5px}
  html[data-reading="large"] .ic-tabs button{min-height:48px;padding:8px 5px;font-size:15px;line-height:1.25}
  html[data-reading="large"] .ic-list-panel>header{padding:16px}
  html[data-reading="large"] .ic-list-panel>header span{font-size:13px}
  html[data-reading="large"] .ic-list-panel>header strong{font-size:16px}
  html[data-reading="large"] .ic-labels{display:none}
  html[data-reading="large"] .ic-row{
    grid-template-columns:30px minmax(0,1fr) auto;
    grid-template-areas:"rank stock points" ". quote quote";
    align-items:start;
    gap:10px 9px;
    min-height:132px;
    padding:15px 13px 16px;
  }
  html[data-reading="large"] .ic-rank{grid-area:rank;width:28px;height:28px;font-size:13px}
  html[data-reading="large"] .ic-stock{grid-area:stock;min-height:0;gap:8px}
  html[data-reading="large"] .ic-stock-title strong{font-size:18px;white-space:normal;line-height:1.22}
  html[data-reading="large"] .ic-stock-title small{font-size:13px}
  html[data-reading="large"] .ic-stock-title small b{font-size:11px}
  html[data-reading="large"] .ic-badges{gap:5px}
  html[data-reading="large"] .ic-badges em{min-height:24px;padding:4px 7px;font-size:11px}
  html[data-reading="large"] .ic-quote{grid-area:quote;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(0,0,0,.09);text-align:left}
  html[data-reading="large"] .ic-quote strong{font-size:16px;white-space:nowrap}
  html[data-reading="large"] .ic-quote small{margin:0;font-size:13px;text-align:right}
  html[data-reading="large"] .ic-points{grid-area:points;align-self:start;padding-top:2px}
  html[data-reading="large"] .ic-points strong{font-size:18px;white-space:nowrap}
  html[data-reading="large"] .ic-points small{font-size:11px}
  html[data-reading="large"] .ic-note{font-size:13px;line-height:1.7}
}

@media(max-width:390px){
  html[data-reading="large"] .index-contribution-section{width:calc(100% - 14px);padding:14px}
  html[data-reading="large"] .ic-header{grid-template-columns:1fr}
  html[data-reading="large"] .ic-header>div>p:last-child{display:block}
  html[data-reading="large"] .ic-date{display:flex;align-items:center;justify-content:space-between;gap:10px}
  html[data-reading="large"] .ic-date small{margin:0}
  html[data-reading="large"] .ic-market-card{grid-template-columns:1fr 1fr;padding-inline:15px}
  html[data-reading="large"] .ic-market-close strong{font-size:25px}
  html[data-reading="large"] .ic-row{padding-inline:11px}
  html[data-reading="large"] .ic-quote{display:grid;grid-template-columns:auto 1fr}
}