/* 右侧刻度栏保持窄幅，悬停或键盘聚焦时展开网站名称。 */
#tao-rank{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:120;font:13px/1.4 system-ui,"Microsoft YaHei",sans-serif;color:#f6f4fb;width:38px;max-height:calc(100dvh - 220px);border-radius:18px;transition:width .2s,background .2s,box-shadow .2s;box-sizing:border-box;padding:10px 0;isolation:isolate}
#tao-rank[hidden]{display:none!important}
#tao-rank *{box-sizing:border-box}
#tao-rank:hover,#tao-rank:focus-within,#tao-rank.is-open{width:244px;background:rgba(25,22,38,.96);box-shadow:0 12px 40px #0005;backdrop-filter:blur(16px);outline:1px solid #ffffff1a}
#tao-rank button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
#tao-rank button:focus-visible{outline:2px solid #bfa7ff;outline-offset:-2px;border-radius:8px}
#tao-rank .tr-head{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding:0 10px;gap:8px;overflow:hidden;white-space:nowrap}
#tao-rank .tr-head-label{display:none;font-size:14px;font-weight:600}
#tao-rank .tr-head-symbol{margin-left:auto;font-size:18px;opacity:.75}
#tao-rank .tr-list{max-height:calc(100dvh - 310px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;margin:3px 0}
#tao-rank .tr-row{display:flex;align-items:center;width:100%;height:28px;position:relative;padding:0 10px;gap:10px;text-align:left;white-space:nowrap}
#tao-rank .tr-row:hover{background:#ffffff12}
#tao-rank .tr-tick{display:block;flex-shrink:0;width:var(--tick);height:3px;border-radius:4px;background:#fff;opacity:var(--strength);margin-left:auto;transition:width .18s,opacity .18s}
#tao-rank .tr-row:first-child .tr-tick{background:#d5c3ff}
#tao-rank .tr-info{display:none;min-width:0;flex:1;align-items:center;gap:9px}
#tao-rank .tr-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;border-radius:5px}
#tao-rank .tr-initial{width:22px;text-align:center;flex-shrink:0;font-size:11px;color:#d7c9f3}
#tao-rank .tr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1}
#tao-rank .tr-count{font-size:11px;font-variant-numeric:tabular-nums;color:#c2bbce}
#tao-rank .tr-footer{display:none;color:#a9a1b8;font-size:11px;padding:9px 14px 2px;line-height:1.5}
#tao-rank:is(:hover,:focus-within,.is-open) .tr-head-label,#tao-rank:is(:hover,:focus-within,.is-open) .tr-footer{display:block}
#tao-rank:is(:hover,:focus-within,.is-open) .tr-info{display:flex}
#tao-rank:is(:hover,:focus-within,.is-open) .tr-row{height:37px;padding-left:14px}
#tao-rank:is(:hover,:focus-within,.is-open) .tr-tick{max-width:16px}
#tao-rank:not(:hover):not(:focus-within):not(.is-open) .tr-head{opacity:.55}
@media(max-width:767px){#tao-rank{right:8px;top:auto;bottom:96px;transform:none;max-height:65dvh;background:#211c32e8;width:38px;padding:2px 0}#tao-rank .tr-list{max-height:46dvh}#tao-rank:not(.is-open) .tr-list,#tao-rank:not(.is-open) .tr-footer{display:none}#tao-rank:not(.is-open){width:38px}#tao-rank:not(.is-open) .tr-head-label{display:none}#tao-rank.is-open{width:min(244px,calc(100vw - 24px));padding:8px 0}}
@media(prefers-reduced-motion:reduce){#tao-rank,#tao-rank .tr-tick{transition:none}}