// ==UserScript== // @name B仔 Css隐藏规则日志 // @namespace http://bzbrowser.com/ // @version 1.1 // @license MIT // @description 检测哪些Css规则在B仔浏览器上生效，并输出匹配日志。 // @author Copilot & Grok & Gemini // @run-at document-end // @match *://*/* // @icon data:image/webp;base64,UklGRhgZAABXRUJQVlA4WAoAAAAQAAAAKwEAKwEAQUxQSOIUAAAB8Ibt/yKn/f+9ZnezGxeiQHALBHd3K3XDKQEq8C516g68cdfSBrfiroEgUSJACLGNEpd1l5l53gCS3ZnXzCsfuRERE4D+P1ypX5BvYK8J48eOnTAu2i9A0ZzRrs/YZetWr9lz9NiRI0eP7F61ZvkCn+aJwP6jp62JPVemVjVo9HqdTq/TNKjqc7+aN2ekX3ODrMtnF+JTK1VGaHJhdu7VjyI9mhWCZxzMBdczj//6onfzQdi4XzLAvWz9vmmDfJsHWv2WbwC328tT5wQ2A3h0W10D3EydFSQhPCp45G41cDV5SSc5RXJU0KI4E3CWKdk2IYjkghel2oDDTF3il37kFvFxug247XwwhSI1z/kZTuC6cd8AD0Lrfo4G7tf/M0hCZN13NwAf65YHkFiv/Vbg56O5QeTl8asTeEo/GicjLarjaeDvmjYSspK0/vgxfxw5c7zJyv+TPODz6lCyQnOUvLr5ioKkJAP+1vLKtqkVSUl/KGV4BffGkVToIRvwW7OmPTmFfpbF8AwypiuIqX+qDfje8I0PMU0qAt5rfw8mpplP+Gc5OkxCSkuV/IPsj3xJ6btiDOQs9ielv2oxkP6BDyndMmFA+W0oKd00YsBxti8pqWmWf3B1ICkBFi8NaE65Nqg55frg5pRrg5rHKKoZRO7r93xARFS3rmF+L/RWyGVU8wMlkfhM/nntmrXr1m7Ye+zYsV1r165bs3rt5++8MrSlXCaTUBTVfCDvM3nykqvVeq1Or9OZTCaTQafT6TS6osTrh35dvHjh5KiQcH8KyaTNAFTou/8mJeWZWGg647BpSvPychL3fbls4aShfVt7eysIr9OiXQlmmmbB5SzLOg25BRm3/v3xrZgVs8J9yE0e/f6OHKMT3M8C7TCln0qrP/Xux4tmvtGKyMLfOlGgBe7aDQybdlhZWfrwqxFj23sSlmzg5jQaOO6oqQPT0/TE+wlHP26hUEjISTHquBP4SBecPqcDDZQtX7z09QhCkoa/cooFXrIWjQ4Kb9SDVmVM/3pIazmiyKf91wk24HFVVnXxEwAoufbnsFadfWSE4x1TADy3Z53XlFbRoDm+/L/To2Rk0/ewjW/AsnDpXKmDZRmmblWnFgqCiT5oABzqrPXXb6gAmIa8GyPJpWesGjBpz714uQwAwHll10chZNIrVgvYtOfcyDOV0gBm86PfJnclkZUawKi5TlV4qsgOAM5n6QeGkoffdcArU3H1/EMHPG89NYIwPLt8WoAZoGtvJxvKrQAAllPzRwaShN+H+Q7cAJiM+htZRgAAhypraY9QKSlQ3t/oAMe2sosJegaeL7q4YqCUEBRjDmuxBPD4VEI9+xyAdX9vmYQIgjbXMZiiH5263/AiMMaO6hhAAFTUFRpwbXx4Lt7wIqiPj13gLf4if83HF2t+fPae+UWsw5Qe4yf6RpTaWWwB2AqOZtpeAADO3LnBYm90PWDdWXj9sfUlAMqYMErUSac9wxtAcfwj/cvgweHFbcVc6x8bcAcFcQ/V7EsAypZ3FXFDjluwZy+Iz9A2Amq3d6fEGjX6sgN7YM+/89DUCDDt6EGJNOmrSQIAoLz20NIIMG6LosSZ/DsQxpKj8c5GgGF3e6k4+1EgnIXnbzgaAbWbOlCi7AeBANuTiw8NjaBLtk3wFmPfCwWYnt7Os74MmLq4Wd4i7EfBAHN+Urr9ZQD2hNle4us34QDtrbPQaGfybB+x5fGZkREMa+ZVJdMYYFPn+oss6dQEu2DQ2ifHap1sIwBS5gWIK2rwUatgAGjj71c4GsUmzw8WV2Ou2AUE6OMp1kYBm/SORFQNO2kVErh0r55pFNiORclEFAr/vE5ImKr4xLrGQf2u3nIRRQ0pFhJgM86l6RvH6rcP9BBPaFiRoICt+EaatVEAht3RIqr7MR0rJFBx8Z65CaDbHS2e/N5JowVFn5VSbGsCaDf3EE0ocodZUFhjyrXapkDVV76iyXtGhl1IwJl2trxJcHWEVCxJOyxvEBS6MiNb1yTV6nCxhCTjn9JCAlB5LqNJkDXHRyxRnfaohKXiXIaTbQo8mu0lkpDnuMesoFiL0wrMbFPgwdsSkYTkqxoEBQx3LhmgyaYDbcUSarPHICjmlEsNTJPY/MW+lEhCE69bhYSuTs+oppsC1qsjkVjy/qJGSMBRfCnL3iRQ7e5FiSTU+4RDSOiiM66AmpX+Ykkx7pRBQJyFF3JsLoDkCTKRhNDgHbkOwWAa0jLKHU1j6vdEiCbU9pMEm1AAq7ofr20aQPlsX9GEvD64q2WFwnTnQoMrIG0yJZqQ3zsHqlmB0N27rXEJrAoQTwi12V6qswmCIe1OnWvOjPIQUbLQboueCAGwlvybFS5x7O8sohBCLZftPe3EH7DFZ4tcAtkx/qKKatdt5J6UnGwr5pj8owWusR3vL6oQQvJu42a8dbrOYrXb7TS2ii6UugaKFlEiCyHkIRmx+LuVO7ZtPpqa3oAnbanFRbYDPSSiCyFEyYLat2vdf8bsX09cOHP+8pVbaZl3n+IDgNVoGZdA8Rei7KVyhV9YRFirdu17TX1z4Jw75bUqOyZsd5KdrmFOhom4xkoVyGfEkl/W37NYrTQGDMcuOFwDebO9SeCF8hZtph87fzHLxvDOdPqq3UW2q92IASHk2bHv0MXxeSa+ma/EO1wEtbM8CQJREmnwxLfPGXhmuZlIu8p0eKCMIBBClIdi7I9HynjlUJaDq9nKr/zJAiEkD+zyfWatgz+sw2x0uAis6wOJAyEU0ueDu/wBKLxf6yrbtjASQUj+djzLn8yz5a5yxE3xJBKkmHb8qYMvGafLXMVqt3ciE0RFxcRpeZJ8qNBVAA/fVJAJQtKJ2yr5kbBX6Trtxk4SQkEoYpueF4n73ACP5/gQC2qz2cqPQjcY/gwlFypqq5kHmWeeucH4B8EgSdR/87mXdaXSDY59XQkGSTt+X8e9yxVugLylwQSDqA7rjZy7VO4Ox4U+JIOoqI01HEs/WeoOSB5ENAi12W/hljKhzi1P3pGTDZpy28Ipi97hluqVrQnH5/2bVi6523CgN+Eg+fynXNLXWd1iuzGRdFD77VoO5cRVuwVqPyUeatwFJ3fS/i1xj+M3inSQZPpj7mRdqXSPbWsw8aBOWzTcuVzhHjZtjoJ4ZBOTOfPkSqV7wLInjHhQ6x0sVzJOlboJzrQhH8UbKVxJOlDorlOR5IPCfmU5krBX6a6zHQhI8koezY3EfQXuutGfgKhOazTcSNjrtozpCvJB8gkPHZzIOF3mrmcr2hIQ6rCpmuWCqszorso17Uko7MtChgsMzbpLe3AACbVY+Jh2H+tkwO1s5iyKgDwHxZrd58hRMm6Dks98CIgK/EHvPuOFOKf7ipb4EhDy/UzrPt3ekzYOfBZCQt6vpzrcZjp4mgPlK/qRkCRyWa3b6Mws2n3V2yaREKJ65rjLZjA7wf1VG0cTEYrMchNbkVADXNg0hoy6Z7uJebQ7mwuqEx+TUecU1k1Z/+RwwZTxFxmF/VbspvzjSk6kbiGjFp8/dQ84ynRcMJJS6E9Ktzga6i0MF/R3V5BRi28L3MGqr19QAReNqVvJyGvaPbfUHt5TxQmnKpuMJOGHGTeAIztZywkAICOEdriBNTWY7EwzA+s6uvRqAQ3NCzsZ1zG1CUp7M8N219E6tcXGiJurAwVnh+vMqbcswF2BujJAYKjQQ6zLTBe2VjEYM7E4iBsuMLLe513mrL55VcNiLMWMg+SpAiONPuey2rO3DTRwlGXtPDivw8GD1wVG0vmky0p33ADO2sru8OAKFrIXeQmLYsxNFzGa9Is53DEkrOHBLQMOajZ0FJagpU9cZEs6lmvnjv7ef3kQhwVNbG9hCfmlCFxrufz3M+CuMXUrDw424KB2QydhabW1yjW2ori7DRwyPdjGgy8KcVC/PUpYuuWCa0tPxpmBw8akjTz4qggHkDVTWDpmuYa1qdROLtXFvseDeXlYqPxEULzGK12T/7COBi5XbhjJg0kPsdDwi0RIPN8rdc2DqyUsp6o3j+PB2EwsWM6NogTEa065azQVOo5tnciD8Xiw33lbKhyKsSdNLknKtbLA6We/9eDBxHQWB0zWYiScQd/UgwudecfSrcBt5Se+PJiUDVg0HAmVCYbPT8am0Qbl0XQ1zbHCRYiHo5/iAfJmthAKSfAqQ9NsuXF3zMD14o/5EH3WhIea9e0ogWgxI97eNHteqgW4Tqe8w4eW35fgoWFPV4kwUL0umaDJDq1GD5yv2dSNDy0WPmaxYI6fIBcG6bActklsxd0y4H76+1I++L9x244FUP8aLhCDUugmqeJOZPPg3ljERypgvRYPlvg3vYSACvmggGmK7ubxBicPkl/hBfJZq8EDq14fIgThS3Ps0ETVlQsNwMfk1/jhv8WAB6DvjZIKQPA6aGrljctlwMv44fzw+bUOE1C3MRJ/0uGnm9Jw+2wBy48rUfyQvhZvxwRTMAp70uGHa9nGqZNuF9iAnyci+YHara7HBNi+D8Vd9F4LNF6ddL+cBV4yjxb48MRzYSEunJlv4m52KTRenRRfAzx17AxFfH3jCS4AlivwFvhjXaNYzb0EFcsX++6WvJmSgY/4ETKcyWelQWMZbVJKPQt8tfwp5c3ASyw2dPuGemCszzFrY+iqhPgaFnhrW4Z4225dAzZYzb4++ApaVgKNrbt2towB/qo/4U/k8lpsAJQv88TW5Lt0Y6ovX8x3An/rtnTlj//MDIwwqXMVmBp83ACNrLhyqcgBPH76npQ/ktZHMAL2zFlYogae0cFL6VrVzQvPnMDn4vcRj2XbcQKQPsUDP5KRZyzwUtuzq9cTKljgdeZkPsl/1GEF7kxT4IYacMIJL7XkJ926Uw+8Zot+juCTZNgpFitwc5o3XiQDdlvgpfrHtzM0JoZf9JFoxGvpjHoWK3DrTV+cyPofVMMLGYfpyekMLfCd3hXJL9TjqhEvcHdWAD4Uww/Q8GJ9TsrdewbgvePv9jwL/60cM5A7R44LzzHX4IW0XpV35uBT4D+tXBLAs9brqnHDZs3EA+Ux/Cb7Arbmcmy8hnVgoPKncMRz6dRHLGaAzviAwkHrpTf08MIH1xOza5yAw7JP/fmG2sUacQPOhJgu/ItclmcHALomz5mUWOtgAIvPPvHjndf0RBtuwJaze3AAv7yjf8lnAexWU8a/GrWOBkymTJXzjor8s5bFDYA6bmNHPo3ddLkEACDnckl1thlwSed8GkHxDnktqsIQgHHXsnFSnnT+9B4AqB4+NRXfqAScnuqEMOg1twywbIV7s/uG8iB4wkGDtaq2Jv3fS/VgoTFCP/vdHwcewy+YsQRgKbz9Q8cgBZckXi3azb9ptycdvXz9cVGlGbBqPjhIigMU9EEeiycAKIv9ZqKXTEpxgZLIFG3Hfrf6eGZB+q3bCekqwK36p0CEx8gzFmyBvebC9OFDunq7TRravvOICbM2KEtTrl9KqLKYLAxubA/m+FN4kH6Wjy8Aa9bde4fHePvIKNdRFNV23s9rU+P+One/rK6sqI4BDD9Z0EqB8Ei1PWTBGDA0bb+6buPXfeReLpK369x77u6T8YxdmZtYQTMMCzh+0JdCuJR8VYmz521GY/k/MR++Nnn8qGE9Wwb5Ir+IsNCWLdsNmDxlzLzlG/++dCcuwwq00+oEPNNVsT3xgQacsGDueX1FZUmRUllwc9Xn84cv/OPnH1at2nq7sFhZ3qDRm0x6Ew0Ytxzu740RxfwSAWhkbf6j61kVpcXVNSoWBNK03gfhtOdZh4AAAAvCarg11xsrvp/kCYvQ5iwIk2IFdd3rIJjk0Qiz8veTHcRSu2uYDDPI97NnxLKjPcKu9J3HpEJ/o8AP6rrTRCj3xyAMy0ZeBJZA7E/f9MIR8l+QB+TpLF4ZhvDcbi2BQOZ4GaYkox4xpGF5+mc4wrXvvFyWMKpXdJBiCwWuqiKMrKkI5wNO2YhCvasjhTPZ3EyaIPRHh0gR1sMW5bGkwJpODkW4p35pIAXj6WEI/y132QghYaxUAKjJt2xkcK4bEkLvpWoiyP/YRxBQ7wt2Aij+OhwJo9eUOFr0FX8djoRS+tp1u8gr+y4MCadkeo64K/0+Aglphw21Yq7+y3aUoEii11cxYo3VH+qABFbWdVUZK9I0J8Z7CA2iuq55Js4s58Z5I+GVRq2tFmWVizyQEEujN9aLsPrlkUiYJdHbVaJLu7IlJVCI6rmtXlyx2jWtkIBHb6oWU/q4PzogQY9aW8aKJtWRyUFI4LusUNIiqeHgCCT8nf/Id4ohVnNoBBKDHX5/YBY/dEnsSCQKJb4TbjpET8FnQRJxgJBicrzYKfo8GIlH+bgzdlFT/E0IEpMeY/5VMaxoKVwWgcSlotfs3WqRUrnnnXAkPqN2akRJ3LddkSjtsaNefFhvjvZHIrX7hjKdU1TQtefHeCDR2unrHckWEaFL/GM0ErO+LWcnOMUCW3ngzQCJqEHId/oDu5MVAayz5KeOnkj0+k77+aBeBNQcn9+KQiJY7tNj271SgXt2989oTwqJY0l49yWPhUx/97M+wRQS0UELMm2CVbNpfCAS2X4xO2+rBUkd/3NbColuv3bjdhVqHQKjepa1dWwIEufdZ63MFhRWvyXmrU5IvHv95+Its1A4Hx5a2Q6J/SGXi6srzNiz1JXFz0MEKO86adH86zY7izHW3nBl2evdAkgAST2CfGJiz9VgrOrUV2Nae0koIkCIQq3a9V/zsELNYkiT8yTxjwEBnhJEkBIkbzdy3tp0/FRtmTpyYKQHIk/Kp9Pkz9duu2rGhvHk91/Mi5JRiFQl3hHtJ21JynjE8M2iy7p4as1wX08FIlx5uwnvzrqQX1bXoLLzQ1+ae3//znm9u7SUIiKWeQ6ft+SPFavOV1mtVgdDs9xgHDabo/pp4j//mTmpd5QPImnKIzQsYtQvBw8dOnXtZmIF4y62obT4zokjR08s/+jd3p6I0Ft06Ny559DRr/95vygvL1+pVBYoSyurKl9cVV5UoHw+vyBl508/TOnWpUu3MB8PRPyRk2a+9/6smAUxc2O+W7Nu1Ys3/P7xvPkxMQvnz5w+JSoiHDUrUorAoCDvwOgJk0aPfX7MlCHhPv6BgS0CPND/2wxWUDggEAQAADA3AJ0BKiwBLAE+kUSbSiWkIqGom/kwsBIJZW7hcc5NGW3I/8k/H39////vkPn/w6x38QnX/o2unx5qgcIiii4il/FJdhRF055nBRF055nBRA8sJ4+5Eg6ojpuQtazlVdohu4cAL1SVWB1oenWjBJTSrIfzgU+/+EfnJUJMS1YkjJfiNSogWio2BxxthZRJBRFL4YF85WbfnZJBcAn7YYrewEQqhR7CXtXgXQvZgeMtIRn40xa25KhRw8EGo7/GQ898Aicz+Fh/5nTqcvLRyh/nbo5gf6Qe/6h8+uL0AZsGQQENY0quxymY90lQpG1bbPrukVHlV/IepCOg3Wo4YaUEIwAO3ca7dtSKmt0SlkP6SUKly5yhyO9uN8wP2rmA3J1o8aVSZULDIIvC9WrldEV+68oxx59DgIYF0/0fPt3b/n2fX8/8BQiZcG++ZUtZu3oo27TI7zCLZRmWlQsyKOWlQdfX2if8a19j7Ah/90qOKRPMagrV7unZkJTeVtVg5bEYAV1uEgog0r8xzenuBDYdvhsRctbSPb85KeZLbUjwiBoVww26rG3aDRAvU9XvFzGcYEQLETjiIQLETjhr65aNAAD+9G7ZTpP+2R5z/2Hchtl3z6uPnddFs2l3BnnXDQEWdxP4J9DRX//ucX06TlDVQBvwFR+9t///7m+Mzz8xRqmyyqopYRWCnAAxd7AAWukj8lKmRIrowLNFe1Eoc4XFhEGGEEOrXr1paGaDK9xI99keV5DOc+X0Ah2O0WKxwWi+8V4GherbCLjLVEkIFaNA1wFTdR2RIUBWFxVwdIXx9O6HIYSDaQeOBbVVchmcnKYEhkn8BKASOgvdjVDHCtyyHMUAEPoLCC4nWv8co//i3/k23bE5YfwbJk5hsADsCIRdXmsyPuqk58Y8Rt4ticK8D6oZLiU94bHO8VCJsl+EfZ22d9iHB48+hcBzmj6wJgoREAiPCOXk9VPfNMqdsdht+0r/SE8C5N3mGWZ+YcXbX6/Ya3WBrFFVYaAmBLnvAoclXuATRbgqKJ1rXYaXOnk7yrhPRiBHWOK50mSySUXLa3S/N3nkchR/hpZs6bTkzrnIm9/GLHG17wzHjfW4f1aMVw5nq/l4cAto4nxC6BjhH2IPOd/4pUrNAWWfRD4oOygin23k1It0QaEJaUoFYT/5ER2xs+6EoFhxyfdYkIvmWEK/lv+/VsxVIAAuMynaMcrbmNnuOhcEV93EwkBkebkNbDHBkOWLu1aB+iIkZDjZUj6EMRVWE6xyhm9wjAN4WModoNoJRUQbFNE4qZ+SsbM6U2hviSCiLJqStGp/nMFDulE1lgEjkd4kd0kTG6YXsABHQiWxT3p2dcnXJ1ydcnXJ1ydcnXJ1ydFNCR4JAAAA // @grant GM_registerMenuCommand // @grant GM_setValue // @grant GM_getValue // ==/UserScript== (function() { 'use strict'; const currentDomain = location.hostname || 'unknown'; const CONFIG = { STORAGE: { SETTINGS: 'bz_css_configs', ENABLED: 'floatingButtonEnabled' }, CSS_PATH: '/adb.css-bzbrowser', IDLE_TIME: 3000, BATCH_SIZE: 100 }; let settings = typeof GM_getValue !== 'undefined' ? GM_getValue(CONFIG.STORAGE.SETTINGS, { floatEnabled: true }) : { floatEnabled: true }; let activeRulesCache = []; let shadowRoot = null, container = null; const UI_CSS = ` .mask { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); z-index:2147483646; display:flex; align-items:center; justify-content:center; animation: fade-in 0.4s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: auto; touch-action: none; } .panel { background:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,0.4); border-radius:28px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); padding:24px; display:flex; flex-direction:column; gap:14px; width:92%; max-width:450px; max-height:82vh; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; box-sizing:border-box; position:relative; overflow:hidden; touch-action: auto; } .title { margin:0 0 4px 0; font-size:19px; font-weight:700; color:#1d1d1f; text-align:center; letter-spacing:-0.02em; } .list-container { flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:12px; padding-right:4px; scroll-behavior: smooth; } .list-container::-webkit-scrollbar { width:4px; } .list-container::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.1); border-radius:10px; } .rule-card { background:rgba(255,255,255,0.6); border-radius:16px; padding:14px; cursor:pointer; transition:all 0.4s cubic-bezier(0.22, 1, 0.36, 1); border:1px solid rgba(0,0,0,0.05); position:relative; display:flex; flex-direction:column; } .rule-card:hover { transform: translateY(-2px); background:#fff; box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: rgba(0,122,255,0.2); } .rule-line { font-family:"SF Mono",SFMono-Regular,Consolas,monospace; font-size:13px; white-space:nowrap; overflow-x:auto; padding-bottom:8px; scrollbar-width: none; line-height:1.4; } .rule-line::-webkit-scrollbar { display: none; } .rule-badge { position:absolute; bottom:8px; right:10px; background:rgba(0,122,255,0.08); color:#007AFF; font-size:11px; padding:2px 8px; border-radius:8px; font-weight:600; pointer-events:none; transition: opacity 0.3s; } .rule-content { margin-top:10px; display:none; flex-direction:column; gap:10px; border-top:1px solid rgba(0,0,0,0.06); padding-top:14px; animation: slide-up 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .rule-card.expanded .rule-content { display:flex; } .rule-card.expanded .rule-badge { opacity: 0; } .hl-domain { color: #ff8c00; font-weight: 600;} .hl-sep { color: #007bff; font-weight: 700; } .hl-selector { color: #808080; } .hl-url { color: #ff0000; font-weight: 600; } .hl-pseudo { color: #d197d9; font-weight: 600; } .hl-paren { color: #deb887; } .btn-group { display:grid; grid-template-columns: 1fr 1fr; gap:10px; } button { border:none; border-radius:14px; padding:10px; cursor:pointer; font-size:13px; font-weight:600; transition:all 0.3s cubic-bezier(0.22, 1, 0.36, 1); background:#f2f2f7; color:#1d1d1f; } button:active { transform: scale(0.96); } button.primary { background:#007AFF; color:#fff; width: 100%; margin-top: 6px; box-shadow: 0 4px 12px rgba(0,122,255,0.3); } button.copy-btn { background:#007AFF; color:white; } button.allow-btn { background:#ff9500; color:white; } .auth-settings-panel { position:relative; background:rgba(255,255,255,0.85); border-radius:28px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); padding:24px; display:flex; flex-direction:column; gap:12px; width:300px; animation: slide-in 0.4s cubic-bezier(0.16, 1, 0.3, 1); border:1px solid rgba(255,255,255,0.4); touch-action: auto; } .card-slider-wrapper { position:relative; width:100%; overflow:hidden; margin-bottom:4px; border-radius:18px; } .card-slider { display:flex; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .result-card-mini { min-width:100%; box-sizing:border-box; background:rgba(255,255,255,0.5); border-radius:18px; padding:18px; display:flex; flex-direction:column; align-items:center; border:1px solid rgba(0,0,0,0.05); } .mini-title { font-size:14px; font-weight:800; color:#007AFF; margin-bottom:4px; } .mini-desc { font-size:12px; color:#666; text-align:center; line-height:1.4; } .dots { display:flex; justify-content:center; gap:5px; margin-top:8px; } .dot { width:6px; height:6px; border-radius:50%; background:rgba(0,0,0,0.1); transition: 0.3s; } .dot.active { background:#007AFF; width:12px; border-radius:3px; } .auth-settings-panel button.menu-btn { border:none; border-radius:14px; padding:14px; cursor:pointer; font-size:14px; transition: all 0.2s; display:flex; align-items:center; justify-content:space-between; font-weight:600; background:#fff; color:#007AFF; box-shadow:0 4px 12px rgba(0,122,255,0.1); width:100%; box-sizing:border-box; } .btn-close { margin-top:6px; background:none !important; color:#888 !important; box-shadow:none !important; justify-content:center !important; } @media (prefers-color-scheme: dark) { .panel { background:rgba(28,28,30,0.9); border-color:rgba(255,255,255,0.1); color:#fff; } .title { color:#fff; } .rule-card { background:rgba(44,44,46,0.6); border-color:rgba(255,255,255,0.05); } .rule-card:hover { background:rgba(58,58,60,0.8); border-color:rgba(0,122,255,0.4); } .rule-badge { background:rgba(255,255,255,0.1); color:#0a84ff; } .hl-selector { color: #d1d1d6; } button { background:#3a3a3c; color:#fff; } .auth-settings-panel { background:rgba(30,30,30,0.85); border-color:rgba(255,255,255,0.1); } .result-card-mini { background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.05); } .auth-settings-panel button.menu-btn { background:#2c2c2e; color:#0A84FF; } .mini-desc { color:#aaa; } } @keyframes fade-in { from { opacity:0; } to { opacity:1; } } @keyframes slide-up { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } @keyframes slide-in { from { opacity:0; transform: translateY(20px) scale(0.95); } to { opacity:1; transform: translateY(0) scale(1); } } .float-btn { position:fixed; right:0; top:60%; width:36px; height:54px; background:rgba(255, 255, 255, 0.3); border-radius:20px 0 0 20px; z-index:2147483645; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 32px rgba(0, 0, 0, 0.15); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); border:1px solid rgba(255,255,255,0.4); border-right:none; color:#1d1d1f; font-size:13px; font-weight:700; user-select:none; touch-action:none; pointer-events: auto; } .float-btn.idle { opacity:0.4; transform:translateX(18px); filter: grayscale(0.5); } .pop { animation: popIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } @keyframes popIn { from { transform:scale(0.8); opacity:0; } to { transform:scale(1); opacity:1; } } `; const ensureShadow = () => { if (shadowRoot) return; container = document.createElement('div'); container.id = 'bz-css-logger-manager'; container.style.cssText = 'position:fixed;top:0;left:0;z-index:2147483647;pointer-events:none;'; document.documentElement.appendChild(container); shadowRoot = container.attachShadow({ mode: 'closed' }); const style = document.createElement('style'); style.textContent = UI_CSS; shadowRoot.appendChild(style); }; const showToast = (msg) => { if (window.bzhome?.toast) { window.bzhome.toast(msg); return; } ensureShadow(); const toast = document.createElement('div'); toast.style.cssText = 'position:fixed;top:80vh;left:50vw;transform:translate(-50%,-50%);background:rgba(255,255,255,0.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px 24px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);color:#1C2526;font-size:14px;font-weight:500;z-index:2147483647;opacity:0;transition:opacity 0.3s;pointer-events:none;border:1px solid rgba(255,255,255,0.2);'; toast.textContent = msg; shadowRoot.appendChild(toast); requestAnimationFrame(() => toast.style.opacity = '1'); setTimeout(() => { toast.style.opacity = '0'; setTimeout(() => toast.remove(), 300); }, 2000); }; const Core = { splitSelectors(cssText) { const selectors = new Set(); let current = '', inBlock = false, bracketDepth = 0, parenDepth = 0, inQuote = false, quoteChar = null; for (let i = 0; i < cssText.length; i++) { const char = cssText[i]; if (inQuote) { current += char; if (char === quoteChar) inQuote = false; continue; } if (char === '"' || char === "'") { inQuote = true; quoteChar = char; current += char; continue; } if (inBlock) { if (char === '}') inBlock = false; continue; } if (char === '[') bracketDepth++; if (char === ']') bracketDepth--; if (char === '(') parenDepth++; if (char === ')') parenDepth--; if (char === '{' && bracketDepth === 0 && parenDepth === 0 && !inQuote) { if (current.trim()) selectors.add(current.trim()); current = ''; inBlock = true; continue; } if (char === ',' && bracketDepth === 0 && parenDepth === 0 && !inQuote && !inBlock) { if (current.trim()) selectors.add(current.trim()); current = ''; } else { current += char; } } return Array.from(selectors).filter(s => s && !s.includes('!important') && !s.startsWith('@')); }, async checkActiveSelectors(cssText) { const selectors = this.splitSelectors(cssText); const activeMap = new Map(); for (let i = 0; i < selectors.length; i += CONFIG.BATCH_SIZE) { const batch = selectors.slice(i, i + CONFIG.BATCH_SIZE); batch.forEach(selector => { try { const count = document.querySelectorAll(selector).length; if (count > 0 && !activeMap.has(selector)) activeMap.set(selector, count); } catch (e) {} }); await new Promise(r => setTimeout(r, 0)); } return Array.from(activeMap.entries()).map(([selector, count]) => ({ selector, count })); } }; const UI = { highlightAdRule(rule) { const match = rule.match(/^(.*?)(###?)(.*)$/); if (!match) return `${rule}`; let rest = match[3].replace(/("(.*?)")/g, '"$2"').replace(/(:(?:has|not|is|where|nth-child|hover|focus|active))($.*?$)?/g, '$1$2'); return `${match[1]}${match[2]}${rest}`; }, copyRule(selector, isAllow) { let text = `${location.hostname}##${selector}`; if (isAllow) text = text.replace('###', '#@##').replace('##', '#@#'); navigator.clipboard.writeText(text).then(() => showToast('已复制规则')); }, showPanel(activeRules) { ensureShadow(); const mask = document.createElement('div'); mask.className = 'mask'; mask.onclick = (e) => { if (e.target === mask) mask.remove(); }; const panel = document.createElement('div'); panel.className = 'panel pop'; panel.onclick = (e) => e.stopPropagation(); const title = document.createElement('div'); title.className = 'title'; title.textContent = `生效规则 (${activeRules.length})`; const list = document.createElement('div'); list.className = 'list-container'; activeRules.forEach(r => { const card = document.createElement('div'); card.className = 'rule-card'; const fullRule = `${location.hostname}##${r.selector}`; card.innerHTML = `

