/* W486 · 桌面通知＝macOS 横幅，右下角，右/下各 24px。只在桌面精确指针下生效。 */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
html.w486-on #gx-island-root>#gi-alert.gi-alert{
  position:fixed!important;left:auto!important;top:auto!important;
  right:var(--w486-r,24px)!important;bottom:var(--w486-b,24px)!important;z-index:120!important;
  width:360px!important;max-width:calc(100vw - 48px)!important;min-height:0!important;box-sizing:border-box!important;
  margin:0!important;padding:12px 14px 12px 60px!important;
  border-radius:18px!important;corner-shape:round!important;overflow:visible!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  background:linear-gradient(180deg,rgba(30,42,78,.88) 0%,rgba(14,21,44,.92) 100%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.8)!important;backdrop-filter:blur(30px) saturate(1.8)!important;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(0,0,0,.5),
    0 12px 32px -8px rgba(2,8,24,.55),0 3px 10px -2px rgba(2,8,24,.35)!important;
  color:#eef2f8!important;text-align:left!important;cursor:default;
  -webkit-user-select:none;user-select:none;touch-action:pan-y;
  transform:translate3d(calc(100% + var(--w486-r,24px) + 24px),0,0)!important;transform-origin:100% 50%!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:transform .36s cubic-bezier(.4,0,.9,.6),opacity .3s ease,visibility 0s linear .36s,bottom .3s cubic-bezier(.3,.7,.2,1),right .3s cubic-bezier(.3,.7,.2,1)!important}
html.w486-on #gx-island-root[data-w486="alert"]>#gi-alert.gi-alert{
  transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transition:transform .42s cubic-bezier(.2,1.18,.32,1),opacity .2s ease,visibility 0s,bottom .3s cubic-bezier(.3,.7,.2,1),right .3s cubic-bezier(.3,.7,.2,1)!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert.w486-drag{transition:none!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert::after{display:none!important}
/* 应用图标：用岛自己给的头像字（data-gx-av），空的补品牌字 */
html.w486-on #gx-island-root>#gi-alert.gi-alert::before{content:attr(data-w486-av)!important;position:absolute!important;left:14px!important;top:13px!important;
  width:34px!important;height:34px!important;border-radius:9px!important;border:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font:600 16px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;
  color:#e7cf95!important;background:linear-gradient(160deg,#26386a,#0e1733)!important;
  box-shadow:inset 0 0 0 .5px rgba(224,196,134,.6),0 1px 2px rgba(0,0,0,.4)!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert[data-gx-kind="voice"]::before{color:#1b2233!important;background:linear-gradient(145deg,#f0d696,#c9a86a)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.4)!important}
/* 顶行：应用名 + 「现在」 */
html.w486-on #gx-island-root>#gi-alert.gi-alert .gi-al-k{margin:0!important;padding:0 52px 0 0!important;
  font:600 13px/18px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;letter-spacing:0!important;
  color:#e0c486!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert .w486-now{position:absolute;top:12px;right:14px;
  font:400 12px/18px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#b7c1d3;letter-spacing:0}
/* 正文 */
html.w486-on #gx-island-root>#gi-alert.gi-alert .gi-al-t{margin:2px 0 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;
  font:400 13px/1.46 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;color:#e9edf5!important;
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert .gi-al-t[hidden]{display:none!important}
/* 动作：右下角紧凑药丸 */
html.w486-on #gx-island-root>#gi-alert.gi-alert .gi-al-b{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:9px 0 0!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert .gi-al-b:not(:has(#gi-al-go:not([hidden]))){display:none!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert #gi-al-go{flex:0 0 auto!important;height:32px!important;min-height:32px!important;min-width:32px!important;
  padding:0 14px!important;border-radius:16px!important;border:0!important;
  font:600 12.5px/32px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;
  background:#c9a86a!important;color:#0b1630!important;animation:none!important;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert #gi-al-go:hover{background:#d6b87c!important}
/* 关闭：悬停才出现在左上角的小圆 ×（和 macOS 一样）；命中区 32px */
html.w486-on #gx-island-root>#gi-alert.gi-alert #gi-al-x{position:absolute!important;left:-10px!important;top:-10px!important;z-index:7!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;flex:none!important;
  background:none!important;box-shadow:none!important;animation:none!important;
  font-size:0!important;line-height:0!important;color:transparent!important;cursor:pointer;
  opacity:0;pointer-events:none!important;transition:opacity .15s ease!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert #gi-al-x::before{content:"";position:absolute;left:6px;top:6px;width:20px;height:20px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2L2 8' stroke='%23e9edf5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/9px 9px no-repeat,rgb(62,72,102);
  box-shadow:0 0 0 .5px rgba(255,255,255,.28),0 1px 4px rgba(0,0,0,.45)}
html.w486-on #gx-island-root>#gi-alert.gi-alert:hover #gi-al-x,html.w486-on #gx-island-root>#gi-alert.gi-alert:focus-within #gi-al-x{opacity:1!important;pointer-events:auto!important}
html.w486-on #gx-island-root>#gi-alert.gi-alert #gi-al-x:hover::before{background-color:rgb(82,94,128)}
/* 英文站 W446 自己的消息框 #w446-msg：同一身 macOS 横幅、同一套边距（z-index 仍用 W446 自己的） */
html.w486-on #w446-msg{position:fixed!important;left:auto!important;top:auto!important;
  right:var(--w486-r,24px)!important;bottom:var(--w486-b,24px)!important;
  width:360px!important;max-width:calc(100vw - 48px)!important;box-sizing:border-box!important;
  margin:0!important;padding:12px 14px 12px 60px!important;border:0!important;border-radius:18px!important;overflow:visible!important;
  background:linear-gradient(180deg,rgba(30,42,78,.88) 0%,rgba(14,21,44,.92) 100%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.8)!important;backdrop-filter:blur(30px) saturate(1.8)!important;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(0,0,0,.5),
    0 12px 32px -8px rgba(2,8,24,.55),0 3px 10px -2px rgba(2,8,24,.35)!important;
  color:#eef2f8!important;cursor:default;-webkit-user-select:none;user-select:none;touch-action:pan-y;
  transform:translate3d(calc(100% + var(--w486-r,24px) + 24px),0,0)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:transform .36s cubic-bezier(.4,0,.9,.6),opacity .3s ease,visibility 0s linear .36s,bottom .3s cubic-bezier(.3,.7,.2,1),right .3s cubic-bezier(.3,.7,.2,1)!important}
