V2EX 非同一般的扩展

美化 V2EX,提升浏览体验!

目前为 2023-04-16 提交的版本。查看 最新版本

// ==UserScript==
// @name         V2EX 非同一般的扩展
// @namespace    LeoKu(https://leoku.top)
// @version      0.6.0
// @description  美化 V2EX,提升浏览体验!
// @author       LeoKu
// @match        https://www.v2ex.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=v2ex.com
// @grant        none
// @license      MIT
// ==/UserScript==


"use strict";var Z=60*60*1e3;var f={openInNewTab:!1,autoCheckIn:{enabled:!0},nestedReply:{display:"align"}};function _(o){return typeof o=="object"&&o!==null}function z(o,e){let t={};for(let r in o)_(o[r])&&_(e[r])?t[r]=z(o[r],e[r]):Reflect.has(e,r)?t[r]=e[r]:t[r]=o[r];for(let r in e)Reflect.has(o,r)||(t[r]=e[r]);return t}function y(){return new Promise(o=>{if(typeof chrome>"u")return o(void 0);chrome.storage.sync.get("api",e=>{o(e["api"]?.pat)})})}function w(){return new Promise(o=>{if(typeof chrome>"u")return o(f);chrome.storage.sync.get("options",e=>{let t=e["options"];o(t?z(f,t):f)})})}var T=`
<svg version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
  viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
  <circle fill="currentcolor" stroke="none" cx="6" cy="50" r="6">
    <animate
      attributeName="opacity"
      dur="1s"
      values="0;1;0"
      repeatCount="indefinite"
      begin="0.1"/>    
  </circle>
  <circle fill="currentcolor" stroke="none" cx="26" cy="50" r="6">
    <animate
      attributeName="opacity"
      dur="1s"
      values="0;1;0"
      repeatCount="indefinite" 
      begin="0.2"/>       
  </circle>
  <circle fill="currentcolor" stroke="none" cx="46" cy="50" r="6">
    <animate
      attributeName="opacity"
      dur="1s"
      values="0;1;0"
      repeatCount="indefinite" 
      begin="0.3"/>     
  </circle>
</svg>
`;var C=`
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88"><g style="mix-blend-mode:passthrough"><path d="M87.92 86.098v-.052a.592.592 0 0 0 0-.07L44.978.72l-.059-.105c-.16-.3-.415-.511-.705-.586a.961.961 0 0 0-.841.19 1.315 1.315 0 0 0-.336.378l-.058.115a2571.004 2571.004 0 0 1-8.695 17.172c-.59 1.024-.59 2.382 0 3.406 3.856 7.57 7.7 15.142 11.532 22.718.641 1.108.641 2.58 0 3.688C39.5 60.23 32.826 73.406 26.45 85.993c-.291.661-.086 1.482.46 1.84.16.104.341.158.525.158h18.52c.415.003.797-.272.992-.713l.635-1.285 8.585-17.023c.142-.317.383-.552.67-.653a.949.949 0 0 1 .855.116c.156.1.289.245.386.423l8.506 16.723.787 1.558c.199.433.575.702.985.704h.518c.087.009.175.009.263 0h17.74c.617 0 1.119-.601 1.123-1.347a1.615 1.615 0 0 0-.08-.396Z" fill="currentColor" style="mix-blend-mode:passthrough"/><path d="m38.551 48.541.62-1.232a3.095 3.095 0 0 0 0-3.02l-3.807-7.446-4.377-8.511c-.155-.308-.406-.527-.697-.61a.957.957 0 0 0-.85.17 1.252 1.252 0 0 0-.4.502L.132 86.002c-.29.658-.085 1.477.46 1.83.161.113.345.17.532.168h16.981c.41 0 .788-.27.985-.705l.65-1.302c.029-.048.055-.098.08-.15l.729-1.408c6.047-12.103 11.839-23.66 17.9-35.7.038-.062.072-.127.102-.194Z" fill="currentColor" style="mix-blend-mode:passthrough"/></g></svg>
`;var A=window.location.origin.includes("v2ex.com")?window.location.origin:"https://www.v2ex.com",no=`${A}/api`,R=`${A}/api/v2`;async function L(o,e){let t=await y(),r=await fetch(o,{...e,headers:{Authorization:t?`Bearer ${t}`:"",...e?.headers}}),n=r.headers.get("X-Rate-Limit-Limit"),a=r.headers.get("X-Rate-Limit-Reset"),l=r.headers.get("X-Rate-Limit-Remaining");chrome.storage.sync.get("api",d=>{let s={pat:d["api"]?.pat,limit:n?Number(n):void 0,reset:a?Number(a):void 0,remaining:l?Number(l):void 0};chrome.storage.sync.set({["api"]:s})});let i=await r.json();if(typeof i.success=="boolean"&&!i.success)throw new Error(i.message,{cause:i});return i}function I(o,e){return L(`${R}/topics/${o}`,{method:"GET",...e})}function E(o,e){return L(`${R}/topics/${o}/replies`,{method:"GET",...e})}function k(o){let{children:e,className:t="",type:r="button",tag:n="button"}=o,a=$(`<${n} class="normal button ${t}">${e}</${n}>`);return n==="button"&&a.prop("type",r),a}function P(o){let{root:e,title:t,onOpen:r,onClose:n,onMount:a}=o,l=$('<div class="v2p-model-mask">'),i=$('<div class="v2p-model-content">'),d=k({children:"\u5173\u95ED<kbd>Esc</kbd>",className:"v2p-model-close-btn"}),s=$(`<div class="v2p-model-title">${t??""}</div>`),u=$('<div class="v2p-model-actions">').append(d),h=$('<div class="v2p-model-header">').append(s,u),x=$('<div class="v2p-model-main">').append(h,i),c=l.append(x).hide(),p={$mask:l,$main:x,$container:c,$title:s,$actions:u,$content:i},v=!1,b=M=>{$(M.target).closest(x).length===0&&m()},g=M=>{M.key==="Escape"&&m()},m=()=>{$(document).off("click",b),$(document).off("keydown",g),v=!1,c.fadeOut("fast"),document.body.classList.remove("v2p-modal-open"),n?.(p)},O=()=>{setTimeout(()=>{v||($(document).on("click",b),$(document).on("keydown",g),v=!0)}),c.fadeIn("fast"),document.body.classList.add("v2p-modal-open"),r?.(p)};return d.on("click",m),a?.(p),e&&e.append(c),{...p,open:O,close:m}}var po=$('#Top .tools > a[href^="/member"]').text(),so=$('#Main > .box > .header > small > a[href^="/member"]').text(),D=$("#Main #Tabs ~ .cell.item, #Main #TopicsNode > .cell, #Main .cell.item:has(.item_title > .topic-link)"),vo=$("#Main .box:has(.topic_content)"),U=$('#Main .box:has(.cell[id^="r_"])'),B=U.find('.cell[id^="r_"]'),X=B.find("> table > tbody > tr"),bo=$("#reply-box"),go=$("#Wrapper").hasClass("Night")?"dark":"light",V=document.querySelector("#reply_content"),mo=X.map((o,e)=>{let t=B[o].id,r=$(e),n=r.find("> td:nth-child(3)"),a=r.find("> td:last-of-type > .fr").find("> .thank_area").hasClass("thanked"),l=n.find("> strong > a"),i=l.text(),d=l.prop("href"),s=r.find(".avatar").prop("src"),u=n.find("> .reply_content").text(),h=Number(n.find("span.small").text()),x=n.find("span.no").text(),c=Array.from(u.matchAll(/@([a-zA-Z0-9]+)/g)),p=c.length>0?c.map(([,g])=>g):void 0,v=Array.from(u.matchAll(/#(\d+)/g)),b=v.length>0?v.map(([,g])=>g):void 0;return{id:t,memberName:i,memberLink:d,memberAvatar:s,content:u,likes:h,floor:x,index:o,refMemberNames:p,refFloors:b,thanked:a}}).get();function N(o){if("cause"in o){let e=o.cause;if("success"in e&&"message"in e)return typeof e.success=="boolean"&&!e.success&&typeof e.message=="string"}return!1}function S(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,'"').replace(/'/g,"'")}async function j(){let o=await y(),e=null,t=k({children:"\u8FDB\u5165\u4E3B\u9898",className:"special",tag:"a"});(await w()).openInNewTab&&t.prop("target","_blank");let n=P({root:$("body"),onMount:({$actions:a})=>{a.prepend(t)},onClose:({$title:a,$content:l})=>{a.empty(),l.empty(),e?.abort()}});D.each((a,l)=>{let i=$(l),d=i.find(".item_title");$('<button class="v2p-topic-preview-btn">\u9884\u89C8</button>').on("click",()=>{let s=i.find(".topic-link").attr("href"),h=s?.match(/\/(\d+)#/)?.at(1);if(h){n.open(),t.prop("href",s);let x=d.find(".topic-link").text();n.$title.empty().text(x).prop("title",x),o?(async()=>{try{e=new AbortController,n.$content.empty().append(`
                <div class="v2p-model-loading">
                  <div class="v2p-icon-loading">${T}</div>
                </div>
                `);let c=[I(h,{signal:e.signal}),E(h)],[{result:p},{result:v}]=await Promise.all(c),b=$('<div class="v2p-topic-preview">');if(p.content_rendered?b.append(`<div>${p.content_rendered}</div>`):b.append(`
                  <div class="v2p-empty-content">
                    <div class="v2p-text-emoji">\xAF\\_(\u30C4)_/\xAF</div>
                    <p>\u8BE5\u4E3B\u9898\u6CA1\u6709\u6B63\u6587\u5185\u5BB9</p>
                  </div>
                  `),v.length>0){let g=$("<div>");v.forEach(m=>{g.append(`
                    <div class="v2p-topic-reply">
                      <div class="v2p-topic-reply-member">
                        <a href="${m.member.url}">
                          <img class="v2p-topic-reply-avatar" src="${m.member.avatar}">
                          <span>${m.member.username}</span>
                        </a>\uFF1A
                      </div>
                      <div class="v2p-topic-reply-content">${S(m.content)}</div>
                    </div>
                    `)}),$('<div class="v2p-topic-reply-box">').append(g.html()).append('<div class="v2p-more-reply-tip">\u5728\u4E3B\u9898\u5185\u67E5\u770B\u5B8C\u6574\u8BC4\u8BBA...</div>').appendTo(b)}n.$content.empty().append(b)}catch(c){if(N(c)){let p=c.cause.message;(p==="Token expired"||p==="Invalid token")&&n.$content.empty().append(`<div>${c.cause.message}</div>`)}}})():n.$content.empty().append(`
            <div class="v2p-no-pat">
              <div class="v2p-no-pat-title">\u60A8\u9700\u8981\u5148\u8BBE\u7F6E PAT \u624D\u80FD\u83B7\u53D6\u9884\u89C8\u5185\u5BB9\u3002</div>
              <div class="v2p-no-pat-desc">\u8BF7\u524D\u5F80 <span class="v2p-no-pat-block"><span class="v2p-icon-logo">${C}</span> <span style="margin: 0 5px;">></span> \u8BBE\u7F6E</span> \u8FDB\u884C\u8BBE\u7F6E\u3002</div>
            </div>
            `)}}).appendTo(d)})}(async()=>($("#Main .tab").addClass("v2p-hover-btn"),(await w()).openInNewTab&&$('#Main .topic-link, .item_hot_topic_title > a, .item_node, a[href="/write"]').prop("target","_blank"),await j()))();var F=`:root{--zidx-serach: 100;--zidx-tabs: 10;--zidx-reply-box: 99;--zidx-tools-box: 10;--zidx-model-header: 10;--zidx-model-mask: 999;--zidx-toast: 999;--zidx-tip: 10;--zidx-popup: 99;--zidx-expand-mask: 10;--zidx-expand-btn: 20}:root body{--v2p-color-main-50: #f1f5f999;--v2p-color-main-100: #f1f5f9;--v2p-color-main-200: #e2e8f0;--v2p-color-main-300: #cbd5e1;--v2p-color-main-350: #94a3b8cc;--v2p-color-main-400: #94a3b8;--v2p-color-main-500: #64748b;--v2p-color-main-600: #475569;--v2p-color-main-700: #334155;--v2p-color-main-800: #1e293b;--v2p-color-accent-50: #ecfdf5;--v2p-color-accent-100: #d1fae5;--v2p-color-accent-200: #a7f3d0;--v2p-color-accent-300: #6ee7b7;--v2p-color-accent-400: #34d399;--v2p-color-accent-500: #10b981;--v2p-color-accent-600: #059669;--v2p-color-orange-50: #fff7ed;--v2p-color-orange-100: #ffedd5;--v2p-color-orange-400: #fb923c;--v2p-color-background: #f2f3f5;--v2p-color-foreground: var(--v2p-color-main-800);--v2p-color-font-secondary: var(--v2p-color-main-400);--v2p-color-bg-content: #fff;--v2p-color-bg-footer: var(--v2p-color-bg-content);--v2p-color-bg-hover-btn: var(--v2p-color-main-200);--v2p-color-bg-subtle: rgb(236 253 245 / 90%);--v2p-color-bg-input: var(--v2p-color-main-50);--v2p-color-bg-search: var(--v2p-color-main-100);--v2p-color-bg-search-active: var(--v2p-color-main-200);--v2p-color-bg-nested-reply: var(--v2p-color-main-50);--v2p-color-bg-widget: rgb(255 255 255 / 70%);--v2p-color-heart: #ef4444;--v2p-color-heart-fill: #fee2e2;--v2p-color-mask: rgb(0 0 0 / 25%);--v2p-color-divider: var(--v2p-color-main-200);--v2p-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 4%);--v2p-widget-shadow: 0 9px 24px -3px rgb(0 0 0 / 6%), 0 4px 8px -1px rgb(0 0 0 /12%);--v2p-toast-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);--color-fade: var(--v2p-color-font-secondary);--color-gray: var(--v2p-color-font-secondary);--link-color: var(--v2p-color-main-800);--link-darker-color: var(--v2p-color-main-600);--link-hover-color: var(--v2p-color-main-800);--link-caution-color: var(--v2p-color-orange-400);--box-border-color: var(--v2p-color-main-200);--box-foreground-color: var(--v2p-color-main-800);--box-background-color: var(--v2p-color-bg-content);--box-background-alt-color: var(--v2p-color-main-100);--box-background-hover-color: var(--v2p-color-main-200);--button-background-color: var(--v2p-color-main-100);--button-background-hover-color: var(--v2p-color-main-200);--button-hover-color: var(--button-background-hover-color);--button-foreground-color: var(--v2p-color-main-500);--button-foreground-hover-color: var(--v2p-color-main-600);--button-border-color: var(--v2p-color-main-300);--button-border-hover-color: var(--v2p-color-main-400);color:var(--v2p-color-foreground);font-family:system-ui,sans-serif;background-color:var(--v2p-color-background)}:root body ::selection{color:currentColor;background-color:var(--v2p-color-main-200)}:root body img::selection{background-color:var(--v2p-color-main-400)}:root body:has(#Wrapper.Night){--v2p-color-main-50: #11182799;--v2p-color-main-100: #111827;--v2p-color-main-200: #374151;--v2p-color-main-300: #374151;--v2p-color-main-350: #6b7280cc;--v2p-color-main-400: #6b7280;--v2p-color-main-500: #9ca3af;--v2p-color-main-600: #9ca3af;--v2p-color-main-700: #d1d5db;--v2p-color-main-800: #e5e7eb;--v2p-color-main-900: #111827;--v2p-color-main-950: #030712;--v2p-color-accent-50: #064e3b;--v2p-color-accent-100: #065f46;--v2p-color-accent-200: #047857;--v2p-color-accent-300: #059669;--v2p-color-accent-400: #10b981;--v2p-color-accent-500: #34d399;--v2p-color-accent-600: #6ee7b7;--v2p-color-orange-50: #7c2d12;--v2p-color-orange-100: #9a3412;--v2p-color-orange-400: #fb923c;--v2p-color-background: var(--v2p-color-main-100);--v2p-color-foreground: var(--v2p-color-main-800);--v2p-color-font-secondary: var(--v2p-color-main-600);--v2p-color-bg-content: #1f2937;--v2p-color-bg-subtle: rgb(6 78 59 / 30%);--v2p-color-bg-search: var(--v2p-color-main-200);--v2p-color-bg-search-active: var(--v2p-color-main-200);--v2p-color-bg-widget: var(--v2p-color-bg-content);--v2p-color-heart: #b91c1c;--v2p-color-heart-fill: #fca5a5;--v2p-color-mask: rgb(0 0 0 / 70%);--v2p-toast-shadow: none;--link-color: var(--v2p-color-main-700);--link-hover-color: var(--v2p-color-main-800);--box-border-color: var(--v2p-color-main-350);--box-foreground-color: var(--v2p-color-main-800);--box-background-color: var(--v2p-color-bg-content);--box-background-alt-color: var(--v2p-color-main-100);--box-background-hover-color: var(--v2p-color-main-300);--button-background-color: var(--v2p-color-main-900);--button-background-hover-color: var(--v2p-color-main-950);--button-hover-color: var(--button-background-hover-color);--button-foreground-color: var(--v2p-color-main-500);--button-foreground-hover-color: var(--v2p-color-main-600);--button-border-color: var(--v2p-color-main-300);--button-border-hover-color: var(--v2p-color-main-400)}:root body:has(#Wrapper.Night) ::selection{color:currentColor;background-color:var(--v2p-color-orange-50)}:root body:has(#Wrapper.Night) img::selection{background-color:var(--v2p-color-orange-50)}
:root{color-scheme:light}:root:has(#Wrapper.Night){color-scheme:dark}:root html,:root body{min-height:100vh}body{overflow:overlay;scrollbar-gutter:stable}body a:hover{text-underline-offset:.4ex}body #Top{height:55px;background-color:var(--v2p-color-bg-content);border:none}body #Bottom{color:var(--v2p-color-font-secondary);background-color:var(--v2p-color-bg-footer);border:none}body #Wrapper{background-color:inherit;background-image:none}body #Wrapper.Night{background-color:inherit;background-image:none}body #Wrapper .content{display:flex;gap:25px}body #Leftbar{order:1;float:none}body #Main{flex:1;order:2;max-width:85vw;margin:0}body #Rightbar{order:3;float:none}body #search-container{height:30px;margin:0 30px;background-color:var(--v2p-color-bg-search);border:none;border-radius:6px}body #search-container::before{top:0;left:4px;background-size:14px 14px;opacity:.6;filter:none}body #search-container.active{background-color:var(--v2p-color-bg-search-active)}body #search-container #search-result{top:42px;z-index:var(--zidx-serach);box-shadow:0 0 15px 5px var(--box-background-hover-color)}body #search-container #search-result .search-item{color:var(--color-gray)}body .box{background-color:var(--v2p-color-bg-content);border:none;border-radius:10px;box-shadow:var(--v2p-box-shadow)}body .box .header>h1{font-weight:bold;font-size:22px;text-shadow:2px 2px var(--v2p-color-bg-content)}body .box .header .gray{color:var(--color-gray)}body .button{--button-hover-shadow: 0 1.8px 0 var(--button-border-color), 0 1.8px 0 var(--button-background-color)}body .button.normal,body .button.super{position:relative;display:inline-flex;gap:5px;align-items:center;height:28px;padding:0 12px;color:var(--button-foreground-color);font-weight:500;font-size:14px;font-family:inherit;line-height:28px;white-space:nowrap;text-shadow:none;background:var(--button-background-color);border:none;border-radius:6px;outline:none;box-shadow:0 1.8px 0 var(--box-background-hover-color),0 1.8px 0 var(--button-background-color);cursor:pointer;transition:color .25s,background-color .25s,box-shadow .25s;user-select:none}body .button.normal:hover:enabled,body .button.super:hover:enabled{color:var(--button-foreground-color);font-weight:500;text-shadow:none;background:var(--button-hover-color);border:none;box-shadow:var(--button-hover-shadow)}body .button.normal.hover_now,body .button.normal.disable_now,body .button.super.hover_now,body .button.super.disable_now{color:var(--button-foreground-color) !important;text-shadow:none !important;background:var(--button-background-color) !important;border:none !important;box-shadow:0 1.8px 0 var(--box-background-hover-color) !important,0 1.8px 0 var(--button-background-color) !important}body .button.normal.disable_now,body .button.super.disable_now{cursor:default;opacity:.5;pointer-events:none}body .button.normal kbd,body .button.super kbd{position:relative;right:-4px;padding:0 3px;font-size:90%;font-family:inherit;line-height:initial;border:1px solid var(--button-border-color);border-radius:4px}body .button.special{--button-hover-shadow: 0 1.8px 0 var(--v2p-color-accent-200), 0 1.8px 0 var(--v2p-color-accent-100);color:var(--v2p-color-accent-500);background:var(--v2p-color-accent-100);box-shadow:var(--button-hover-shadow)}body .button.special:hover,body .button.special:hover:enabled{color:var(--v2p-color-accent-600);background:var(--v2p-color-accent-100);border:none;box-shadow:var(--button-hover-shadow)}body .button a{color:inherit;text-decoration:none}body a.node:active,body a.node:link,body a.node:visited{padding:5px 6px;color:var(--v2p-color-font-secondary);font-size:13px;background-color:var(--v2p-color-main-100);border-radius:4px}body a.node:active:hover,body a.node:link:hover,body a.node:visited:hover{color:var(--v2p-color-main-500);background-color:var(--v2p-color-main-200)}body .outdated{font-size:12px;border-color:var(--v2p-color-main-200);border-bottom:none}body .page_normal:link,body .page_normal:visited,body .page_current:link,body .page_current:visited{padding:5px 7px;font-size:14px;border:none}body .page_normal:link,body .page_normal:visited{font-weight:500;background-color:var(--v2p-color-bg-content);box-shadow:0 2px 2px var(--box-background-hover-color);transition:transform .25s}body .page_normal:link:hover,body .page_normal:visited:hover{background-color:var(--v2p-color-main-50);transform:scale(1.1) translateY(-2px)}body .page_current:link,body .page_current:visited{font-weight:bold;background-color:var(--box-background-hover-color);box-shadow:none}body .page_input{display:none}body .dock_area{background:var(--v2p-color-main-200)}body .member-activity-bar{background-color:var(--v2p-color-main-200)}body .member-activity-bar .member-activity-start{background-color:var(--v2p-color-accent-200)}body .member-activity-bar .member-activity-fourth{background-color:var(--v2p-color-accent-400)}body .member-activity-bar .member-activity-half{background-color:var(--v2p-color-accent-500)}body .member-activity-bar .member-activity-almost{background-color:var(--v2p-color-accent-600)}body .member-activity-bar .member-activity-done{background-color:var(--v2p-color-orange-400)}body .online{user-select:none}body #topic_supplement{height:unset;min-height:550px !important;max-height:800px !important;overflow:hidden;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none;overflow-y:auto}body #topic_supplement::placeholder{color:var(--v2p-color-main-500);font-size:15px}body #topic_supplement:hover:not(:focus){opacity:.8}body #topic_supplement:focus{background-color:rgba(0,0,0,0);border:2px solid var(--button-border-color);outline:none}body .item_hot_topic_title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}body form textarea#topic_title{height:unset;min-height:75px !important;max-height:800px !important;overflow:hidden;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}body form textarea#topic_title::placeholder{color:var(--v2p-color-main-500);font-size:15px}body form textarea#topic_title:hover:not(:focus){opacity:.8}body form textarea#topic_title:focus{background-color:rgba(0,0,0,0);border:2px solid var(--button-border-color);outline:none}body form #topic_title{height:unset;min-height:30px !important;max-height:800px !important;overflow:hidden;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}body form #topic_title::placeholder{color:var(--v2p-color-main-500);font-size:15px}body form #topic_title:hover:not(:focus){opacity:.8}body form #topic_title:focus{background-color:rgba(0,0,0,0);border:2px solid var(--button-border-color);outline:none}body form #topic_content{height:unset;min-height:120px !important;max-height:800px !important;overflow:hidden;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}body form #topic_content::placeholder{color:var(--v2p-color-main-500);font-size:15px}body form #topic_content:hover:not(:focus){opacity:.8}body form #topic_content:focus{background-color:rgba(0,0,0,0);border:2px solid var(--button-border-color);outline:none}body #syntax-selector .radio-group{padding:3px;background-color:var(--v2p-color-background)}body #syntax-selector .radio-group>input[type=radio]+label{font-size:13px;cursor:pointer}body .snow{color:var(--v2p-color-main-400)}body .orange-dot{background:var(--v2p-color-orange-400)}body form[action="/notes/new"] .inner.alt{background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color)}body form[action="/notes/new"] .cell{background-color:rgba(0,0,0,0) !important}body a.btn_hero{border-color:var(--v2p-color-main-800)}body a.btn_hero:hover{background-color:var(--v2p-color-main-800)}body .cell_ops{background-color:rgba(0,0,0,0)}.box .tag:link,.box .tag:visited{color:var(--v2p-color-font-secondary);font-size:12px;background-color:var(--v2p-color-main-100);border-radius:5px}.box .tag::before{color:var(--v2p-color-main-500)}.box .tag>li{opacity:.6}#Top .content{height:100%}#Top .site-nav{height:100%;padding:0}#Top .tools{display:flex;gap:8px 14px;align-items:center;justify-content:flex-end;font-weight:400;font-size:14px}#Top .tools .top{height:26px;margin-left:0;padding:0 6px;color:var(--v2p-color-main-500);line-height:26px;border-radius:4px}#Top .tools .top:hover{color:var(--v2p-color-main-800)}#Top .tools .top:not(.v2p-hover-btn):hover{background-color:var(--v2p-color-main-100)}#Main>.box{padding:0 12px}#Main>.box .cell{padding:20px 10px;background-image:none !important}#Main .topic_buttons{display:flex;flex-wrap:wrap;align-items:center;padding:8px 0;column-gap:5px;background:none}#Main .topic_buttons .topic_stats{flex:1;order:99;float:none;margin-left:10px;padding:0 !important;font-size:12px;text-shadow:none}#Main .topic_buttons .topic_thanked{font-size:12px}#Main .topic_buttons a.tb:link{display:flex;flex-direction:row-reverse;align-items:center;padding:5px;white-space:nowrap;text-shadow:none;column-gap:5px;background:none;border-radius:4px}#Main .topic_buttons a.tb:link:not(.v2p-hover-btn){color:var(--v2p-color-font-secondary)}#Main .topic_buttons a.tb:link:hover:not(.v2p-hover-btn){color:currentcolor;background:var(--v2p-color-main-100)}#Main .topic_content{font-size:15.5px}#Main .subtle{background-color:var(--v2p-color-bg-subtle);border-left:3px solid var(--v2p-color-accent-200)}#Main .subtle .topic_content{font-size:15px}#Main .vote:link{color:var(--v2p-color-main-500);border-color:var(--v2p-color-main-300);border-radius:5px}#Main .vote:link:hover{box-shadow:0 2px 2px var(--v2p-color-main-200)}#Main .cell_tab_current{border-color:var(--v2p-color-main-800)}#Main .cell .topic-link{color:var(--v2p-color-main-800);text-decoration:none}#Main .cell .topic-link:visited{color:var(--v2p-color-font-secondary)}#Main .cell .topic_info{position:relative;display:flex;align-items:center;user-select:none}#Main .cell .topic_info::after{position:absolute;top:0;right:0;bottom:-6px;left:0;z-index:1;background-color:var(--v2p-color-bg-content);content:""}#Main .cell .topic_info .votes,#Main .cell .topic_info .node,#Main .cell .topic_info strong:first-of-type,#Main .cell .topic_info span:first-of-type{position:relative;z-index:2}#Main .cell .topic_info a[href^="/member"]{color:var(--v2p-color-main-500);font-weight:500}#Main .cell .count_livid{display:inline-block;padding:5px 10px;font-weight:400;font-size:12px;white-space:nowrap;border-radius:5px;color:var(--v2p-color-main-500);background-color:var(--v2p-color-main-200)}#Main .cell .count_orange{display:inline-block;padding:5px 10px;font-weight:400;font-size:12px;white-space:nowrap;border-radius:5px;color:var(--v2p-color-main-100);font-weight:bold;background-color:var(--v2p-color-orange-400)}#Main .cell .item_title .topic-link{font-weight:bold;opacity:.8}#Main .cell .item_title .topic-link:hover{opacity:1}#Main .cell.item tr>td:nth-child(2){width:30px}#Main .cell[id^=r]:hover>table td:last-of-type .fr a{opacity:1}#Main .cell[id^=r]:hover>table~.cell[id^=r]{background-color:var(--v2p-color-main-100);border-color:var(--v2p-color-main-300)}#Main .cell[id^=r]:hover>table~.cell[id^=r] .cell.v2p-indent{border-color:var(--v2p-color-main-350)}#Main .cell[id^=r]>table:first-of-type td:first-of-type{width:40px}#Main .cell[id^=r]>table:first-of-type td:first-of-type .avatar{width:40px !important;border-radius:5px;aspect-ratio:1}#Main .cell[id^=r]>table~.cell[id^=r]{padding:20px 0 0 15px;background-color:var(--v2p-color-bg-nested-reply);border:none;border-left:3px solid var(--v2p-color-main-200)}#Main .cell[id^=r]>table~.cell[id^=r]:last-of-type{padding-bottom:10px}#Main .cell[id^=r]>table~.cell[id^=r] .cell{padding-left:0;background-color:rgba(0,0,0,0);border:none}#Main .cell[id^=r]>table~.cell[id^=r] .cell.v2p-indent{padding-left:15px;border-left:1px solid var(--v2p-color-main-300)}#Main .cell[id^=r]>table~.cell[id^=r] tr td:first-of-type{width:25px}#Main .cell[id^=r]>table~.cell[id^=r] tr td:first-of-type .avatar{width:25px !important;border-radius:4px}#Main .cell[id^=r]>table~.cell[id^=r] tr td:nth-child(3) strong a{font-size:13px;opacity:.75}#Main .cell[id^=r]>table~.cell[id^=r] .reply_content{font-size:15px}#Main .cell[id^=r]>table td:nth-of-type(2){width:15px}#Main .cell[id^=r]>table td:last-of-type a.dark{color:var(--v2p-color-main-600);text-decoration:none}#Main .cell[id^=r]>table td:last-of-type .fr{position:relative;top:-3px;user-select:none}#Main .cell[id^=r]>table td:last-of-type .fr a{opacity:0}#Main .cell[id^=r]>table td:last-of-type .fr+.sep3{height:0}#Main .cell[id^=r]:last-of-type{border:none}#Main .cell[id^=r] .no{position:relative;top:-4px;padding:5px 10px;color:var(--v2p-color-main-350);font-size:12px;background-color:rgba(0,0,0,0);border-radius:5px;user-select:none}#Main .cell[id^=r] .badge{padding:2px 5px;font-weight:bold;border:1px solid var(--v2p-color-accent-400);user-select:none}#Main .cell[id^=r] .badge:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}#Main .cell[id^=r] .badge:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}#Main .cell[id^=r] .badge.op{color:var(--v2p-color-accent-500);background-color:var(--v2p-color-accent-50)}#Main .cell[id^=r] .badge.mod{color:var(--v2p-color-bg-content);background-color:var(--v2p-color-accent-400)}#Main .cell[id^=r] .badge.you{color:var(--v2p-color-orange-400);background-color:var(--v2p-color-orange-50);border:1px solid var(--v2p-color-orange-400)}#Main #Tabs{position:sticky;top:0;z-index:var(--zidx-tabs);display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;background-color:var(--v2p-color-bg-content);user-select:none}#Main #Tabs .tab{margin:0}#Main #SecondaryTabs{padding:10px;background-color:var(--v2p-color-main-100);border-radius:5px}#Main .topic_content,#Main .reply_content{font-size:15.5px}#Main .topic_content a[href^=http],#Main .reply_content a[href^=http]{color:currentColor;text-decoration:underline;text-decoration-thickness:2px;background-color:var(--v2p-color-main-100);text-underline-offset:.4ex}#Main .topic_content a[href^=http]:hover,#Main .reply_content a[href^=http]:hover{background-color:var(--v2p-color-main-200)}#Main .topic_content a[href*="v2ex.com/t"],#Main .topic_content a[href^="/t"],#Main .reply_content a[href*="v2ex.com/t"],#Main .reply_content a[href^="/t"]{color:var(--v2p-color-accent-500);text-decoration:underline;background-color:var(--v2p-color-accent-50);text-underline-offset:.4ex}#Main .topic_content a[href*="v2ex.com/t"]:hover,#Main .topic_content a[href^="/t"]:hover,#Main .reply_content a[href*="v2ex.com/t"]:hover,#Main .reply_content a[href^="/t"]:hover{color:var(--v2p-color-accent-500);background-color:var(--v2p-color-accent-50)}#Main .topic_content a[href^="/member"],#Main .reply_content a[href^="/member"]{position:relative;bottom:1px;color:var(--v2p-color-main-500);font-size:13px;text-decoration:underline;text-underline-offset:.4ex}#Main .thank_area{font-size:12px}#Main .tab{background-color:rgba(0,0,0,0);user-select:none}#Main .tab:not(.v2p-hover-btn):hover{background-color:var(--v2p-color-main-100)}#Main .tab_current{color:var(--box-background-color);background-color:var(--box-foreground-color);user-select:none}#Main #reply-box.reply-box-sticky{bottom:20px;z-index:var(--zidx-reply-box);margin:0 -10px;padding:0 22px;overflow:visible;border:none;border-radius:10px;outline:2px solid var(--v2p-color-main-200)}#Main #reply-box #reply_content{height:unset;min-height:120px !important;max-height:800px !important;overflow:hidden;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}#Main #reply-box #reply_content::placeholder{color:var(--v2p-color-main-500);font-size:15px}#Main #reply-box #reply_content:hover:not(:focus){opacity:.8}#Main #reply-box #reply_content:focus{background-color:rgba(0,0,0,0);border:2px solid var(--button-border-color);outline:none}#Main #reply-box #reply_content+.flex-one-row{flex-direction:row-reverse;gap:10px;justify-content:flex-start}#Main #reply-box #reply_content+.flex-one-row .gray{margin-right:auto}#Main #reply-box>.cell{font-size:12px}#Main #reply-box>.cell.flex-one-row{min-height:45px;padding:0 10px;border:none}#Main #reply-box>.cell.flex-row-end{padding:12px 10px;border:none}#Main #reply-box>.cell:has(form){padding-top:0}#Main #no-comments-yet{color:var(--color-gray);border-color:var(--color-gray)}#Main #notifications .cell[id^=n]:hover .node{opacity:1}#Main #notifications .cell[id^=n] .node{opacity:0}#Main #notifications .cell[id^=n] .payload{color:var(--v2p-color-main-800);background-color:var(--v2p-color-main-100)}#Rightbar .balance_area{display:flex;align-items:center}#Rightbar a.dark:link,#Rightbar a.dark:active,#Rightbar a.dark:visited,#Rightbar a.dark:hover{color:var(--v2p-color-main-500)}#Rightbar a.dark:link:hover,#Rightbar a.dark:active:hover,#Rightbar a.dark:visited:hover,#Rightbar a.dark:hover:hover{color:var(--v2p-color-main-600)}#Bottom{position:sticky;top:100%}#Bottom a.dark{font-weight:400;font-size:13px}#Bottom a.dark:link,#Bottom a.dark:active,#Bottom a.dark:visited,#Bottom a.dark:hover{color:var(--v2p-color-main-500)}
body{position:relative}body.v2p-modal-open{overflow:hidden}body .button.v2p-prev-btn,body .button.v2p-next-btn{padding:0 15px}.v2p-hover-btn{position:relative;z-index:1;margin:0;text-decoration:none;background:none;background-color:rgba(0,0,0,0);cursor:pointer;transition:color .2s;user-select:none}.v2p-hover-btn::before{position:absolute;top:0;right:-5px;bottom:0;left:-5px;z-index:-1;background-color:var(--v2p-color-bg-hover-btn);border-radius:5px;transform:scale(0.65);opacity:0;transition:background-color .2s,transform .2s,opacity .2s;content:""}.v2p-hover-btn:hover{text-decoration:none}.v2p-hover-btn:hover::before{transform:scale(1);opacity:1}.v2p-icon-heart{display:inline-flex;width:16px;height:16px;color:var(--v2p-color-heart)}.v2p-icon-heart svg{fill:var(--v2p-color-heart-fill)}#Main .cell:hover .v2p-topic-preview-btn{visibility:visible}.v2p-tool-box{position:sticky;top:20px;z-index:var(--zidx-tools-box)}.v2p-tool-box>.cell{font-size:13px}.v2p-tool-box .v2p-tools{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3, 1fr);gap:8px 15px;align-items:center;justify-content:center;color:var(--v2p-color-main-600);font-size:12px}.v2p-tool{display:inline-flex;gap:0 5px;align-items:center;padding:3px 0}.v2p-tool .v2p-tool-icon{width:16px;height:16px}.v2p-topic-preview-btn{position:relative;top:-1px;margin-left:10px;color:var(--button-foreground-color);font-size:14px;background-color:var(--button-hover-color);border:none;border-radius:3px;outline:none;visibility:hidden;cursor:pointer}.v2p-topic-preview{padding:30px 25px;line-height:1.4}.v2p-dot{margin:0 8px;font-weight:800;font-size:20px;font-size:15px}.v2p-paging{background:none !important}.v2p-paging.cell{border-bottom:none}.v2p-model-mask{position:fixed;z-index:var(--zidx-model-mask);padding:60px;overflow:hidden;overflow-y:auto;background-color:var(--v2p-color-mask);inset:0}.v2p-popup{position:absolute;top:0;left:0;z-index:var(--zidx-popup);width:max-content;overflow-y:auto;color:var(--v2p-color-main-600);font-size:14px;background:var(--v2p-color-bg-widget);border:1px solid var(--box-border-color);border-radius:8px;box-shadow:var(--v2p-widget-shadow);backdrop-filter:blur(16px)}.v2p-toast{position:fixed;top:50px;left:50%;z-index:var(--zidx-toast);padding:10px 15px;color:var(--v2p-color-main-800);font-size:14px;background:var(--v2p-color-bg-widget);border:3px solid var(--box-border-color);border-radius:8px;box-shadow:var(--v2p-toast-shadow);transform:translateX(-50%);backdrop-filter:blur(16px)}.v2p-model-main{position:relative;box-sizing:border-box;width:800px;height:100%;margin:0 auto;overflow-x:hidden;overflow-y:auto;background-color:var(--v2p-color-bg-content);border-radius:10px}.v2p-model-header{position:sticky;top:0;right:0;left:0;z-index:var(--zidx-model-header);display:flex;gap:0 20px;align-items:center;padding:15px 20px 20px;background-color:var(--v2p-color-bg-content);border-bottom:1px solid var(--box-border-color)}.v2p-model-title{overflow:hidden;font-weight:bold;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.v2p-model-actions{display:flex;gap:0 10px;align-items:center;margin-left:auto}.v2p-model-loading{display:flex;align-items:center;justify-content:center;padding:50px 0;color:currentcolor}.v2p-model-loading .v2p-icon-loading{position:relative;right:-13px;width:50px}.v2p-no-pat{padding:30px 10px;font-size:15px;text-align:center}.v2p-no-pat .v2p-no-pat-title{font-weight:bold;font-size:16px}.v2p-no-pat .v2p-no-pat-desc{display:flex;align-items:center;justify-content:center;margin-top:15px}.v2p-no-pat .v2p-no-pat-block{display:inline-flex;align-items:center;margin:0 5px;padding:2px 10px;background-color:var(--v2p-color-main-100);border-radius:2px}.v2p-no-pat .v2p-icon-logo{width:15px;height:15px}.v2p-heart-box{position:relative;top:3px;display:inline-flex;align-items:center;column-gap:5px;user-select:none}.v2p-heart-box.v2p-thanked{color:var(--v2p-color-heart);font-weight:bold;opacity:.8}.v2p-heart-box.v2p-thanked .v2p-icon-heart svg{fill:var(--v2p-color-heart)}@supports not selector(:has(*)){#Main .cell[id^=r]>table:hover .v2p-controls{opacity:1}}@supports selector(:has(*)){#Main .cell[id^=r]:not(:has(.cell:hover))>table:hover .v2p-controls{opacity:1}}.v2p-controls{display:inline-flex;align-items:center;margin-right:15px;font-size:12px;column-gap:15px;opacity:0}.v2p-controls>a{text-decoration:none}.v2p-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:4px 0;color:var(--v2p-color-main-500)}.v2p-control:hover{color:var(--v2p-color-main-600)}.v2p-control.v2p-thanked{color:var(--v2p-color-heart);cursor:default}.v2p-control::after{position:absolute;top:-8px;z-index:var(--zidx-tip);min-width:30px;padding:2px 5px;font-size:12px;white-space:nowrap;text-align:center;background-color:var(--v2p-color-bg-content);border-radius:4px;box-shadow:var(--v2p-widget-shadow);transform:translateY(-100%);opacity:0;pointer-events:none}.v2p-control:hover::after{opacity:1}.v2p-control.v2p-control-hide::after{content:"\u9690\u85CF\u56DE\u590D"}.v2p-control.v2p-control-thank::after{content:"\u611F\u8C22\u56DE\u590D"}.v2p-control.v2p-control-thank.v2p-thanked::after{content:"\u5DF2\u611F\u8C22"}.v2p-control.v2p-control-reply::after{content:"\u56DE\u590D"}.topic_buttons .v2p-tb.v2p-hover-btn{color:var(--v2p-color-main-400)}.topic_buttons .v2p-tb.v2p-hover-btn:hover{color:currentColor}.topic_buttons .v2p-tb.v2p-hover-btn::after{display:none}.v2p-tb-icon{width:15px;height:15px}.v2p-emoji-container{max-height:285px;padding:15px 18px;overflow-y:auto;color:var(--v2p-color-main-600)}#v2p-member-popup{max-width:300px;max-height:285px;padding:12px;overflow-y:auto;text-align:left;visibility:hidden}#v2p-member-popup .v2p-ctn{display:flex;gap:15px;font-size:13px}#v2p-member-popup .v2p-ctn-right{padding:2px 0}#v2p-member-popup .v2p-avatar-box{width:73px;height:73px;overflow:hidden;background-color:var(--button-background-hover-color);border-radius:10px}#v2p-member-popup .v2p-username{font-weight:bold;font-size:16px}#v2p-member-popup .v2p-username.v2p-loading{width:65px;height:20px}#v2p-member-popup .v2p-no{margin:5px 0}#v2p-member-popup .v2p-no,#v2p-member-popup .v2p-created-date{width:160px;height:16px}#v2p-member-popup .v2p-bio{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.4;margin-top:10px}#v2p-member-popup .v2p-loading{background-color:var(--button-background-hover-color);border-radius:6px}.v2p-reply-list-box{margin-top:10px}.v2p-reply-list li{padding:3px 4px;word-break:break-all;background-color:var(--button-background-color);border-radius:6px}.v2p-reply-list li~li{margin-top:10px}.v2p-emoticons-box{font-size:15px}.v2p-emoji-group~.v2p-emoji-group{margin-top:10px}.v2p-emoji-title{margin:0 0 10px;font-size:14px;text-align:left}.v2p-emoji-list{display:grid;grid-template-columns:repeat(8, 1fr);gap:6px;font-size:20px}.v2p-emoji{padding:2px;border-radius:4px;cursor:pointer}.v2p-emoji:hover{background-color:var(--box-background-hover-color)}.v2p-decode{position:relative;padding:2px 4px;color:var(--v2p-color-orange-400);font-size:13px;text-decoration:none;background-color:var(--v2p-color-orange-50);cursor:copy}.v2p-decode:hover{color:var(--v2p-color-orange-400);background-color:var(--v2p-color-orange-50)}.v2p-decode:hover::after{opacity:1}.v2p-decode::after{position:absolute;top:-8px;left:50%;z-index:var(--zidx-tip);width:max-content;padding:2px 6px;color:var(--v2p-color-main-800);font-size:12px;white-space:nowrap;text-align:center;background-color:var(--v2p-color-bg-content);border-radius:4px;box-shadow:var(--v2p-widget-shadow);transform:translate(-50%, -100%);opacity:0;content:attr(data-title);pointer-events:none}.v2p-reply-content{position:relative}.v2p-reply-content .v2p-expand-btn.normal.button{position:absolute;bottom:5px;left:50%;z-index:var(--zidx-expand-btn);font-weight:400;font-size:12px;transform:translateX(-50%)}.v2p-reply-content.v2p-collapsed{--collapsed-fade: var(--v2p-color-bg-content)}.v2p-reply-content.v2p-collapsed::before{position:absolute;right:0;bottom:0;left:0;z-index:var(--zidx-expand-mask);height:120px;background:linear-gradient(to top, var(--collapsed-fade), transparent);content:"";pointer-events:none}.v2p-reply-content.v2p-collapsed .v2p-expand-btn.normal.button{bottom:10px;transform:translateX(-50%)}.cell[id^=r] .cell[id^=r] .v2p-reply-content{--collapsed-fade: var(--v2p-color-bg-nested-reply)}.cell[id^=r] .cell[id^=r] .v2p-reply-content .v2p-expand-btn.normal.button{color:var(--button-foreground-color);background:var(--button-hover-color);box-shadow:var(--button-hover-shadow)}.v2p-empty-content{display:flex;flex-direction:column;align-items:center;color:var(--v2p-color-font-secondary);font-size:14px}.v2p-empty-content .v2p-text-emoji{font-size:20px}.v2p-topic-reply-ref{margin:0 -10px 15px;padding:10px;color:var(--v2p-color-main-500);font-size:13px;background-color:var(--v2p-color-main-100);border-radius:5px}.v2p-topic-reply-box{margin-top:50px;padding:30px 0;color:var(--v2p-color-main-500);font-size:14px;line-height:1.55;border-top:1px solid var(--v2p-color-divider)}.v2p-topic-reply~.v2p-topic-reply{margin-top:15px}.v2p-topic-reply-member{display:inline;color:var(--v2p-color-main-700);font-weight:bold}.v2p-topic-reply-avatar{position:relative;top:2px;width:15px;height:15px;margin-right:5px;object-fit:cover;overflow:hidden;background-color:var(--v2p-color-main-200);border-radius:2px}.v2p-topic-reply-content{display:inline}.v2p-more-reply-tip{margin-top:20px;color:var(--v2p-color-main-400);font-size:13px;text-align:center}.v2p-footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:35px 10px;color:var(--v2p-color-main-500);font-size:12px;border-top:1px solid var(--v2p-color-divider)}.v2p-footer a:hover{text-decoration:none}.v2p-footer-logo{--logo-size: 16px;position:absolute;top:calc(-1*(var(--logo-size) + 5px)/2);left:50%;display:inline-flex;box-sizing:border-box;padding:3px 25px;background-color:var(--v2p-color-bg-footer);transform:translateX(-50%)}.v2p-footer-logo svg{width:var(--logo-size)}.v2p-footer-text{display:inline-flex;align-items:center;justify-content:flex-start;width:240px;color:var(--v2p-color-font-secondary)}.v2p-footer-links{display:inline-flex;gap:0 8px;align-items:center}.v2p-footer-link{padding:4px 5px;color:currentColor}.v2p-footer-brand{display:inline-flex;gap:0 15px;align-items:center;justify-content:flex-end;width:240px}.v2p-footer-brand>span{width:20px}.v2p-color-mode-toggle{width:22px;height:22px;opacity:.8}.v2p-color-mode-toggle:hover{opacity:1}.v2p-reply-tools-box{position:relative;display:inline-flex;gap:0 5px;align-items:center;margin-right:auto;padding:2px 0;font-size:13px}.v2p-reply-tools-icon{display:inline-block;width:20px;height:20px}.v2p-reply-tool-content{padding:5px;border-radius:5px}.v2p-reply-tool{padding:5px 10px;white-space:nowrap;border-radius:4px;cursor:pointer}.v2p-reply-tool:hover{background-color:var(--v2p-color-main-100)}
`;function H(){$(`<style type='text/css'>${F}</style>`).appendTo("head")}H();