/* Windows 11 的紧凑硬件音量条；设置以右侧紧凑浮层呈现。 */
.windows-volume-flyout{position:fixed;inset:auto auto 48px 50%;transform:translateX(-50%);box-sizing:border-box;width:280px;height:68px;margin:0;padding:0 18px;display:flex;align-items:center;gap:17px;border:1px solid #ffffffb8;border-radius:9px;background:rgba(241,245,249,.94);color:#24272b;box-shadow:0 5px 20px #0002;backdrop-filter:blur(28px);font:14px "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI",sans-serif;z-index:3000;opacity:0;transition:opacity 160ms cubic-bezier(.23,1,.32,1),translate 160ms cubic-bezier(.23,1,.32,1);translate:0 7px;transition-behavior:allow-discrete;}
.windows-volume-flyout[data-visible=true]{opacity:1;translate:0 0;}
.windows-volume-flyout[hidden]{display:none;}
.volume-speaker{display:grid;place-items:center;flex:0 0 26px;width:26px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;}
.volume-speaker svg{width:23px;height:23px;}.volume-speaker .speaker-cross{display:none}.volume-speaker[aria-pressed=true] .speaker-waves{display:none}.volume-speaker[aria-pressed=true] .speaker-cross{display:block}
.volume-speaker:hover{background:#00000008}.volume-speaker:focus-visible{outline:2px solid #0067c0;outline-offset:2px}
.windows-volume-range{--volume-percent:100%;-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;width:150px;height:4px;margin:0;border:0;border-radius:3px;background:linear-gradient(to right,#0067c0 0 var(--volume-percent),#8b8e94 var(--volume-percent) 100%);cursor:pointer;touch-action:none;}
.windows-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#0067c0;border:4px solid #f8f9fb;border-radius:50%;box-shadow:0 0 0 1px #0000000d,0 1px 3px #0003;transition:border-width 100ms ease;}
.windows-volume-range:hover::-webkit-slider-thumb{border-width:3px}.windows-volume-range:active::-webkit-slider-thumb{border-width:5px}
.windows-volume-range::-moz-range-thumb{width:10px;height:10px;background:#0067c0;border:4px solid #f8f9fb;border-radius:50%;box-shadow:0 0 0 1px #0002}
.windows-volume-range:focus-visible{outline:2px solid #0067c0;outline-offset:8px}.windows-volume-flyout output{min-width:24px;text-align:right;font-variant-numeric:tabular-nums}

#menu-dialog.browser-settings{position:fixed;inset:56px 14px auto auto;box-sizing:border-box;width:360px;max-width:calc(100vw - 28px);height:auto;max-height:calc(100svh - 74px);margin:0;padding:0;border:1px solid #d9dde2;border-radius:10px;background:#fff;color:#202124;box-shadow:0 10px 36px #17243526,0 2px 8px #17243514;font:14px/1.5 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;overflow:auto;}
#menu-dialog.browser-settings::backdrop{background:transparent;backdrop-filter:none;}
.browser-settings :is(h2,h3,p,button,label,summary){font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;}
.settings-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 12px 20px;border-bottom:1px solid #eceef1;}
.settings-popover-header h2{margin:0;font-size:16px;font-weight:600;line-height:1.6;}
.settings-popover-header>button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:6px;border:0;border-radius:5px;background:transparent;color:#5f6368;cursor:pointer;}
.settings-popover-header>button:hover{background:#eef0f2;}.settings-popover-header svg{width:17px;height:17px;}
.settings-popover-content>section{padding:18px 20px;}.settings-popover-content>section+section{border-top:1px solid #eceef1;}
.settings-sound h3{margin:0 0 17px;font-size:13px;font-weight:500;}
.settings-volume-control{display:flex;align-items:center;gap:15px;width:100%;}.settings-volume-control .volume-speaker{flex:0 0 23px;width:23px;}.settings-volume-control output{min-width:25px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;}
.settings-popover-content p{margin:0;font-size:12px;line-height:1.75;}.settings-popover-content p.settings-hint{margin-top:15px;color:#6b7077;}
.settings-appearance .display-scale-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin:0;padding:0;border:0;color:#30343b;font-size:13px;}
.settings-appearance .display-scale-row select{height:32px;min-width:133px;margin:0;padding:4px 10px;border:1px solid #d9dde2;border-radius:5px;background:#f8f9fa;color:#30343b;font:12px "Segoe UI","Microsoft YaHei UI",sans-serif;}
.settings-popover-content section.settings-data{padding:16px 12px 10px;}.settings-data .settings-save-status{padding:0 8px 11px;color:#737a83;}
.settings-button{min-height:34px;padding:6px 15px;border:1px solid #d9dde2;border-radius:5px;background:#fff;color:#30343b;font:13px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif;cursor:pointer;}
.settings-button:hover{background:#f1f3f4;}.settings-restart{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 8px;border:0;text-align:left;}.settings-restart svg{width:17px;height:17px;color:#727881;}
.settings-about{margin:0;padding:0 20px 15px;color:#858b93;font-size:11px;}.settings-about summary{width:max-content;cursor:pointer;}.settings-about[open] summary{margin-bottom:9px;}.settings-about p{font-size:11px;line-height:1.8;}
.settings-reset{padding:20px;}.settings-reset p{margin:0;color:#606771;font-size:13px;line-height:1.9;}.settings-reset-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;}.settings-primary{background:#1a73e8;border-color:#1a73e8;color:#fff;}.settings-primary:hover{background:#1765cc;color:#fff;}
.browser-settings button:focus-visible,.settings-about summary:focus-visible{outline:2px solid #1a73e8;outline-offset:2px;}
@media(max-width:440px){#menu-dialog.browser-settings{inset:54px 10px auto auto;max-width:calc(100vw - 20px);max-height:calc(100svh - 68px);}}
@media(prefers-reduced-motion:reduce){.windows-volume-flyout{transition:none;translate:none;}.windows-volume-range::-webkit-slider-thumb{transition:none;}}
@media print{.windows-volume-flyout,#menu-dialog.browser-settings{display:none!important;}}
@starting-style{.windows-volume-flyout[data-visible=true]{opacity:0;translate:0 7px;}}