html.w486-on #w446-msg.w446-on{transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transition:transform .42s cubic-bezier(.2,1.18,.32,1),opacity .2s ease,visibility 0s,bottom .3s cubic-bezier(.3,.7,.2,1),right .3s cubic-bezier(.3,.7,.2,1)!important}
html.w486-on #w446-msg.w486-drag{transition:none!important}
html.w486-on #w446-msg .w446-av{left:14px!important;top:13px!important;width:34px!important;height:34px!important;border-radius:9px!important;border:0!important;
  font:600 16px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;
  color:#e7cf95!important;background:linear-gradient(160deg,#26386a,#0e1733)!important;
  box-shadow:inset 0 0 0 .5px rgba(224,196,134,.6),0 1px 2px rgba(0,0,0,.4)!important}
html.w486-on #w446-msg[data-w446-kind="voice"] .w446-av{color:#1b2233!important;background:linear-gradient(145deg,#f0d696,#c9a86a)!important;box-shadow:0 1px 2px rgba(0,0,0,.4)!important}
html.w486-on #w446-msg .w446-k{padding:0 52px 0 0!important;font:600 13px/18px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;color:#e0c486!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.w486-on #w446-msg .w446-t{margin:2px 0 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;
  font:400 13px/1.46 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;color:#e9edf5!important;
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden!important}
html.w486-on #w446-msg .w446-row{justify-content:flex-end!important;gap:8px!important;margin:9px 0 0!important}
html.w486-on #w446-msg .w446-row:not(:has(.w446-go:not([hidden]))){display:none!important}
html.w486-on #w446-msg .w446-go{height:32px!important;min-height:32px!important;padding:0 14px!important;border-radius:16px!important;
  font:600 12.5px/32px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;letter-spacing:0!important;
  background:#c9a86a!important;color:#0b1630!important;animation:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important}
html.w486-on #w446-msg .w446-go:hover{background:#d6b87c!important}
html.w486-on #w446-msg .w446-cd{display:none!important}
html.w486-on #w446-msg .w486-now{position:absolute;top:12px;right:14px;
  font:400 12px/18px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#b7c1d3;letter-spacing:0}
html.w486-on #w446-msg .w486-x{position:absolute;left:-10px;top:-10px;z-index:7;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;
  background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease;-webkit-appearance:none;appearance:none}
html.w486-on #w446-msg .w486-x::before{content:"";position:absolute;left:6px;top:6px;width:20px;height:20px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2L2 8' stroke='%23e9edf5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/9px 9px no-repeat,rgb(62,72,102);
  box-shadow:0 0 0 .5px rgba(255,255,255,.28),0 1px 4px rgba(0,0,0,.45)}
