/* ImageOS tokens, sourced from imageory-cn/src/responsive.css (2026-11-02).
   Keep the existing changelog composition and animation contracts. */
:root{
 --io-bg:#121212;--io-text:#f2f2f0;--io-panel:#1a1a1a;--io-muted:#ffffff8c;--io-line:#ffffff14;
 --io-glass-top:#2e2e2e;--io-glass-bottom:#1e1e1e;--io-glass-stroke:#0009;
 --io-glass-depth:inset 0 1.5px 0 #ffffff24,inset 0 -2px 3px #0000004d,0 1px 1px #ffffff0a,0 8px 16px -6px #00000073
}
html[data-theme=light]{
 --io-bg:#fafafa;--io-text:#1a1a1a;--io-panel:#ffffffb3;--io-muted:#00000080;--io-line:#00000014;
 --io-glass-top:#fbfbfa;--io-glass-bottom:#e9e9e7;--io-glass-stroke:#ffffffd9;
 --io-glass-depth:inset 0 1.5px 0 #fff,inset 0 -2px 3px #00000012,0 1px 1px #fff9,0 8px 16px -6px #00000029
}
html[data-theme] body{
 background:var(--io-bg);color:var(--io-text);
 font-family:"Changelog Inter",Inter,"Noto Sans SC Variable","PingFang SC","Microsoft YaHei",sans-serif;
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility
}
html[data-theme] .updates-current{background:var(--io-panel);border-color:var(--io-line)}
html[data-theme] .release-board{background:var(--io-bg);border-color:var(--io-line);box-shadow:0 12px 36px #0000000a}
html[data-theme] :is(.updates-brand>span,.updates-header nav,.updates-heading>span,.updates-heading p,.updates-current p,.updates-footer){color:var(--io-muted)}
html[data-theme] .updates-beta{background:color-mix(in srgb,var(--io-text) 9%,transparent);color:var(--io-text)}
html[data-theme] :is(.updates-download,.updates-header button,.su-cl__read){
 background:linear-gradient(var(--io-glass-top),var(--io-glass-bottom));
 color:var(--io-text);border:1px solid var(--io-glass-stroke);box-shadow:var(--io-glass-depth)
}
html[data-theme] .updates-download{border-radius:14px}
html[data-theme] :is(.updates-download,.updates-header button):hover{filter:brightness(1.07)}
html[data-theme] :is(a,button,input):focus-visible{outline-color:#92b8ff}
html[data-theme] .su-changelog{
 --cl-bg:var(--io-bg);--cl-paper:var(--io-panel);--cl-ink:var(--io-text);--cl-muted:var(--io-muted);--cl-border:var(--io-line);
 font-family:"Changelog Inter",Inter,"Noto Sans SC Variable","PingFang SC","Microsoft YaHei",sans-serif
}
html[data-theme=light] .su-changelog{--cl-paper:#ffffff}
html[data-theme] .su-cl__card.is-latest{
 background:linear-gradient(var(--cl-paper),var(--cl-paper)) padding-box,
 conic-gradient(from var(--su-cl-ang),var(--cl-border) 0deg,color-mix(in srgb,var(--cl-ink) 32%,transparent) 95deg,var(--cl-border) 210deg,var(--cl-border) 360deg) border-box
}
html[data-theme] .release-board .su-cl__footer a{color:var(--io-text)}
html[data-theme] .os-theme-updates{--os-handle-bg:#88888860;--os-handle-bg-hover:#aaaaaaa0;--os-handle-bg-active:#ccccccd0}
@media(prefers-reduced-motion:no-preference){
 .updates-motion-ready :is(.updates-download,.updates-header button){transition:filter .18s,background-color .18s,color .18s}
}