:root{--owl-motion-press:80ms;--owl-motion-ease:cubic-bezier(.22,1,.36,1);--owl-motion-blue:#005f94;--owl-motion-yellow:#fae200;--owl-motion-navy:#0c2332}
/* Existing colours/layout remain authoritative. No universal transition:all. */
body[data-owl-motion="on"] :where(.owl-subject-card,.book,.lesson-actions button,.login button,.actions button){transition:transform var(--owl-motion-press) var(--owl-motion-ease),opacity var(--owl-motion-press) linear}
body[data-owl-motion="on"] :where(.owl-subject-card,.book,.lesson-actions button,.login button,.actions button):active:not(:disabled){transform:scale(.985);opacity:.86}
body[data-owl-motion="on"] .owl-subject-card[aria-pressed="true"]{border-color:var(--owl-motion-blue);box-shadow:0 0 0 1px var(--owl-motion-blue)}
.score:has(.owl-motion-achievement){position:relative}
.owl-motion-achievement{display:inline-flex;width:32px;height:32px;vertical-align:middle;margin-left:14px;color:var(--owl-motion-blue)}
.owl-motion-achievement svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.owl-motion-achievement circle{fill:#f8f9e9;stroke:#e2d83c;stroke-width:1.4}
.owl-motion-finish-line{display:block;height:3px;width:min(240px,100%);margin-top:12px;background:var(--owl-motion-yellow);transform-origin:left;border-radius:3px}
@media(prefers-reduced-motion:reduce){body[data-owl-motion] :where(.owl-subject-card,.book,.lesson-actions button,.login button,.actions button){transition:none!important}body[data-owl-motion] :where(.owl-subject-card,.book,.lesson-actions button,.login button,.actions button):active{transform:none!important}}

/* Home-only shared subject destination. Books, tasks and learning views retain their layout. */
#app .owl-subject-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:124px;padding:26px 30px;border-radius:18px;background:var(--subject,#005f94);color:#fff;overflow:hidden}
#app .owl-subject-banner[data-subject="社会"]{--subject:#997115}
#app .owl-subject-banner h2{margin:0;color:#fff;font-size:23px;font-weight:700;line-height:1.65;letter-spacing:.08em}
#app .owl-subject-banner p{margin:2px 0 0;color:#ffffffd9;font-size:15px;line-height:1.65}
#app .owl-subject-banner-symbol{display:flex;align-items:center;flex:none;pointer-events:none}
#app .owl-subject-banner-symbol svg{width:76px;height:66px;opacity:.85}
#app .owl-layout>main>.owl-overview{margin-top:28px}
@media(max-width:700px){#app .owl-subject-banner{min-height:112px;padding:22px}#app .owl-subject-banner-symbol svg{width:58px;height:54px}#app .owl-layout>main>.owl-overview{margin-top:24px}}

.owl-motion-shared-shape,.owl-motion-shared-label{position:fixed;pointer-events:none!important;user-select:none;transform-origin:0 0;z-index:1000}.owl-motion-shared-shape{overflow:hidden}.owl-motion-shared-label{white-space:nowrap;margin:0;z-index:1001;font-size:23px;font-weight:700;letter-spacing:.08em;line-height:1.65}.owl-motion-achievement.owl-motion-drawn{width:48px;height:48px}.owl-motion-drawn [data-owl-draw-check]{stroke-dasharray:1;stroke-dashoffset:0}