html.w486-on #w446-msg:hover .w486-x,html.w486-on #w446-msg:focus-within .w486-x{opacity:1;pointer-events:auto}
html.w486-on #w446-msg .w486-x:hover::before{background-color:rgb(82,94,128)}
html.w486-on #w446-msg .w486-x:focus-visible{outline:2px solid #c9a86a;outline-offset:0}
/* 胶囊留在原地，不因为来了通知就藏起来 */
html.w486-on #gx-island[data-state=alert] .gi-cap{opacity:1!important;transform:none!important;pointer-events:auto!important}
/* 默认坞：右上角、页眉下方（--w486-it / --w486-ir 由脚本按真实页眉量出） */
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"]){left:auto!important;right:var(--w486-ir,24px)!important;top:var(--w486-it,94px)!important;bottom:auto!important;
  max-width:none!important;transform:translate3d(0,-8px,0)!important}
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"]).on{transform:none!important}
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"])[data-state=expanded]{z-index:101!important}
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"]) .gi-sheet{left:auto!important;right:0!important;top:0!important;bottom:auto!important;
  transform-origin:100% 0!important;transform:translate3d(0,-10px,0) scale(.96)!important;
  max-height:calc(100vh - var(--w486-it,94px) - 16px)!important;overflow-y:auto!important;overscroll-behavior:contain}
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"])[data-state=expanded] .gi-sheet{transform:none!important}
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"]) .w443-morph{left:auto!important;right:0!important;top:0!important;bottom:auto!important;transform:none!important}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
html.w486-on #gx-island[data-w486-top="1"]:not([data-dragging="1"]){transition:opacity .5s ease,transform .6s var(--gi-ease),top .35s var(--gi-ease),right .35s var(--gi-ease)!important}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
html.w486-on #gx-island-root>#gi-alert.gi-alert,html.w486-on #gx-island-root[data-w486="alert"]>#gi-alert.gi-alert,html.w486-on #w446-msg,html.w486-on #w446-msg.w446-on{transform:none!important;transition:opacity .2s ease,visibility 0s linear .2s!important}
html.w486-on #gx-island-root[data-w486="alert"]>#gi-alert.gi-alert,html.w486-on #w446-msg.w446-on{transition:opacity .2s ease,visibility 0s!important}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-transparency:reduce){
html.w486-on #gx-island-root>#gi-alert.gi-alert,html.w486-on #w446-msg{background:rgb(20,30,58)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

body>.gr-drum .gr-foot{padding-top:12px!important;padding-bottom:12px!important;position:relative}
body>.gr-drum .gr-scale{height:26px!important;cursor:grab;touch-action:none;outline:none}
body>.gr-drum .gr-scale>i{top:10px!important}
body>.gr-drum .gr-scale>i.on{top:6px!important;height:14px!important}
body>.gr-drum .gr-scale::before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.06)}
body>.gr-drum .gr-scale:hover>i{background:rgba(232,236,245,.55)}
body>.gr-drum .w497-knob{position:absolute;top:50%;left:var(--w497-p,0%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff3cf,#e6c982 55%,#b8924a);box-shadow:0 0 0 3px rgba(230,201,130,.18),0 2px 8px rgba(0,0,0,.45);
  pointer-events:none;transition:left .18s cubic-bezier(.32,.72,0,1),transform .15s}
body>.gr-drum .gr-scale.w497-drag{cursor:grabbing}
body>.gr-drum .gr-scale.w497-drag .w497-knob{transition:none;transform:scale(1.25)}
body>.gr-drum .w497-bub{position:absolute;bottom:calc(100% + 8px);left:var(--w497-p,0%);transform:translateX(-50%);max-width:220px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px;border-radius:9px;background:rgba(9,18,44,.96);
  border:1px solid rgba(230,201,130,.35);color:#f3e6c6;font:600 12px/1.3 -apple-system,"PingFang SC",sans-serif;letter-spacing:.02em;
  opacity:0;pointer-events:none;transition:opacity .15s}
body>.gr-drum .gr-scale.w497-drag .w497-bub,body>.gr-drum .gr-scale:focus-visible .w497-bub{opacity:1}
body>.gr-drum .gr-scale:focus-visible{box-shadow:0 0 0 2px rgba(230,201,130,.7);border-radius:6px}
body>.gr-drum .w497-hint{display:block;text-align:center;padding:0 15px 10px;margin-top:-4px;font:500 11px/1.4 -apple-system,"PingFang SC",sans-serif;
  letter-spacing:.08em;color:rgba(230,201,130,.92);opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s}
body>.gr-drum .w497-hint.on{opacity:1;transform:none}
@media (pointer:coarse){body>.gr-drum .gr-scale{height:44px!important}body>.gr-drum .gr-scale>i{top:19px!important}body>.gr-drum .gr-scale>i.on{top:15px!important}body>.gr-drum .gr-scale::before{top:21px}body>.gr-drum .w497-knob{width:18px;height:18px;margin:-9px 0 0 -9px}}
@media (prefers-reduced-motion:reduce){body>.gr-drum .w497-knob,body>.gr-drum .w497-hint{transition:none}}

#gi-alert,#w446-msg{touch-action:manipulation}
#gi-alert.w486-drag,#w446-msg.w486-drag{transform:none!important;opacity:1!important}
#gi-alert .w521-line{position:absolute;left:18px;right:18px;bottom:7px;height:1.5px;border-radius:2px;pointer-events:none;overflow:hidden;
  background:rgba(255,255,255,.08)}
#gi-alert .w521-line>i{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#c9a86a,#f0d49a);opacity:.75}
#gx-island[data-state=alert] #gi-alert .w521-line>i{animation:w521run var(--w521-ttl,5000ms) linear forwards}
#gi-alert:hover .w521-line>i,#gi-alert:focus-within .w521-line>i{animation-play-state:paused}
@keyframes w521run{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){#gi-alert .w521-line{display:none}}