/* 爱玩物理共用材质：尺寸、排版、业务选中逻辑由所属模块决定。 */
:root {
  --liquid-top:rgba(28,51,80,.82);
  --liquid-bottom:rgba(9,29,52,.93);
  --liquid-edge:rgba(197,163,108,.32);
  --liquid-shine:rgba(255,255,255,.18);
  --liquid-glint:rgba(255,244,223,.18);
  --liquid-text:#eef3fa;
  --liquid-muted:#b8c4d3;
  --liquid-shadow:0 10px 30px rgba(0,8,20,.20);
  --liquid-focus:#ffcb75;
  --liquid-selected-top:#fde8c5;
  --liquid-selected-bottom:#d4b680;
}
:is(html,body)[data-learning-tone="light"],:is(html,body)[data-theme="light"] {
  --liquid-top:rgba(255,255,255,.65);
  --liquid-bottom:rgba(255,250,241,.90);
  --liquid-edge:rgba(143,105,49,.32);
  --liquid-shine:rgba(255,255,255,.8);
  --liquid-glint:rgba(255,255,255,.68);
  --liquid-text:#30281d;
  --liquid-muted:#665840;
  --liquid-shadow:0 8px 28px rgba(66,47,18,.07);
  --liquid-focus:#8a683d;
}
:where([data-liquid-glass],[data-liquid-control]) {
  --liquid-x:50%;--liquid-y:0%;
  border:1px solid transparent;
  background:
    radial-gradient(ellipse 120px 80px at var(--liquid-x) var(--liquid-y),var(--liquid-glint),transparent 75%) padding-box,
    linear-gradient(145deg,var(--liquid-top),var(--liquid-bottom)) padding-box,
    linear-gradient(150deg,var(--liquid-shine),var(--liquid-edge) 35%,var(--liquid-edge)) border-box;
  color:var(--liquid-text);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:inset 0 1px 0 var(--liquid-shine),var(--liquid-shadow);
}
:where([data-liquid-glass]) {border-radius:16px}
:where([data-liquid-control]) {
  border-radius:10px;
  transition:box-shadow .18s,border-color .18s,translate .18s;
  isolation:isolate;
}
:where([data-liquid-control]):hover:where(:not(:disabled):not([aria-disabled="true"])) {
  border-color:color-mix(in srgb,var(--liquid-edge),var(--liquid-focus) 28%);
  box-shadow:inset 0 1px 0 var(--liquid-shine),0 4px 14px rgba(0,8,20,.13);
}
:where([data-liquid-control][data-liquid-pressed="true"]):where(:not(:disabled):not([aria-disabled="true"])) {
  translate:0 1px;
  box-shadow:inset 0 1px 4px rgba(0,8,20,.15),inset 0 1px 0 var(--liquid-shine);
}
:where([data-liquid-control]):focus-visible {outline:2px solid var(--liquid-focus);outline-offset:3px}
:where([data-liquid-control]):is(:disabled,[aria-disabled="true"]) {opacity:.5;cursor:default;translate:none}
:where([data-liquid-control][data-liquid-selected="true"]) {
  background:
    radial-gradient(ellipse 100px 70px at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.75),transparent 75%) padding-box,
    linear-gradient(155deg,var(--liquid-selected-top),var(--liquid-selected-bottom)) padding-box,
    linear-gradient(145deg,#fff5e3,#c5a36c) border-box;
  color:#021732;
}
@supports not (backdrop-filter:blur(1px)) {
  :where([data-liquid-glass],[data-liquid-control]) {background-color:#102c47}
  :is(html,body)[data-learning-tone="light"] :where([data-liquid-glass],[data-liquid-control]),
  :is(html,body)[data-theme="light"] :where([data-liquid-glass],[data-liquid-control]) {background-color:#f7efdf}
}
@media(prefers-reduced-motion:reduce) {
  :where([data-liquid-glass],[data-liquid-control]) {--liquid-x:50%!important;--liquid-y:0%!important;transition:none!important;translate:none!important}
}