:root{--qnav-panel:#fff;--qnav-line:#d9e2ee;--qnav-fg:#53637b;--qnav-blue:#2563eb;--qnav-soft:#edf3ff}
html[data-theme=dark]{--qnav-panel:#141d2f;--qnav-line:#2d4164;--qnav-fg:#a8b6cc;--qnav-blue:#70a5ff;--qnav-soft:#1b2a45}
.q-global-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:840;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--qnav-line);border-radius:16px;background:var(--qnav-panel);box-shadow:0 10px 34px rgba(20,40,90,.16)}
.q-global-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:76px;padding:14px 12px;color:var(--qnav-fg);text-decoration:none;font:600 12px/1.2 system-ui,"Microsoft YaHei",sans-serif;transition:.15s}
.q-global-nav a+a{border-top:1px solid var(--qnav-line)}.q-global-nav a:hover{color:var(--qnav-blue);background:var(--qnav-soft)}
.q-global-nav .q-sfi{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--qnav-blue) 13%,var(--qnav-soft));transition:.15s}
.q-global-nav a:hover .q-sfi{background:var(--qnav-blue);color:#fff}.q-global-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.q-back-top{display:none}
@media(max-width:900px){.q-global-nav{display:none}}
@media(max-width:640px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.q-global-nav{display:grid;grid-template-columns:repeat(3,1fr);left:8px;right:8px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));transform:none;padding:5px;border-radius:17px;background:color-mix(in srgb,var(--qnav-panel) 92%,transparent);backdrop-filter:blur(14px)}.q-global-nav a{width:auto;min-width:0;min-height:54px;padding:9px 7px;flex-direction:row;justify-content:center;gap:8px;border-radius:12px}.q-global-nav a+a{border-top:0}.q-global-nav .q-tools{order:1}.q-global-nav .q-home{order:2}.q-global-nav .q-support-link{order:3}.q-global-nav .q-sfi{width:32px;height:32px;border-radius:9px}.q-global-nav svg{width:23px;height:23px}.q-back-top{position:fixed;right:14px;bottom:calc(104px + env(safe-area-inset-bottom));z-index:841;display:grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid var(--qnav-line);border-radius:15px;background:color-mix(in srgb,var(--qnav-panel) 94%,transparent);box-shadow:0 8px 26px rgba(20,40,90,.18);color:var(--qnav-blue);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px) scale(.94);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(14px)}.q-back-top.is-visible{opacity:1;pointer-events:auto;transform:none}.q-back-top:focus-visible{outline:3px solid color-mix(in srgb,var(--qnav-blue) 42%,transparent);outline-offset:3px}.q-back-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}}
@media(max-width:640px) and (prefers-reduced-motion:reduce){.q-back-top{transition:none}}
@media(max-width:700px){
  table.q-responsive-table{display:block!important;width:100%!important;min-width:0!important;margin:12px 0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  table.q-responsive-table .q-responsive-thead,table.q-responsive-table .q-responsive-head{display:none!important}
  table.q-responsive-table>tbody{display:grid!important;gap:10px;width:100%}
  table.q-responsive-table tr:not(.q-responsive-head){display:grid!important;grid-template-columns:1fr;width:100%;border:1px solid var(--qnav-line);border-radius:12px;background:var(--qnav-panel);box-shadow:0 6px 20px rgba(20,40,90,.08);overflow:hidden}
  table.q-responsive-table td{display:grid!important;grid-template-columns:minmax(88px,34%) minmax(0,1fr);gap:10px;width:auto!important;min-width:0;padding:10px 12px!important;border:0!important;border-top:1px solid var(--qnav-line)!important;background:transparent!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}
  table.q-responsive-table td:first-child{border-top:0!important;background:var(--qnav-soft)!important;font-weight:800}
  table.q-responsive-table td::before{content:attr(data-label);color:var(--qnav-fg);font-size:11px;font-weight:800;line-height:1.45}
  table.q-responsive-table td[colspan]::before{display:none}
}
@media print{
  .q-global-nav,.q-back-top{display:none!important}
  table.q-responsive-table{display:table!important;width:100%!important}
  table.q-responsive-table .q-responsive-thead{display:table-header-group!important}
  table.q-responsive-table .q-responsive-head{display:table-row!important}
  table.q-responsive-table>tbody{display:table-row-group!important}
  table.q-responsive-table tr:not(.q-responsive-head){display:table-row!important}
  table.q-responsive-table td{display:table-cell!important}
  table.q-responsive-table td::before{display:none!important}
}