${this.highlightAdRule(fullRule)}

${r.count}

`; card.onclick = (e) => { if (e.target.tagName !== 'BUTTON') card.classList.toggle('expanded'); }; card.querySelector('.copy-btn').onclick = () => this.copyRule(r.selector, false); card.querySelector('.allow-btn').onclick = () => this.copyRule(r.selector, true); list.appendChild(card); }); const closeBtn = document.createElement('button'); closeBtn.className = 'primary'; closeBtn.textContent = '关闭界面'; closeBtn.onclick = () => mask.remove(); panel.append(title, list, closeBtn); mask.appendChild(panel); shadowRoot.appendChild(mask); } }; const renderSettings = () => { if (shadowRoot?.querySelector('.auth-settings-mask')) return; ensureShadow(); const mask = document.createElement('div'); mask.className = 'mask auth-settings-mask'; mask.addEventListener('touchmove', (e) => e.preventDefault(), { passive: false }); const panel = document.createElement('div'); panel.className = 'auth-settings-panel'; panel.onclick = (e) => e.stopPropagation(); const sliderWrapper = document.createElement('div'); sliderWrapper.className = 'card-slider-wrapper'; const slider = document.createElement('div'); slider.className = 'card-slider'; const dotsCont = document.createElement('div'); dotsCont.className = 'dots'; let currIdx = 0; const updateSlider = (index) => { currIdx = index; slider.style.transform = `translateX(-${currIdx * 100}%)`; Array.from(dotsCont.children).forEach((d, i) => d.className = 'dot' + (i === currIdx ? ' active' : '')); }; if (activeRulesCache.length === 0) { const emptyCard = document.createElement('div'); emptyCard.className = 'result-card-mini'; emptyCard.innerHTML = `

暂无缓存数据

请先运行检测或在当前页面扫描

`; slider.appendChild(emptyCard); } else { activeRulesCache.forEach((r, i) => { const card = document.createElement('div'); card.className = 'result-card-mini'; card.style.minWidth = '100%'; card.innerHTML = `

${currentDomain}

规则 #${i + 1} (匹配: ${r.count})

${r.selector}

`; card.querySelector('.mini-copy-btn').onclick = () => UI.copyRule(r.selector, false); card.querySelector('.mini-allow-btn').onclick = () => UI.copyRule(r.selector, true); slider.appendChild(card); const dot = document.createElement('div'); dot.className = 'dot' + (i === 0 ? ' active' : ''); dot.style.cursor = 'pointer'; dot.onclick = () => updateSlider(i); dotsCont.appendChild(dot); }); } let startX = 0; sliderWrapper.ontouchstart = (e) => startX = e.touches[0].clientX; sliderWrapper.ontouchend = (e) => { if (activeRulesCache.length <= 1) return; let diff = startX - e.changedTouches[0].clientX; if (Math.abs(diff) > 50) { if (diff > 0 && currIdx < activeRulesCache.length - 1) updateSlider(currIdx + 1); else if (diff < 0 && currIdx > 0) updateSlider(currIdx - 1); } }; const btnCheck = document.createElement('button'); btnCheck.className = 'menu-btn'; btnCheck.innerHTML = `立即检测当前页面 🔍`; btnCheck.onclick = () => { mask.remove(); runCheck(); }; const btnFloat = document.createElement('button'); btnFloat.className = 'menu-btn'; btnFloat.innerHTML = `右侧悬浮按钮 ${settings.floatEnabled ? 'ON' : 'OFF'}`; btnFloat.onclick = () => { settings.floatEnabled = !settings.floatEnabled; GM_setValue(CONFIG.STORAGE.SETTINGS, settings); GM_setValue(CONFIG.STORAGE.ENABLED, settings.floatEnabled); btnFloat.querySelector('small').textContent = settings.floatEnabled ? 'ON' : 'OFF'; showToast(settings.floatEnabled ? '悬浮按钮已开启' : '悬浮按钮已关闭'); }; const close = document.createElement('button'); close.className = 'btn-close'; close.textContent = '保存并返回'; close.onclick = () => { if (GM_getValue(CONFIG.STORAGE.ENABLED) !== settings.floatEnabled) location.reload(); else mask.remove(); }; sliderWrapper.appendChild(slider); panel.append(sliderWrapper, dotsCont, btnCheck, btnFloat, close); mask.appendChild(panel); mask.onclick = () => mask.remove(); shadowRoot.appendChild(mask); }; const runCheck = async () => { showToast('正在扫描...'); const cssUrl = `${window.location.protocol}//${window.location.hostname}${CONFIG.CSS_PATH}`; try { const resp = await fetch(cssUrl, { cache: 'no-cache' }); if (!resp.ok) throw new Error(); const cssText = await resp.text(); const activeRules = await Core.checkActiveSelectors(cssText); activeRulesCache = activeRules; if (activeRules.length > 0) UI.showPanel(activeRules); else showToast('未发现生效规则'); } catch (e) { showToast('获取规则失败'); } }; const initFloatBtn = () => { ensureShadow(); const floatBtn = document.createElement('div'); floatBtn.className = 'float-btn'; floatBtn.innerHTML = `CSS`; let idleTimer; const resetIdle = () => { floatBtn.classList.remove('idle'); clearTimeout(idleTimer); idleTimer = setTimeout(() => { if (!shadowRoot.querySelector('.mask')) floatBtn.classList.add('idle'); }, CONFIG.IDLE_TIME); }; let isDragging = false, startY, startTop, moved = false; floatBtn.ontouchstart = (e) => { isDragging = true; moved = false; startY = e.touches[0].clientY; startTop = floatBtn.offsetTop; floatBtn.style.transition = 'none'; resetIdle(); }; window.addEventListener('touchmove', (e) => { if (!isDragging) return; moved = (Math.abs(e.touches[0].clientY - startY) > 5); floatBtn.style.top = (startTop + e.touches[0].clientY - startY) + 'px'; }, { passive: false }); window.addEventListener('touchend', () => { if (!isDragging) return; isDragging = false; floatBtn.style.transition = 'all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1)'; floatBtn.style.top = Math.max(50, Math.min(window.innerHeight - 50, floatBtn.offsetTop)) + 'px'; floatBtn.style.right = '0px'; resetIdle(); }); floatBtn.onclick = () => { if (!moved) runCheck(); }; shadowRoot.appendChild(floatBtn); resetIdle(); }; if (typeof GM_registerMenuCommand !== 'undefined') { GM_registerMenuCommand('CSS 隐藏规则设置 🛠️', renderSettings); } if (GM_getValue(CONFIG.STORAGE.ENABLED, true)) initFloatBtn(); })();