@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(./KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(./KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(./KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(./KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(./KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(./KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(./KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(./KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(./KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(./KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(./KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(./KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(./KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(./KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(./KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(./KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(./KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(./KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(./KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(./KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(./KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(./KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(./KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(./KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(./KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(./KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(./KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(./KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(./KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(./KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(./KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(./KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(./KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(./KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(./KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(./KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(./KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(./KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(./KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(./KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(./KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(./KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(./KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(./KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(./KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(./KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(./KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(./KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(./KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(./KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(./KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(./KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(./KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(./KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(./KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(./KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(./KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(./KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(./KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.18.4"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.katex-newline{display:block}.katex .katex-base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .katex-base,.katex .katex-strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .katex-vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .katex-thinbox{display:inline-flex;flex-direction:row;max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline,.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-rule,.katex .katex-underline .underline-line,.katex .mfrac .frac-line{min-height:1px}.katex .mspace{display:inline-block}.katex .katex-smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.katex-inner,.katex .llap>.katex-inner,.katex .rlap>.katex-inner{position:absolute}.katex .clap>.katex-fix,.katex .llap>.katex-fix,.katex .rlap>.katex-fix{display:inline-block}.katex .llap>.katex-inner{right:0}.katex .clap>.katex-inner,.katex .rlap>.katex-inner{left:0}.katex .clap>.katex-inner>span{margin-left:-50%;margin-right:50%}.katex .katex-rule{border:0 solid;display:inline-block;position:relative}.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.katex-root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .katex-sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .katex-sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .katex-sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .katex-sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .katex-sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .katex-sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .katex-sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .katex-sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .katex-sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .katex-sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .katex-sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .katex-sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .katex-sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .katex-sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .katex-sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .katex-sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .katex-sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .katex-sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .katex-sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .katex-sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .katex-sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .katex-sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .katex-sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .katex-sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .katex-sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .katex-sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .katex-sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .katex-sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .katex-sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .katex-sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .katex-sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .katex-sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .katex-sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .katex-sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .katex-sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .katex-sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .katex-sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .katex-sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .katex-sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .katex-sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .katex-sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .katex-sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .katex-sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .katex-sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .katex-sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .katex-sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .katex-sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .katex-sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .katex-sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .katex-sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .katex-sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .katex-sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .katex-sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .katex-sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .katex-sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .katex-sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .katex-sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .katex-sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .katex-sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .katex-sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .katex-sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .katex-sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .katex-sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .katex-sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .katex-sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .katex-sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .katex-sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .katex-sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .katex-sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .katex-sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .katex-sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .katex-sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .katex-sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .katex-sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .katex-sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .katex-sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .katex-sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .katex-sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .katex-sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .katex-sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .katex-sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .katex-sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .katex-sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .katex-sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .katex-sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .katex-sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .katex-sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .katex-sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .katex-sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .katex-sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .katex-sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .katex-sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .katex-sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .katex-sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .katex-sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .katex-sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .katex-sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .katex-sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .katex-sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .katex-sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .katex-sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .katex-sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .katex-sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .katex-sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .katex-sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .katex-sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .katex-sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .katex-sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .katex-sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .katex-sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .katex-sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .katex-sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .katex-sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .katex-sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .katex-sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .katex-sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .katex-sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .katex-sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .katex-sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .katex-sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .katex-sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .katex-accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .katex-accent .accent-body{position:relative}.katex .katex-accent .accent-body:not(.accent-full){width:0}.katex .katex-overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .katex-stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .katex-stretchy:after,.katex .katex-stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .katex-sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.katex-tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.katex-tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo} .pdf-preview-backdrop[data-v-a5202838] { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: rgba(17, 24, 39, 0.52); padding: 24px; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .pdf-preview-backdrop.is-page-mode[data-v-a5202838] { position: static; z-index: auto; display: block; width: 100%; height: 100%; min-height: 0; padding: 0; background: #f4f5f7; backdrop-filter: none; -webkit-backdrop-filter: none; } .pdf-preview-panel[data-v-a5202838] { --pdf-preview-link-color: #13a56f; --pdf-preview-link-hover-color: #0f8d5e; display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(1120px, 100%); height: min(820px, 100%); min-width: 0; overflow: hidden; background: #f4f5f7; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 8px; box-shadow: 0 22px 70px rgba(15, 23, 42, 0.28); color: #333333; font-family: "Roboto", "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, "Microsoft YaHei", sans-serif; } .pdf-preview-panel.is-page-mode[data-v-a5202838] { grid-template-rows: minmax(0, 1fr); width: 100%; height: 100%; min-height: 0; border: 0; border-radius: 0; box-shadow: none; } .pdf-preview-panel[data-v-a5202838]:fullscreen { width: 100vw; height: 100vh; grid-template-rows: minmax(0, 1fr); background: #111827; border-radius: 0; } .pdf-preview-panel:fullscreen .pdf-preview-header[data-v-a5202838], .pdf-preview-panel:fullscreen .thumbnail-sidebar[data-v-a5202838], .pdf-preview-panel:fullscreen .pdf-page-number[data-v-a5202838] { display: none; } .pdf-preview-panel:fullscreen .pdf-preview-stage[data-v-a5202838], .pdf-preview-panel:fullscreen .pdf-viewer-content[data-v-a5202838] { min-height: 100%; background: #111827; } .pdf-preview-panel:fullscreen .pdf-page-scroller[data-v-a5202838] { display: block; overflow: auto; padding: 24px; background: #111827; } .pdf-preview-panel:fullscreen .all-pages-container[data-v-a5202838] { align-content: start; min-height: 100%; } .pdf-preview-panel:fullscreen .pdf-page-wrapper[data-v-a5202838] { max-width: 100%; max-height: none; background: transparent; box-shadow: none; } .pdf-preview-panel:fullscreen .pdf-preview-canvas[data-v-a5202838] { max-width: 100%; max-height: none; object-fit: contain; } .fullscreen-page-zone[data-v-a5202838] { display: none; } .pdf-preview-panel:fullscreen .fullscreen-page-zone[data-v-a5202838] { position: absolute; top: 0; bottom: 0; z-index: 6; display: flex; width: min(22vw, 260px); align-items: center; padding: 0 28px; color: #ffffff; background: transparent; border: 0; cursor: pointer; } .pdf-preview-panel:fullscreen .fullscreen-page-zone.previous[data-v-a5202838] { left: 0; justify-content: flex-start; } .pdf-preview-panel:fullscreen .fullscreen-page-zone.next[data-v-a5202838] { right: 0; justify-content: flex-end; } .pdf-preview-panel:fullscreen .fullscreen-page-zone.previous[data-v-a5202838]:hover { background: linear-gradient(90deg, rgba(0, 0, 0, 0.32), transparent); } .pdf-preview-panel:fullscreen .fullscreen-page-zone.next[data-v-a5202838]:hover { background: linear-gradient(270deg, rgba(0, 0, 0, 0.32), transparent); } .fullscreen-nav-badge[data-v-a5202838] { display: grid; width: 48px; height: 58px; place-items: center; background: rgba(17, 24, 39, 0.56); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 6px; opacity: 0; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28); backdrop-filter: blur(10px); transform: translateX(-8px); transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease; } .fullscreen-page-zone.next .fullscreen-nav-badge[data-v-a5202838] { transform: translateX(8px); } .pdf-preview-panel:fullscreen .fullscreen-page-zone:hover .fullscreen-nav-badge[data-v-a5202838] { opacity: 1; transform: translateX(0); } .pdf-preview-panel:fullscreen .fullscreen-page-zone:hover:not(:disabled) .fullscreen-nav-badge[data-v-a5202838] { background: rgba(19, 165, 111, 0.82); } .pdf-preview-panel:fullscreen .fullscreen-page-zone[data-v-a5202838]:disabled { cursor: not-allowed; } .pdf-preview-panel:fullscreen .fullscreen-page-zone:disabled .fullscreen-nav-badge[data-v-a5202838] { opacity: 0.28; } .pdf-preview-header[data-v-a5202838] { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; background: #ffffff; border-bottom: 1px solid #d8dce2; } .pdf-preview-title-block[data-v-a5202838] { min-width: 0; } .pdf-preview-kicker[data-v-a5202838] { display: block; color: var(--pdf-preview-link-color); font-size: 12px; line-height: 16px; font-weight: 600; } .pdf-preview-title-block h2[data-v-a5202838] { overflow: hidden; margin: 2px 0 0; color: #333333; font-size: 16px; line-height: 22px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; } .pdf-preview-actions[data-v-a5202838] { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px; } .toolbar-group[data-v-a5202838] { display: flex; align-items: center; gap: 6px; } .pdf-preview-actions button[data-v-a5202838] { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; color: #333333; background: #ffffff; border: 1px solid #cfd4da; border-radius: 4px; cursor: pointer; } .pdf-preview-actions button[data-v-a5202838]:hover:not(:disabled) { border-color: var(--pdf-preview-link-color); color: var(--pdf-preview-link-color); } .pdf-preview-actions button[data-v-a5202838]:disabled { cursor: not-allowed; opacity: 0.4; } .page-control[data-v-a5202838] { display: flex; align-items: center; gap: 6px; min-height: 34px; color: #555555; font-size: 13px; line-height: 18px; } .page-control input[data-v-a5202838] { box-sizing: border-box; width: 58px; height: 34px; padding: 0 8px; border: 1px solid #cfd4da; border-radius: 4px; color: #333333; font: inherit; text-align: center; } .page-control small[data-v-a5202838] { color: #555555; font-size: 13px; white-space: nowrap; } .zoom-label[data-v-a5202838] { display: inline-flex; min-width: 46px; justify-content: center; color: #333333; font-size: 13px; line-height: 18px; font-weight: 500; } .control-divider[data-v-a5202838] { width: 1px; height: 24px; margin: 0 2px; background: #d8dce2; } .pdf-preview-stage[data-v-a5202838] { position: relative; display: grid; min-width: 0; min-height: 0; overflow: hidden; background: #f4f5f7; text-align: left; } .pdf-preview-stage.is-page-mode[data-v-a5202838] { height: 100%; } .pdf-viewer-content[data-v-a5202838] { display: flex; width: 100%; min-width: 0; min-height: 0; overflow: hidden; } .pdf-viewer-content.is-page-mode[data-v-a5202838] { display: block; height: 100%; } .thumbnail-sidebar[data-v-a5202838] { flex: 0 0 148px; width: 148px; min-height: 0; overflow-y: auto; background: #ffffff; border-right: 1px solid #d8dce2; padding: 10px; scrollbar-color: rgba(17, 24, 39, 0.22) transparent; } .thumbnail-sidebar[data-v-a5202838]::-webkit-scrollbar { width: 8px; } .thumbnail-sidebar[data-v-a5202838]::-webkit-scrollbar-thumb { background: rgba(17, 24, 39, 0.22); border-radius: 999px; } .thumbnail-list[data-v-a5202838] { display: flex; flex-direction: column; gap: 10px; } .thumbnail-item[data-v-a5202838] { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 7px; color: #555555; background: transparent; border: 1px solid transparent; border-radius: 6px; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; } .thumbnail-item[data-v-a5202838]:hover:not(:disabled) { color: var(--pdf-preview-link-color); background: rgba(19, 165, 111, 0.08); border-color: rgba(19, 165, 111, 0.22); } .thumbnail-item.active-thumbnail[data-v-a5202838] { color: var(--pdf-preview-link-color); background: rgba(19, 165, 111, 0.1); border-color: rgba(19, 165, 111, 0.42); } .thumbnail-item[data-v-a5202838]:disabled { cursor: not-allowed; opacity: 0.55; } .thumbnail-canvas[data-v-a5202838] { display: block; max-width: 100%; height: auto; background: #ffffff; box-shadow: 0 0 0 1px rgba(17, 24, 39, 0.08), 0 4px 12px rgba(17, 24, 39, 0.1); } .thumbnail-page-number[data-v-a5202838] { margin-top: 5px; font-size: 12px; line-height: 16px; } .pdf-page-scroller[data-v-a5202838] { flex: 1; min-width: 0; min-height: 0; overflow: auto; background: linear-gradient(45deg, #e5e7eb 25%, transparent 25%), linear-gradient(-45deg, #e5e7eb 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e5e7eb 75%), linear-gradient(-45deg, transparent 75%, #e5e7eb 75%); background-color: #f4f5f7; background-position: 0 0, 0 8px, 8px -8px, -8px 0; background-size: 16px 16px; padding: 24px; text-align: center; } .pdf-page-scroller.is-all-pages[data-v-a5202838] { height: 100%; padding: 12px; } .all-pages-container[data-v-a5202838] { display: grid; width: 100%; justify-items: center; gap: 12px; } .pdf-page-wrapper.is-all-page[data-v-a5202838] { justify-content: center; min-height: min(72vh, 720px); max-width: 100%; } .pdf-page-wrapper.is-all-page .pdf-preview-canvas[data-v-a5202838] { max-width: 100%; height: auto; } .pdf-page-wrapper[data-v-a5202838] { display: inline-flex; overflow: hidden; flex-direction: column; align-items: center; width: fit-content; max-width: none; background: #ffffff; box-shadow: 0 0 0 1px rgba(17, 24, 39, 0.08), 0 12px 30px rgba(17, 24, 39, 0.14); } .pdf-page-number[data-v-a5202838] { box-sizing: border-box; width: 100%; padding: 6px 10px; color: #666666; background: #ffffff; border-top: 1px solid #e5e7eb; font-size: 12px; line-height: 16px; text-align: center; } .pdf-preview-stage.is-browser-mode[data-v-a5202838] { display: grid; overflow: hidden; padding: 0; background: #f4f5f7; } .pdf-preview-canvas[data-v-a5202838] { display: block; margin: 0; background: #ffffff; } .pdf-preview-state[data-v-a5202838] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 10px; color: #555555; background: #f4f5f7; font-size: 14px; line-height: 20px; } .pdf-preview-state.warning[data-v-a5202838] { color: #8f1d1d; } .pdf-error-card[data-v-a5202838] { position: absolute; top: 50%; left: 50%; display: grid; width: min(420px, calc(100% - 48px)); justify-items: center; gap: 10px; padding: 28px 30px; color: #333333; background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(216, 220, 226, 0.92); border-radius: 8px; box-shadow: 0 18px 45px rgba(17, 24, 39, 0.14); text-align: center; transform: translate(-50%, -50%); } .pdf-error-icon[data-v-a5202838], .pdf-status-icon[data-v-a5202838] { display: grid; place-items: center; border-radius: 50%; } .pdf-error-icon[data-v-a5202838] { width: 42px; height: 42px; color: #8f1d1d; background: #fdecec; } .pdf-error-icon[data-v-a5202838]::before, .pdf-status-icon[data-v-a5202838]::before { content: "!"; font-size: 18px; line-height: 1; font-weight: 700; } .pdf-error-card strong[data-v-a5202838] { color: #333333; font-size: 16px; line-height: 22px; font-weight: 600; } .pdf-error-card p[data-v-a5202838] { margin: 0; color: #666666; font-size: 14px; line-height: 21px; } .pdf-error-actions[data-v-a5202838] { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px; } .pdf-error-actions button[data-v-a5202838], .pdf-error-actions a[data-v-a5202838], .pdf-browser-tip button[data-v-a5202838], .pdf-browser-tip a[data-v-a5202838] { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 12px; color: var(--pdf-preview-link-color); background: #ffffff; border: 1px solid rgba(19, 165, 111, 0.32); border-radius: 4px; cursor: pointer; font-size: 13px; line-height: 18px; font-weight: 500; text-decoration: none; } .pdf-error-actions button[data-v-a5202838]:hover, .pdf-error-actions a[data-v-a5202838]:hover, .pdf-browser-tip button[data-v-a5202838]:hover, .pdf-browser-tip a[data-v-a5202838]:hover { color: #ffffff; background: var(--pdf-preview-link-hover-color); border-color: var(--pdf-preview-link-hover-color); } .pdf-browser-preview[data-v-a5202838] { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; text-align: left; } .pdf-browser-tip[data-v-a5202838] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 10px; margin: 0; padding: 10px 16px; color: #555555; background: #ffffff; border-bottom: 1px solid #d8dce2; font-size: 13px; line-height: 18px; } .pdf-browser-tip strong[data-v-a5202838], .pdf-browser-tip small[data-v-a5202838] { display: block; } .pdf-browser-tip strong[data-v-a5202838] { color: #333333; font-size: 13px; line-height: 18px; font-weight: 600; } .pdf-browser-tip small[data-v-a5202838] { margin-top: 1px; color: #666666; font-size: 12px; line-height: 16px; } .pdf-status-icon[data-v-a5202838] { width: 28px; height: 28px; flex: 0 0 auto; color: var(--pdf-preview-link-color); background: rgba(19, 165, 111, 0.1); } .pdf-status-icon[data-v-a5202838]::before { font-size: 14px; } .pdf-browser-frame[data-v-a5202838] { display: block; width: 100%; height: 100%; min-height: 0; background: #ffffff; border: 0; } .pdf-loading-dot[data-v-a5202838] { width: 10px; height: 10px; border: 2px solid rgba(19, 165, 111, 0.24); border-top-color: var(--pdf-preview-link-color); border-radius: 50%; animation: pdf-loading-a5202838 720ms linear infinite; } .pdf-icon[data-v-a5202838] { display: block; width: 18px; height: 18px; background: currentColor; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .icon-previous[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5L7.5 10L12.5 15' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5L7.5 10L12.5 15' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-next[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-zoom-in[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M9 6.6V11.4M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M9 6.6V11.4M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-zoom-out[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-fit[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7V5H7M13 5H15V7M15 13V15H13M7 15H5V13M8 10H12' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7V5H7M13 5H15V7M15 13V15H13M7 15H5V13M8 10H12' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-reset[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3 7.1A5.5 5.5 0 1 1 5 13.2M5.3 7.1H2.8M5.3 7.1V4.6' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3 7.1A5.5 5.5 0 1 1 5 13.2M5.3 7.1H2.8M5.3 7.1V4.6' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-fullscreen[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4H4V6.5M13.5 4H16V6.5M16 13.5V16H13.5M6.5 16H4V13.5' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4H4V6.5M13.5 4H16V6.5M16 13.5V16H13.5M6.5 16H4V13.5' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-fullscreen-exit[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H7V4M13 4V7H16M16 13H13V16M7 16V13H4' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H7V4M13 4V7H16M16 13H13V16M7 16V13H4' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-close[data-v-a5202838] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15M15 5L5 15' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15M15 5L5 15' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .sr-only[data-v-a5202838] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } @keyframes pdf-loading-a5202838 { to { transform: rotate(360deg); } } @media (max-width: 760px) { .pdf-preview-backdrop[data-v-a5202838] { padding: 0; } .pdf-preview-panel[data-v-a5202838] { width: 100%; height: 100%; border-radius: 0; } .pdf-preview-header[data-v-a5202838] { align-items: flex-start; flex-direction: column; gap: 10px; } .pdf-preview-actions[data-v-a5202838] { width: 100%; overflow-x: auto; justify-content: flex-start; padding-bottom: 2px; } .thumbnail-sidebar[data-v-a5202838] { display: none; } .pdf-page-scroller[data-v-a5202838] { padding: 16px; } .pdf-browser-tip[data-v-a5202838] { grid-template-columns: auto minmax(0, 1fr); } .pdf-browser-tip button[data-v-a5202838], .pdf-browser-tip a[data-v-a5202838] { grid-column: 2; width: fit-content; } } .app-message-list[data-v-6a758322]{position:fixed;top:84px;left:50%;z-index:350;display:grid;width:min(360px,calc(100vw - 32px));gap:8px;pointer-events:none;transform:translateX(-50%)}.app-message[data-v-6a758322]{--message-dot:#8a9096;display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:10px;width:max-content;max-width:100%;min-height:40px;justify-self:center;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-control,8px);background:rgba(255,255,255,.98);box-shadow:0 4px 14px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);color:#18181b;cursor:pointer;font-size:14px;font-weight:400;line-height:20px;padding:9px 14px;pointer-events:auto;text-align:left;transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease}.app-message-icon[data-v-6a758322]{width:8px;height:8px;border-radius:50%;background:var(--message-dot)}.app-message-text[data-v-6a758322]{min-width:0;overflow-wrap:anywhere}.app-message[data-v-6a758322]:hover{border-color:rgba(0,0,0,.12);background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);transform:translateY(-1px)}.app-message[data-v-6a758322]:focus-visible{outline:2px solid rgba(21,172,112,.28);outline-offset:2px}.app-message.is-error[data-v-6a758322]{--message-dot:#d92d20}.app-message.is-warning[data-v-6a758322]{--message-dot:#b7791f}.app-message.is-success[data-v-6a758322]{--message-dot:#15ac70}.app-message.is-info[data-v-6a758322]{--message-dot:#8a9096}@media(max-width:560px){.app-message-list[data-v-6a758322]{top:calc(72px + env(safe-area-inset-top,0px));width:calc(100vw - 24px)}.app-message[data-v-6a758322]{width:100%;justify-self:stretch;padding:9px 12px;font-size:13px;line-height:19px}} .conversation-feedback[data-v-176a16d6]{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(17,24,39,.35);backdrop-filter:blur(2px)}.conversation-feedback__panel[data-v-176a16d6]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,calc(100vw - 32px));max-height:min(78dvh,620px);overflow:hidden;border:1px solid rgba(77,107,153,.18);border-radius:12px;background:#fff;box-shadow:0 18px 56px rgba(26,33,46,.2);color:#31353a}.conversation-feedback__header[data-v-176a16d6],.conversation-feedback__footer[data-v-176a16d6]{display:flex;align-items:center;padding:14px 18px}.conversation-feedback__header[data-v-176a16d6]{justify-content:space-between;border-bottom:1px solid rgba(77,107,153,.12)}.conversation-feedback__header strong[data-v-176a16d6]{font-size:16px}.conversation-feedback__header button[data-v-176a16d6]{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#5b6066;font-size:22px;cursor:pointer}.conversation-feedback__header button[data-v-176a16d6]:hover{background:rgba(86,99,119,.1)}.conversation-feedback__body[data-v-176a16d6]{display:grid;gap:18px;overflow-y:auto;padding:18px}.conversation-feedback__loading[data-v-176a16d6]{margin:0;color:#8a9096;font-size:13px}.conversation-feedback__section[data-v-176a16d6]{display:grid;gap:10px}.conversation-feedback__section h3[data-v-176a16d6]{margin:0;font-size:14px}.conversation-feedback__tags[data-v-176a16d6]{display:flex;flex-wrap:wrap;gap:8px}.conversation-feedback__tags button[data-v-176a16d6]{min-height:32px;border:1px solid rgba(77,107,153,.18);border-radius:6px;background:#fbfbfc;padding:0 12px;color:#5b6066;font-size:13px;cursor:pointer}.conversation-feedback__tags button.is-selected[data-v-176a16d6],.conversation-feedback__tags button[data-v-176a16d6]:hover:not(:disabled){border-color:rgba(10,184,97,.42);background:rgba(10,184,97,.1);color:#099e53}.conversation-feedback__tags button[data-v-176a16d6]:disabled{opacity:.5;cursor:not-allowed}.conversation-feedback__input[data-v-176a16d6]{position:relative;display:grid}.conversation-feedback__input textarea[data-v-176a16d6]{width:100%;min-height:112px;resize:vertical;border:1px solid rgba(77,107,153,.18);border-radius:8px;background:#fbfbfc;padding:12px 14px 30px;color:#31353a;font:inherit;font-size:14px;line-height:22px;outline:0}.conversation-feedback__input textarea[data-v-176a16d6]:focus{border-color:rgba(10,184,97,.42);box-shadow:0 0 0 3px rgba(10,184,97,.12)}.conversation-feedback__input span[data-v-176a16d6]{position:absolute;right:12px;bottom:9px;color:#8a9096;font-size:12px}.conversation-feedback__footer[data-v-176a16d6]{justify-content:flex-end;gap:10px;border-top:1px solid rgba(77,107,153,.12)}.conversation-feedback__footer button[data-v-176a16d6]{min-width:88px;min-height:34px;border-radius:6px;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer}.conversation-feedback__cancel[data-v-176a16d6]{border:1px solid rgba(77,107,153,.18);background:#fff;color:#5b6066}.conversation-feedback__submit[data-v-176a16d6]{border:0;background:#0ab861;color:#fff}.conversation-feedback__submit[data-v-176a16d6]:disabled{background:rgba(86,99,119,.22);cursor:not-allowed}@media(max-width:560px){.conversation-feedback[data-v-176a16d6]{padding:12px}.conversation-feedback__panel[data-v-176a16d6]{width:100%;max-height:calc(100dvh - 24px)}} /* 与 AI 内容区的浅紫表面、紫色强调色保持一致。 */ .conversation-feedback[data-v-176a16d6] { background: rgba(55, 41, 75, .32); } .conversation-feedback__panel[data-v-176a16d6] { border-color: #dcd2ef; border-radius: var(--radius-control, 8px); background: #f6f3fc; box-shadow: 0 24px 70px rgba(55, 41, 75, .22); color: #1f2328; } .conversation-feedback__header[data-v-176a16d6], .conversation-feedback__footer[data-v-176a16d6] { border-color: #dcd2ef; } .conversation-feedback__header strong[data-v-176a16d6], .conversation-feedback__section h3[data-v-176a16d6] { color: #37294b; } .conversation-feedback__header button[data-v-176a16d6] { border-radius: var(--radius-control, 8px); color: #6639af; } .conversation-feedback__header button[data-v-176a16d6]:hover { background: #ebe4f7; } .conversation-feedback__loading[data-v-176a16d6], .conversation-feedback__input span[data-v-176a16d6] { color: #59636e; } .conversation-feedback__tags button[data-v-176a16d6] { border-color: #dcd2ef; border-radius: var(--radius-control, 8px); background: #fff; color: #37294b; } .conversation-feedback__tags button.is-selected[data-v-176a16d6], .conversation-feedback__tags button[data-v-176a16d6]:hover:not(:disabled) { border-color: #8250df; background: #ebe4f7; color: #6639af; } .conversation-feedback__input textarea[data-v-176a16d6] { border-color: #dcd2ef; border-radius: var(--radius-control, 8px); background: #fff; color: #1f2328; } .conversation-feedback__input textarea[data-v-176a16d6]:focus { border-color: #8250df; box-shadow: 0 0 0 3px rgba(130, 80, 223, .14); } .conversation-feedback__footer button[data-v-176a16d6] { border-radius: var(--radius-control, 8px); } .conversation-feedback__cancel[data-v-176a16d6] { border-color: #dcd2ef; color: #37294b; } .conversation-feedback__submit[data-v-176a16d6] { background: radial-gradient(ellipse at 22% 8%, #8d4cff 0%, #452079 46%, #151025 100%); } .conversation-feedback__submit[data-v-176a16d6]:hover:not(:disabled) { filter: brightness(1.08); } .comp-compose-footer[data-v-35caf97c]{flex:none;padding:12px 16px 14px;border:0;background:var(--ask-surface-subtle)}.comp-input[data-v-35caf97c]{position:relative;border:1px solid var(--ask-border);border-radius:var(--radius-lg,12px);background:#303142}.comp-input[data-v-35caf97c]:focus-within{border-color:var(--ask-purple);box-shadow:0 0 0 3px var(--ask-ring)}.comp-input textarea[data-v-35caf97c]:focus-visible{outline:0!important}.comp-input textarea[data-v-35caf97c]{display:block;width:100%;min-height:88px;max-height:180px;padding:14px 58px 14px 14px;resize:none;border:0;border-radius:inherit;outline:0;background:none;color:#f4f3fa;font:400 14px/1.65 var(--font-sans,Inter,sans-serif)}.comp-input textarea[data-v-35caf97c]::placeholder{color:var(--ask-text-muted)}.comp-input button[data-v-35caf97c]{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:40px;height:40px;min-width:0;min-height:0;padding:0;border:1px solid var(--ask-button-border);border-radius:6px;background:var(--ask-button-background);color:var(--ask-text);cursor:pointer}.comp-input button[data-v-35caf97c]:hover:not(:disabled){background:var(--ask-button-hover);color:var(--ask-text)}.comp-input button[data-v-35caf97c]:disabled{opacity:.35;cursor:not-allowed}.comp-input button svg[data-v-35caf97c]{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.comp-input button[data-v-35caf97c]:focus-visible{outline:2px solid var(--ask-purple);outline-offset:2px}@media(max-width:760px){.ai-companion[data-mode=full]{padding:12px 16px max(16px,env(safe-area-inset-bottom))}} .comp-head[data-v-dbe10d07]{position:relative;display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 12px;background:#292a3a;border-bottom:1px solid var(--ask-border-soft)} .comp-account[data-v-dbe10d07]{display:grid;place-items:center;width:40px;height:40px;flex:none} .lumy-firefly[data-v-dbe10d07]{display:block;width:40px;height:40px;object-fit:contain} .comp-brand[data-v-dbe10d07]{font-size:16px;font-weight:600;white-space:nowrap} .comp-head:not(.is-full) .comp-brand[data-v-dbe10d07]{display:none} .comp-acts[data-v-dbe10d07]{display:flex;align-items:center;gap:0;margin-left:auto} .comp-acts button[data-v-dbe10d07]{display:grid;place-items:center;width:44px;height:44px;min-width:0;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ask-text-muted);cursor:pointer} .comp-acts button[data-v-dbe10d07]:hover{background:var(--ask-surface-muted);color:#f4f3fa} .comp-acts button[data-v-dbe10d07]:disabled{opacity:.35;cursor:not-allowed} .comp-acts button[aria-pressed=true][data-v-dbe10d07],.comp-acts button[aria-expanded=true][data-v-dbe10d07]{background:#393049;color:var(--ask-purple)} .comp-acts svg[data-v-dbe10d07]{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .comp-head[data-v-dbe10d07] :is(button):focus-visible{outline:2px solid var(--ask-purple);outline-offset:2px} @media(max-width:760px){.comp-head[data-v-dbe10d07]{padding-inline:8px;gap:0}.comp-brand[data-v-dbe10d07]{display:none}.comp-acts button[data-v-dbe10d07]{width:42px;height:44px}} .comp-history[data-v-7f41ed96]{flex:1;min-height:0;padding:20px;overflow-y:auto;background:var(--ask-surface-subtle);scrollbar-width:thin;scrollbar-color:var(--ask-border) var(--ask-surface-subtle)} .comp-history-heading[data-v-7f41ed96]{display:flex;align-items:center;justify-content:space-between;gap:8px} .comp-history-heading h2[data-v-7f41ed96]{margin:0;font:600 16px/1.5 var(--font-sans,Inter,sans-serif)} .comp-history-heading button[data-v-7f41ed96]{display:grid;place-items:center;width:44px;height:44px;min-width:0;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ask-text-muted);cursor:pointer} .comp-history-heading button[data-v-7f41ed96]:hover{background:var(--ask-surface-muted);color:#f4f3fa} .comp-history-heading svg[data-v-7f41ed96]{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .comp-history-empty[data-v-7f41ed96]{color:var(--ask-text-muted);font-size:14px;line-height:1.7} .comp-history-search[data-v-7f41ed96]{display:grid;gap:8px;margin:12px 0 16px;font-size:14px} .comp-history-search input[data-v-7f41ed96]{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--ask-border);border-radius:6px;background:var(--ask-panel);color:#f4f3fa;font-size:14px} .comp-history-list[data-v-7f41ed96]{display:grid;gap:4px} .comp-history-item[data-v-7f41ed96]{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;padding:14px 10px;border:0;border-bottom:1px solid var(--ask-border-soft);border-radius:6px;background:transparent;color:#f4f3fa;text-align:left;cursor:pointer} .comp-history-item[data-v-7f41ed96]:hover,.comp-history-item[aria-current=true][data-v-7f41ed96]{background:#393049} .comp-history-item strong[data-v-7f41ed96]{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.5 var(--font-sans,Inter,sans-serif)} .comp-history-item span[data-v-7f41ed96]{display:block;flex:none;margin:0;color:var(--ask-text-muted);font-size:12px} .sr-only[data-v-7f41ed96]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .comp-history[data-v-7f41ed96] :is(button,input):focus-visible{outline:2px solid var(--ask-purple);outline-offset:2px} @media(max-width:760px){.ai-companion[data-mode=full]{width:100%;border:0}} .ai-launcher[data-v-c38e81a9]{position:fixed;right:26px;bottom:26px;z-index:90;display:flex;place-items:center;justify-content:center;gap:4px;width:126px;height:56px;padding:0;border:1px solid rgba(147,166,199,.34);border-radius:16px;background:rgba(7,11,19,.92);color:#f4f3fa;box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08);cursor:pointer;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s} .ai-launcher[data-v-c38e81a9]:hover{border-color:rgba(89,240,255,.62);background:rgba(10,16,27,.96);box-shadow:0 16px 36px rgba(0,0,0,.46),0 0 20px rgba(89,240,255,.12),inset 0 1px rgba(255,255,255,.1);transform:translateY(-2px)} .ai-launcher[data-v-c38e81a9]:focus-visible{outline:2px solid #59f0ff;outline-offset:4px} .ask-mascot[data-v-c38e81a9]{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))} .ai-entry-label[data-v-c38e81a9]{display:block;color:#f4f3fa;font:600 14px/1.4 var(--font-sans,Inter,sans-serif);white-space:nowrap} @media(max-width:760px){.ai-launcher[data-v-c38e81a9]{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:52px;height:52px;border-radius:15px}.ask-mascot[data-v-c38e81a9]{width:44px;height:44px}.ai-entry-label[data-v-c38e81a9]{display:none}} .image-preview-backdrop[data-v-204036a3] { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(18, 24, 32, 0.78); padding: 52px; cursor: zoom-out; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .image-preview-stage[data-v-204036a3] { display: block; width: 100%; height: 100%; overflow: auto; overscroll-behavior: contain; scrollbar-color: rgba(255, 255, 255, 0.32) transparent; scrollbar-width: thin; touch-action: none; user-select: none; } .image-preview-stage.is-draggable[data-v-204036a3] { cursor: grab; } .image-preview-stage.is-dragging[data-v-204036a3] { cursor: grabbing; } .image-preview-stage.is-dragging .image-preview-image[data-v-204036a3] { pointer-events: none; } .image-preview-stage[data-v-204036a3]::-webkit-scrollbar { width: 6px; height: 6px; } .image-preview-stage[data-v-204036a3]::-webkit-scrollbar-track { background: transparent; } .image-preview-stage[data-v-204036a3]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.32); border-radius: 999px; } .image-preview-scroll[data-v-204036a3] { display: grid; min-width: 100%; min-height: 100%; place-items: center; padding: 1px; } .image-preview-image[data-v-204036a3] { display: block; max-width: none; max-height: none; border-radius: 8px; background: #fff; box-shadow: 0 18px 52px rgba(0, 0, 0, 0.32); cursor: default; object-fit: contain; user-select: none; transition: height 160ms ease, width 160ms ease; } .image-preview-stage.is-draggable .image-preview-image[data-v-204036a3] { cursor: grab; } .image-preview-stage.is-dragging .image-preview-image[data-v-204036a3] { cursor: grabbing; } .image-preview-toolbar[data-v-204036a3] { position: absolute; top: 18px; left: 50%; z-index: 1; display: flex; align-items: center; gap: 4px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; background: rgba(18, 24, 32, 0.64); padding: 5px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18); transform: translateX(-50%); } .image-preview-tool-button[data-v-204036a3] { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 999px; background: transparent; padding: 0; cursor: pointer; transition: background 160ms ease, transform 160ms ease; } .image-preview-tool-button[data-v-204036a3]:hover:not(:disabled) { background: rgba(255, 255, 255, 0.16); } .image-preview-tool-button[data-v-204036a3]:active:not(:disabled) { transform: scale(0.94); } .image-preview-tool-button[data-v-204036a3]:disabled { cursor: not-allowed; opacity: 0.42; } .image-preview-tool-button[data-v-204036a3]:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.34); outline-offset: 2px; } .image-preview-scale[data-v-204036a3] { min-width: 48px; color: #fff; font-size: 12px; font-variant-numeric: tabular-nums; line-height: 18px; text-align: center; } .image-preview-tool-icon[data-v-204036a3] { display: block; width: 18px; height: 18px; background: #fff; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .icon-zoom-in[data-v-204036a3] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M9 6.6V11.4M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M9 6.6V11.4M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-zoom-out[data-v-204036a3] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M6.6 9H11.4M13 13L16 16' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-zoom-reset[data-v-204036a3] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2 7.2C6.1 5.6 7.8 4.5 9.8 4.5C12.8 4.5 15.2 6.9 15.2 9.9C15.2 12.9 12.8 15.3 9.8 15.3C7.8 15.3 6.1 14.2 5.2 12.6' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M5.1 4.8V7.3H7.6' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2 7.2C6.1 5.6 7.8 4.5 9.8 4.5C12.8 4.5 15.2 6.9 15.2 9.9C15.2 12.9 12.8 15.3 9.8 15.3C7.8 15.3 6.1 14.2 5.2 12.6' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M5.1 4.8V7.3H7.6' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .image-preview-navigation[data-v-204036a3] { position: absolute; bottom: 18px; left: 50%; display: flex; align-items: center; gap: 12px; transform: translateX(-50%); color: #fff; font: 13px/1.4 var(--font-mono); pointer-events: auto; } .image-preview-nav-button[data-v-204036a3] { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 999px; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; } .image-preview-nav-button[data-v-204036a3]:hover, .image-preview-nav-button[data-v-204036a3]:focus-visible { background: rgba(255, 255, 255, 0.24); } .image-preview-close[data-v-204036a3] { position: absolute; top: 18px; right: 18px; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; background: rgba(255, 255, 255, 0.12); padding: 0; cursor: pointer; transition: background 160ms ease, transform 160ms ease; } .image-preview-close[data-v-204036a3]:hover { background: rgba(255, 255, 255, 0.2); } .image-preview-close[data-v-204036a3]:active { transform: scale(0.94); } .image-preview-close[data-v-204036a3]:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.38); outline-offset: 2px; } .image-preview-close-icon[data-v-204036a3] { display: block; width: 18px; height: 18px; background: #fff; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15M15 5L5 15' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15M15 5L5 15' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .image-preview-enter-active[data-v-204036a3], .image-preview-leave-active[data-v-204036a3] { transition: opacity 180ms ease; } .image-preview-enter-active .image-preview-image[data-v-204036a3], .image-preview-leave-active .image-preview-image[data-v-204036a3] { transition: opacity 180ms ease, transform 180ms ease; } .image-preview-enter-from[data-v-204036a3], .image-preview-leave-to[data-v-204036a3] { opacity: 0; } .image-preview-enter-from .image-preview-image[data-v-204036a3], .image-preview-leave-to .image-preview-image[data-v-204036a3] { opacity: 0; transform: scale(0.98); } @media (max-width: 560px) { .image-preview-backdrop[data-v-204036a3] { padding: 78px 14px 44px; } .image-preview-toolbar[data-v-204036a3] { top: 14px; } .image-preview-close[data-v-204036a3] { top: 14px; right: 14px; } } .comp-site-links[data-v-3b172a32]{display:grid;gap:10px;margin:10px 0}.comp-site-link[data-v-3b172a32]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #565468;border-radius:var(--radius-control,8px);background:#303142;color:#dfd4ff;font-size:13px;line-height:1.4;text-decoration:none}.comp-site-link[data-v-3b172a32]:hover{background:#3c3b50;color:#fff}.comp-site-link span[data-v-3b172a32]:first-child{min-width:0;overflow-wrap:anywhere}.comp-site-link span[data-v-3b172a32]:last-child{flex:none;font-size:15px} .comp-message-tools .comp-edit-feedback[data-v-6da430ea] { width: auto; padding-inline: 8px; white-space: nowrap; font-size: 12px; } .comp-turn[data-v-6da430ea]{display:flex;max-width:820px;margin:0 auto 28px;flex-direction:column;gap:18px}.comp-msg[data-v-6da430ea]{max-width:100%;font:400 14px/1.8 var(--font-sans,Inter,sans-serif);overflow-wrap:anywhere}.comp-msg.user[data-v-6da430ea]{align-self:flex-end;max-width:86%;padding:10px 14px;border:1px solid var(--ask-border-soft);border-radius:var(--radius-lg,12px);background:var(--ask-surface-muted);color:#f4f3fa;white-space:pre-wrap}.comp-answer-row[data-v-6da430ea]{display:flex;align-items:flex-start;gap:10px}.comp-answer-avatar[data-v-6da430ea]{flex:none;width:28px;padding-top:2px}.comp-answer-avatar .lumy-firefly[data-v-6da430ea]{width:28px;height:28px}.comp-msg.ai[data-v-6da430ea]{flex:1;min-width:0;color:#f4f3fa}.comp-answer-name[data-v-6da430ea]{display:block;margin-bottom:8px;color:#f4f3fa}.comp-rich-text[data-v-6da430ea]{margin:0 0 12px;overflow-wrap:anywhere}.comp-rich-text[data-v-6da430ea] p{margin:0 0 6px}.comp-rich-text[data-v-6da430ea] p:last-child{margin-bottom:0}.comp-rich-text[data-v-6da430ea] ul,.comp-rich-text[data-v-6da430ea] ol{margin:8px 0;padding-left:20px}.comp-rich-text[data-v-6da430ea] li{margin-bottom:6px}.comp-rich-text[data-v-6da430ea] h1,.comp-rich-text[data-v-6da430ea] h2,.comp-rich-text[data-v-6da430ea] h3,.comp-rich-text[data-v-6da430ea] h4{margin:12px 0 8px;color:#f4f3fa;font-weight:600;line-height:1.35}.comp-rich-text[data-v-6da430ea] h1,.comp-rich-text[data-v-6da430ea] h2{font-size:18px}.comp-rich-text[data-v-6da430ea] h3{font-size:16px}.comp-rich-text[data-v-6da430ea] h4{font-size:15px}.comp-rich-text[data-v-6da430ea] a{color:var(--ask-purple);text-decoration:none}.comp-rich-text[data-v-6da430ea] a:hover{text-decoration:underline}.comp-rich-text[data-v-6da430ea] blockquote{margin:8px 0;padding:2px 0 2px 12px;border-left:3px solid var(--ask-border);color:var(--ask-text-muted)}.comp-rich-text[data-v-6da430ea] code{padding:2px 4px;border-radius:4px;background:var(--ask-surface-muted);font-family:var(--font-mono,monospace);font-size:13px}.comp-rich-text[data-v-6da430ea] pre{overflow-x:auto;margin:10px 0;padding:10px;border:1px solid var(--ask-border-soft);border-radius:6px;background:#171822;font-family:var(--font-mono,monospace);font-size:13px;line-height:1.55}.comp-rich-text[data-v-6da430ea] pre code{padding:0;background:none}.comp-rich-text[data-v-6da430ea] img{display:block;max-width:100%;max-height:360px;margin:8px 0;border:1px solid var(--ask-border-soft);border-radius:8px;background:#fff;object-fit:contain;cursor:zoom-in}.comp-rich-text[data-v-6da430ea] .table-scroll-wrap{overflow-x:auto;margin:10px 0 9px;border:1px solid var(--ask-border-soft);border-radius:6px;background:var(--ask-surface-subtle)}.comp-rich-text[data-v-6da430ea] table{width:max-content;min-width:100%;border-collapse:collapse;font-size:13px}.comp-rich-text[data-v-6da430ea] th,.comp-rich-text[data-v-6da430ea] td{max-width:200px;padding:8px;border:1px solid var(--ask-border-soft);text-align:left;white-space:normal;overflow-wrap:break-word}.comp-rich-text[data-v-6da430ea] th{background:var(--ask-surface-muted);font-weight:600}.comp-rich-text[data-v-6da430ea] .math-inline{display:inline-block;max-width:100%;vertical-align:middle}.comp-rich-text[data-v-6da430ea] .math-block{display:block;overflow-x:auto;margin:10px 0;padding:8px 0;text-align:center;scrollbar-width:none}.comp-rich-text[data-v-6da430ea] .katex-display{margin:0;overflow:visible}.comp-rich-text[data-v-6da430ea] .math-fallback,.comp-rich-text[data-v-6da430ea] .math-inline-fallback{padding:0 5px;border-radius:4px;background:rgba(198,174,255,.12);font-family:var(--font-mono,monospace)}.comp-pending[data-v-6da430ea]{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:4px 0 10px}.comp-pending span[data-v-6da430ea]{width:6px;height:6px;border-radius:50%;background:var(--ask-purple);opacity:.35;animation:comp-pending-6da430ea 1.2s infinite ease-in-out}.comp-pending span[data-v-6da430ea]:nth-child(2){animation-delay:.15s}.comp-pending span[data-v-6da430ea]:nth-child(3){animation-delay:.3s}@keyframes comp-pending-6da430ea{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.comp-error[data-v-6da430ea]{display:block;color:#f29aab}.comp-message-tools[data-v-6da430ea]{display:flex;align-items:center;gap:2px;margin-top:8px}.comp-message-tools button[data-v-6da430ea]{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ask-text-muted);cursor:pointer}.comp-message-tools button[data-v-6da430ea]:hover:not(:disabled),.comp-message-tools button.is-active[data-v-6da430ea],.comp-message-tools button.is-confirmed[data-v-6da430ea]{background:var(--ask-surface-muted);color:var(--ask-purple)}.comp-message-tools button[data-v-6da430ea]:disabled{opacity:.45;cursor:not-allowed}.comp-message-tools svg[data-v-6da430ea]{width:16px;height:16px}.comp-message-tools svg.search-icon--octicon[data-v-6da430ea]{fill:currentColor;stroke:none} .comp-message-tools svg.search-icon--copy[data-v-6da430ea]{width:18px;height:18px;stroke-width:1.7} .comp-msg.ai[data-v-6da430ea]{font-size:13px;line-height:1.75} .comp-rich-text[data-v-6da430ea] p{margin-bottom:5px}.comp-rich-text[data-v-6da430ea] ul,.comp-rich-text[data-v-6da430ea] ol{margin:7px 0;padding-left:18px}.comp-rich-text[data-v-6da430ea] li{margin-bottom:5px}.comp-rich-text[data-v-6da430ea] h1,.comp-rich-text[data-v-6da430ea] h2,.comp-rich-text[data-v-6da430ea] h3,.comp-rich-text[data-v-6da430ea] h4{margin:11px 0 7px}.comp-rich-text[data-v-6da430ea] h1,.comp-rich-text[data-v-6da430ea] h2{font-size:17px}.comp-rich-text[data-v-6da430ea] h3{font-size:15px}.comp-rich-text[data-v-6da430ea] h4{font-size:14px}.comp-rich-text[data-v-6da430ea] blockquote{margin:7px 0;padding:2px 0 2px 11px}.comp-rich-text[data-v-6da430ea] code{padding:2px 4px;font-size:12px}.comp-rich-text[data-v-6da430ea] pre{margin:9px 0;padding:9px;font-size:12px}.comp-rich-text[data-v-6da430ea] img{max-height:334px;margin:7px 0;border-radius:7px}.comp-rich-text[data-v-6da430ea] .table-scroll-wrap{margin:9px 0 8px}.comp-rich-text[data-v-6da430ea] table{font-size:12px}.comp-rich-text[data-v-6da430ea] th,.comp-rich-text[data-v-6da430ea] td{padding:7px}.comp-rich-text[data-v-6da430ea] .math-block{margin:9px 0;padding:7px 0} .comp-welcome[data-v-237f923b]{width:100%;max-width:600px;margin:auto;padding:0 0 4px;text-align:center} .comp-welcome-mark[data-v-237f923b]{display:flex;justify-content:center;margin-bottom:8px;color:var(--ask-text-muted)} .comp-welcome-mark .lumy-firefly[data-v-237f923b]{width:40px;height:40px} .comp-welcome h2[data-v-237f923b]{margin:0;color:#f4f3fa;font-size:20px;line-height:1.4} .comp-welcome>p[data-v-237f923b]{margin:8px 0 10px;color:var(--ask-text-muted);font-size:13px;line-height:1.6} .comp-suggestions-heading[data-v-237f923b]{display:flex;align-items:center;justify-content:space-between;min-height:40px;color:var(--ask-text-muted);font-size:12px;text-align:left} .comp-suggestions-heading button[data-v-237f923b]{display:flex;align-items:center;gap:5px;min-height:40px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--ask-purple);font:400 12px/1.5 var(--font-sans,Inter,sans-serif);cursor:pointer} .comp-suggestions-heading button[data-v-237f923b]:hover{background:#303142} .comp-suggestions-heading svg[data-v-237f923b]{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .comp-quick-questions[data-v-237f923b]{display:grid;gap:8px;text-align:left} .comp-quick-questions button[data-v-237f923b]{position:relative;display:flex;height:70px;min-height:70px;flex-direction:column;align-items:flex-start;justify-content:center;padding:7px 32px 7px 12px;border:1px solid var(--ask-border-soft);border-radius:8px;background:#2c2d3e;color:#f4f3fa;font:400 13px/1.4 var(--font-sans,Inter,sans-serif);cursor:pointer} .comp-quick-questions button[data-v-237f923b]:hover{border-color:var(--ask-border-soft);background:var(--ask-surface-muted)} .comp-quick-questions .comp-question-kind[data-v-237f923b]{display:block;margin-bottom:2px;color:var(--ask-text-muted);font-size:12px;line-height:1.4} .comp-quick-questions .comp-question-text[data-v-237f923b]{display:-webkit-box;overflow:hidden;color:#f4f3fa;font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere} .comp-quick-questions svg[data-v-237f923b]{position:absolute;top:50%;right:12px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%)} .comp-suggestions[data-v-237f923b] :is(button):focus-visible{outline:2px solid var(--ask-purple);outline-offset:2px} .comp-notice-region[data-v-3945f38b] { position: absolute; top: 64px; inset-inline: 16px; z-index: 5; display: flex; justify-content: center; pointer-events: none; } .comp-notice[data-v-3945f38b] { max-width: 100%; margin: 0; padding: 10px 14px; border: 1px solid var(--ask-border); border-radius: var(--radius-control, 8px); background: var(--ask-panel); color: var(--ask-text-light); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } .ai-companion[data-v-3945f38b]{--ask-purple:#c6aeff;--ask-ring:#a48aca35;--ask-text:#191225;--ask-button-background:#b093f4;--ask-button-hover:#c1a9fb;--ask-button-border:#c9b5ff;--ask-panel:#222331;--ask-surface-subtle:#262735;--ask-surface-muted:#343548;--ask-border-soft:#3e4052;--ask-border:#55566b;--ask-text-muted:#bbbccf;--ask-text-light:#f4f3fa;--radius-lg:var(--radius-control,8px);position:fixed;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column;width:min(440px,calc(100vw - 32px));height:min(700px,calc(100dvh - 48px));overflow:hidden;border:1px solid var(--ask-border-soft);border-radius:var(--radius-lg);background:var(--ask-panel);color:#f4f3fa;font-family:var(--font-sans,Inter,sans-serif);box-shadow:0 24px 70px rgba(9,9,19,.3),0 2px 8px rgba(9,9,19,.14),inset 0 1px rgba(255,255,255,.05);color-scheme:dark}.ai-companion[data-mode=dock][data-v-3945f38b]{top:0;right:0;bottom:0;left:auto;width:var(--comp-w,440px);height:100dvh;border:0;border-left:1px solid var(--ask-border-soft);border-radius:0;box-shadow:none}.ai-companion[data-mode=full][data-v-3945f38b]{inset:0;width:auto;height:auto;border:0;border-radius:0}.comp-workspace[data-v-3945f38b]{display:flex;flex:1 1 auto;min-height:0;width:100%;flex-direction:column;overflow:hidden}.comp-body[data-v-3945f38b]{display:block;flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow:auto;padding:24px 20px;background:var(--ask-panel);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ask-border) var(--ask-panel)}.comp-body[data-v-3945f38b]:has(.comp-welcome){display:flex;padding:16px 20px}.comp-resizer[data-v-3945f38b]{position:absolute;top:0;bottom:0;left:0;z-index:3;width:12px;cursor:col-resize;touch-action:none}.comp-resizer i[data-v-3945f38b]{position:absolute;top:50%;left:3px;width:4px;height:48px;border-radius:4px;background:#c6cbc6;opacity:0;transform:translateY(-50%);transition:opacity .15s,background .15s}.comp-resizer:hover i[data-v-3945f38b]{opacity:1}body.comp-resizing,body.comp-resizing *{cursor:col-resize!important;user-select:none!important}.sr-only[data-v-3945f38b]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.ai-companion[data-mode=dock][data-v-3945f38b]{width:100%}.ai-companion[data-mode=dock] .comp-resizer[data-v-3945f38b]{display:none}.comp-body[data-v-3945f38b]{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.ai-companion[data-v-3945f38b]{scroll-behavior:auto;transition:none;animation:none}} .ai-page-ask[data-v-3945f38b]{position:fixed;right:26px;bottom:96px;z-index:99;display:flex;min-height:38px;padding:0 16px;align-items:center;border:1px solid var(--ask-border);border-radius:8px;background:var(--ask-panel);color:#f4f3fa;font:600 14px/1.4 var(--font-sans,Inter,sans-serif);box-shadow:0 6px 20px rgba(0,0,0,.3);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ai-page-ask[data-v-3945f38b]:hover{border-color:var(--ask-purple);background:var(--ask-surface-muted);color:var(--ask-purple)}.ai-selection-bubble[data-v-3945f38b]{position:fixed;right:26px;bottom:150px;z-index:101;display:flex;width:min(300px,calc(100vw - 32px));padding:14px;align-items:flex-start;flex-direction:column;gap:7px;border:1px solid #82709f;border-radius:10px 10px 3px 10px;background:#302b41;color:#f4f3fa;box-shadow:0 12px 32px rgba(0,0,0,.3);animation:ai-selection-pop-3945f38b .25s ease-out}.ai-selection-bubble[data-v-3945f38b]::after{position:absolute;right:38px;bottom:-5px;width:8px;height:8px;border-right:1px solid #82709f;border-bottom:1px solid #82709f;background:#302b41;content:"";transform:rotate(45deg)}.ai-selection-bubble__close[data-v-3945f38b]{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ask-text-muted);font-size:18px;line-height:1;cursor:pointer}.ai-selection-bubble__close[data-v-3945f38b]:hover{background:var(--ask-surface-muted);color:#fff}.ai-selection-bubble strong[data-v-3945f38b]{padding-right:22px;font-size:14px;font-weight:600}.ai-selection-bubble__preview[data-v-3945f38b]{width:100%;max-height:48px;overflow:hidden;color:var(--ask-text-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.ai-selection-bubble__actions[data-v-3945f38b]{display:flex;width:100%;gap:6px}.ai-selection-bubble__actions button[data-v-3945f38b]{min-height:36px;padding:6px 9px;border:1px solid var(--ask-border-soft);border-radius:6px;background:transparent;color:#dfd2ff;font:500 12px/1.4 var(--font-sans,Inter,sans-serif);cursor:pointer}.ai-selection-bubble__actions button[data-v-3945f38b]:hover{border-color:var(--ask-purple);background:var(--ask-surface-muted);color:#fff}.comp-context[data-v-3945f38b]{display:flex;flex:none;padding:10px 16px;align-items:flex-start;gap:8px;border-bottom:1px solid var(--ask-border-soft);background:var(--ask-surface-muted);color:var(--ask-text-muted);font-size:12px}.comp-context__copy[data-v-3945f38b]{display:grid;min-width:0;flex:1;gap:3px}.comp-context blockquote[data-v-3945f38b]{max-height:64px;margin:2px 0 0;padding-left:8px;border-left:2px solid var(--ask-purple);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.comp-context>button[data-v-3945f38b]{min-height:36px;padding:6px 0;border:0;background:transparent;color:var(--ask-text-muted);font:inherit;white-space:nowrap;cursor:pointer}.comp-context>button[data-v-3945f38b]:hover{color:#fff}@keyframes ai-selection-pop-3945f38b{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:760px){.ai-page-ask[data-v-3945f38b]{right:14px;bottom:82px}.ai-selection-bubble[data-v-3945f38b]{right:16px;bottom:128px}.ai-selection-bubble__actions[data-v-3945f38b]{flex-wrap:wrap}.ai-selection-bubble__actions button[data-v-3945f38b]{flex:1;min-width:0;min-height:40px}}@media(prefers-reduced-motion:reduce){.ai-selection-bubble[data-v-3945f38b]{animation:none}} .ai-page-ask[data-v-3945f38b]{border:1px solid #d0d7de;background:#fff;color:#1f2328;box-shadow:0 6px 20px rgba(0,0,0,.14)}.ai-page-ask[data-v-3945f38b]:hover{border-color:#0bb305;background:#fff;color:#0a872b} .comp-workspace[data-v-3945f38b]{position:relative}.comp-positioning-spacer[data-v-3945f38b]{pointer-events:none}.comp-back-to-bottom[data-v-3945f38b]{position:absolute;right:16px;bottom:132px;z-index:2;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--ask-border);border-radius:50%;background:var(--ask-surface-muted);color:var(--ask-purple);box-shadow:0 5px 16px rgba(0,0,0,.28);cursor:pointer}.comp-back-to-bottom[data-v-3945f38b]:hover{border-color:var(--ask-purple);background:#3c3d51;color:#fff}.comp-back-to-bottom .search-icon[data-v-3945f38b]{width:19px;height:19px}@media(max-width:760px){.comp-back-to-bottom[data-v-3945f38b]{right:14px;bottom:128px}} .brand-mark[data-v-11346f25] { display: inline-flex; align-items: center; flex: 0 0 auto; } .brand-mark img[data-v-11346f25] { width: 96px; height: auto; } .site-footer[data-v-894102af]{--footer-bg:#f1f6f3;--footer-panel:#fff;--footer-ink:#1f2328;--footer-muted:#59636e;--footer-line:#d0d7de;--footer-accent:#007a50;margin:0;overflow:clip;border-top:1px solid var(--footer-line);background:var(--footer-bg);color:var(--footer-ink);font-size:14px;line-height:1.6}.site-footer[data-v-894102af] *{box-sizing:border-box}.site-footer--home[data-v-894102af]{--footer-bg:#05070d;--footer-ink:#f5f7fa;--footer-muted:#b7c0d1;--footer-line:rgba(255,255,255,.12);--footer-accent:#0bb305}.site-footer__shell[data-v-894102af]{width:min(1280px,calc(100% - 2 * var(--page-gutter)));max-width:1280px;margin-inline:auto}.site-footer[data-v-894102af] :is(h2,h3,p){margin:0}.site-footer[data-v-894102af] :is(a,button){color:inherit;font-family:inherit;text-decoration:none;transition:color 150ms,background-color 150ms,border-color 150ms}.site-footer button[data-v-894102af]{border:0;background:transparent;cursor:pointer}.site-footer svg[data-v-894102af]{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-footer[data-v-894102af] :is(a,button):focus-visible{outline:2px solid var(--footer-accent);outline-offset:4px;border-radius:3px} .site-footer__navigation[data-v-894102af]{display:grid;grid-template-columns:244px 224px minmax(0,1fr);gap:32px;padding-block:24px}.site-footer__navigation[data-v-894102af]>*{min-width:0}.site-footer__secondary[data-v-894102af]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:24px;padding-right:24px;border-right:1px solid var(--footer-line)}.site-footer__nav-group[data-v-894102af]{min-width:0}.site-footer__nav-group h2[data-v-894102af],.site-footer__directory h2[data-v-894102af]{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.02em}.site-footer__nav-group h2[data-v-894102af]{display:flex;min-height:32px;margin-bottom:12px;align-items:center;white-space:nowrap}.site-footer__nav-group a[data-v-894102af],.site-footer__directory-links>a[data-v-894102af]{display:flex;width:fit-content;min-height:34px;padding:4px 0;align-items:center;color:var(--footer-muted);overflow-wrap:anywhere}.site-footer__nav-group a[data-v-894102af]:hover,.site-footer__directory-links>a[data-v-894102af]:hover{color:var(--footer-ink);text-decoration:underline;text-underline-offset:4px} .site-footer__directory[data-v-894102af]{display:flex;min-width:0;flex-direction:column}.site-footer__directory h2 a[data-v-894102af]{display:inline-flex;min-height:32px;align-items:center}.site-footer__directory h2 a[data-v-894102af]:hover{color:var(--footer-accent)}.site-footer__directory-links[data-v-894102af]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;gap:0 16px}.site-footer__brand-links[data-v-894102af]{grid-template-columns:repeat(4,max-content);justify-content:start;column-gap:24px}.site-footer__brand-links>a[data-v-894102af]{min-width:0;align-items:baseline;gap:6px;white-space:nowrap}.site-footer__brand-links span[data-v-894102af],.site-footer__brand-links small[data-v-894102af]{min-width:0;overflow-wrap:anywhere}.site-footer__brand-links span[data-v-894102af]{color:var(--footer-ink);font-weight:500;line-height:24px}.site-footer__brand-links small[data-v-894102af]{color:var(--footer-muted);font-size:13px;line-height:24px}.site-footer .site-footer__directory-all[data-v-894102af]{display:flex;width:fit-content;min-height:40px;margin-top:8px;align-items:center;gap:10px;color:var(--footer-muted);font-size:12px;font-weight:400}.site-footer__directory-all span[data-v-894102af]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.site-footer__directory-all svg[data-v-894102af]{width:14px;height:14px;opacity:.7}.site-footer__directory-all[data-v-894102af]:hover{color:var(--footer-ink)} .site-footer__intro[data-v-894102af]{display:grid;grid-template-columns:minmax(0,1fr) auto 260px;align-items:center;gap:32px;padding-block:24px;border-top:1px solid var(--footer-line)}.site-footer__brand[data-v-894102af]{display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:6px}.site-footer__brand[data-v-894102af] .brand-mark{min-height:44px}.site-footer__brand[data-v-894102af] .brand-mark img{display:block;width:100px;height:auto;max-width:none;margin-inline:-9px -10px}.site-footer__brand h2[data-v-894102af]{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.025em}.site-footer__brand p[data-v-894102af]{margin-top:5px;color:var(--footer-muted);font-size:12px}.site-footer__qr-grid[data-v-894102af]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.site-footer__qr-item[data-v-894102af]{display:grid;grid-template:1fr 1fr/88px minmax(0,1fr);min-width:0;column-gap:12px}.site-footer__qr[data-v-894102af]{position:relative;display:flex;grid-row:1/3;width:88px;height:88px;padding:6px;align-items:center;justify-content:center;border:1px solid var(--footer-line);border-radius:6px;background:var(--footer-panel);color:#1f2328}.site-footer__qr img[data-v-894102af]{display:block;width:100%;height:100%;object-fit:contain}.site-footer__qr svg[data-v-894102af]{position:absolute;right:3px;bottom:3px;width:10px;height:10px;color:#59636e}.site-footer__qr[data-v-894102af]:hover{border-color:var(--footer-accent);outline:2px solid var(--footer-accent);outline-offset:3px}.site-footer__qr-item h3[data-v-894102af]{align-self:end;padding-bottom:4px;font-size:13px;font-weight:500;line-height:1.6}.site-footer__qr-item p[data-v-894102af]{color:var(--footer-muted);font-size:12px;line-height:1.6}.site-footer__contact[data-v-894102af]{display:grid;min-width:0;padding-left:24px;align-content:center;border-left:1px solid var(--footer-line)}.site-footer__contact h2[data-v-894102af]{font-size:13px;font-weight:500;line-height:1.6}.site-footer__contact p[data-v-894102af]{margin-top:4px;color:var(--footer-muted);font-size:12px;line-height:1.6}.site-footer__contact-methods[data-v-894102af]{display:grid;min-width:0;margin-top:6px}.site-footer__contact-methods a[data-v-894102af]{display:flex;width:fit-content;max-width:100%;min-height:28px;align-items:center;gap:8px;font-size:12px;font-weight:400;line-height:1.6}.site-footer__contact-methods a[data-v-894102af]:hover{color:var(--footer-accent)}.site-footer__contact-methods svg[data-v-894102af]{width:14px;height:14px;max-width:none;color:var(--footer-muted)}.site-footer__contact-methods span[data-v-894102af]{overflow-wrap:anywhere}.site-footer__bottom[data-v-894102af]{display:flex;padding-block:8px max(8px,env(safe-area-inset-bottom));align-items:center;flex-wrap:wrap;gap:24px;border-top:1px solid var(--footer-line);color:var(--footer-muted);font-size:12px}.site-footer__legal[data-v-894102af]{display:flex;gap:20px}.site-footer__legal button[data-v-894102af]{min-height:44px;padding:0;font-size:12px}.site-footer__legal button[data-v-894102af]:hover{color:var(--footer-ink)}.site-footer__signoff[data-v-894102af]{margin-left:auto;margin-right:76px} @media(max-width:1249px){.site-footer__navigation[data-v-894102af]{grid-template-columns:220px 208px minmax(0,1fr);gap:24px}.site-footer__secondary[data-v-894102af]{gap:20px;padding-right:16px}.site-footer__brand-links[data-v-894102af]{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}.site-footer__qr-item[data-v-894102af]{grid-template-columns:88px;grid-template-rows:auto;text-align:center}.site-footer__qr[data-v-894102af]{grid-row:auto}.site-footer__qr-item h3[data-v-894102af]{margin-top:6px;padding:0}.site-footer__qr-item p[data-v-894102af]{display:none}} @media(max-width:1050px){.site-footer__navigation[data-v-894102af]{grid-template-columns:220px minmax(0,1fr);gap:24px 32px}.site-footer__categories .site-footer__directory-links[data-v-894102af]{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer__manufacturers[data-v-894102af]{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--footer-line)}.site-footer__brand-links[data-v-894102af]{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}.site-footer__intro[data-v-894102af]{grid-template-columns:minmax(0,1fr) 260px;gap:20px 32px}.site-footer__brand[data-v-894102af]{grid-column:1/-1;align-items:center;flex-direction:row;gap:20px}.site-footer__qr-grid[data-v-894102af]{grid-template-columns:repeat(2,max-content)}.site-footer__qr-item[data-v-894102af]{grid-template-columns:80px minmax(0,1fr);align-items:center;text-align:left}.site-footer__qr[data-v-894102af]{width:80px;height:80px}.site-footer__qr-item h3[data-v-894102af]{margin:0}.site-footer__signoff[data-v-894102af]{margin:0}} @media(max-width:740px){.site-footer__categories .site-footer__directory-links[data-v-894102af]{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__brand-links[data-v-894102af]{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}.site-footer__intro[data-v-894102af]{grid-template-columns:minmax(0,1fr) 250px}.site-footer__qr-grid[data-v-894102af]{gap:16px}.site-footer__qr-item[data-v-894102af]{grid-template-columns:72px;text-align:center}.site-footer__qr[data-v-894102af]{width:72px;height:72px;padding:5px}} @media(max-width:600px){.site-footer__shell[data-v-894102af]{width:calc(100% - 32px)}.site-footer__navigation[data-v-894102af]{grid-template-columns:1fr;gap:20px;padding-block:20px}.site-footer__secondary[data-v-894102af]{gap:12px;padding:0 0 18px;border-right:0;border-bottom:1px solid var(--footer-line)}.site-footer__nav-group h2[data-v-894102af],.site-footer__directory h2[data-v-894102af]{font-size:19px}.site-footer__brand-links[data-v-894102af]{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__intro[data-v-894102af]{grid-template-columns:1fr;padding-block:20px}.site-footer__brand[data-v-894102af]{gap:16px}.site-footer__brand h2[data-v-894102af]{font-size:17px}.site-footer__qr-grid[data-v-894102af]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-footer__qr-item[data-v-894102af]{grid-template-columns:72px minmax(0,1fr);text-align:left}.site-footer__contact[data-v-894102af]{padding:16px 0 0;border-top:1px solid var(--footer-line);border-left:0}.site-footer__bottom[data-v-894102af]{padding-bottom:max(10px,env(safe-area-inset-bottom))}.site-footer__signoff[data-v-894102af]{width:100%}} @media(max-width:380px){.site-footer__brand-links span[data-v-894102af]{font-size:12px}.site-footer__brand-links small[data-v-894102af]{font-size:11px}.site-footer__qr-item[data-v-894102af]{grid-template-columns:64px minmax(0,1fr)}.site-footer__qr[data-v-894102af]{width:64px;height:64px}} .category-result[data-v-8048ae7c] { list-style: none; min-width: 0; } .result-row[data-v-8048ae7c] { display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; align-items: center; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--color-border); } .result-copy[data-v-8048ae7c] { min-width: 0; overflow-wrap: anywhere; } .result-name[data-v-8048ae7c] { color: inherit; font-weight: 600; text-decoration: none; } .result-name[data-v-8048ae7c]:hover { text-decoration: underline; } .result-copy p[data-v-8048ae7c] { margin: 6px 0 0; font-size: 12px; opacity: .7; } mark[data-v-8048ae7c] { background: transparent; color: var(--color-signal-dark); text-decoration: underline; text-underline-offset: 3px; } button[data-v-8048ae7c], .result-filter[data-v-8048ae7c] { display: flex; justify-content: center; align-items: center; min-height: 44px; padding: 0; color: inherit; background: transparent; border: 0; cursor: pointer; gap: 5px; } svg[data-v-8048ae7c] { width: 20px; height: 20px; fill: none; stroke: currentColor; } ul[data-v-8048ae7c] { margin: 0; padding-left: 12px; } :is(a[data-v-8048ae7c], button[data-v-8048ae7c]):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .category-search-results[data-v-db09bc7a] { min-width: 0; grid-column: 1 / -1; } header[data-v-db09bc7a] { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--color-border); } h3[data-v-db09bc7a] { margin: 0; font-size: 18px; } p[data-v-db09bc7a] { font-size: 12px; line-height: 1.6; } p span[data-v-db09bc7a] { margin-left: 12px; opacity: .7; } button[data-v-db09bc7a] { flex-shrink: 0; min-height: 44px; color: inherit; border: 0; background: transparent; cursor: pointer; } .result-list[data-v-db09bc7a] { list-style: none; margin: 0; padding: 0; max-height: min(55dvh, 560px); overflow: auto; } .empty[data-v-db09bc7a] { padding: 32px 0; } button[data-v-db09bc7a]:focus-visible { outline: 2px solid currentColor; } /* The home variant deliberately receives the original source cascade from HomePage/home.css. The workspace rule set below only maps the same source DOM to About's light mega surface. */ .site-header--workspace { --site-header-row-height: 76px; --site-header-search-max: 640px; --ask-border: #7986a6; --ask-border-focus: #c9bcff; --ask-field-fill: #202638; --ask-header-fill: #262c42; --ask-header-radius: 12px; --ask-header-height: 52px; --ask-ink: #151025; --ask-deep: #452079; --ask-highlight: #8d4cff; --ask-surface-shadow: 0 8px 20px rgb(0 0 0 / 22%); position: sticky; top: 0; z-index: 80; display: block; border-bottom: 1px solid #202938; background: #05070d; color: #e6edf3; } .site-header--workspace .header-row { width: min(1440px, calc(100% - 96px)); height: var(--site-header-row-height); display: flex; align-items: center; gap: clamp(24px, 2.1vw, 40px); margin: 0 auto; } .site-header--workspace .brand { order: 1; flex: 0 0 auto; display: inline-flex; align-items: center; } .site-header--workspace .brand img { display: block; width: 92px; max-width: none; margin-right: -9px; margin-left: -8px; } .site-header--workspace .primary-nav { order: 2; display: flex; align-items: stretch; align-self: stretch; gap: 24px; } .site-header--workspace .primary-nav > .nav-trigger { position: relative; min-height: 44px; padding: 0; border: 0; background: transparent; color: #b7c0ce; font: 500 15px/1.5 var(--font-ui, var(--font-sans, sans-serif)); white-space: nowrap; cursor: pointer; transition: color .2s; } .site-header--workspace .primary-nav > .nav-trigger:hover, .site-header--workspace .primary-nav > .nav-trigger[aria-expanded="true"] { color: #e6edf3; } .site-header--workspace .primary-nav > .nav-trigger::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #75e3c4; opacity: 0; transform: scaleX(.35); transition: opacity .2s, transform .2s; } .site-header--workspace .primary-nav > .nav-trigger[aria-expanded="true"]::before, .site-header--workspace .primary-nav > .nav-trigger:hover::before { opacity: 1; transform: none; } .site-header--workspace .header-search { --ask-field-fill: var(--ask-header-fill); position: relative; order: 3; flex: 1 1 400px; width: auto; min-width: 0; max-width: var(--site-header-search-max); height: var(--ask-header-height); margin: 0 0 0 auto; padding: 4px 4px 4px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--ask-border); border-radius: var(--ask-header-radius); background: var(--ask-field-fill); box-shadow: var(--ask-surface-shadow); color: #f2f5fb; } .site-header--workspace .header-search:focus-within { border-color: var(--ask-border-focus); box-shadow: 0 0 0 3px rgb(201 188 255 / 16%), var(--ask-surface-shadow); } .site-header--workspace .search-field-icon { flex: 0 0 auto; width: 20px; height: 20px; fill: none; stroke: #c8d0df; stroke-width: 1.7; stroke-linecap: round; } .site-header--workspace .header-search input { flex: 1; width: 100%; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #f2f5fb; font: 400 14px/1.5 var(--font-ui, var(--font-sans, sans-serif)); } .site-header--workspace .header-search input::placeholder { color: #aeb8cb; opacity: 1; } .site-header--workspace .search-actions { flex: 0 0 auto; } .site-header--workspace .search-submit { min-height: 44px; padding: 0 20px; border: 1px solid rgb(221 151 255 / 42%); border-radius: 8px; background: radial-gradient(ellipse at 22% 8%, var(--ask-highlight) 0%, var(--ask-deep) 46%, var(--ask-ink) 100%); color: #fff; font: 600 13px/1 var(--font-ui, var(--font-sans, sans-serif)); cursor: pointer; white-space: nowrap; } .site-header--workspace .header-actions { order: 4; flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-width: 153px; } .site-header--workspace .login { color: #b7c0ce; font: 500 14px/1.5 var(--font-ui, var(--font-sans, sans-serif)); text-decoration: none; white-space: nowrap; } .site-header--workspace .login:hover { color: #e6edf3; } .site-header--workspace [data-header-language] { position: relative; flex: none; } .site-header--workspace .header-language-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 0 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #b7c0ce; font: 400 14px/1.5 var(--font-ui, var(--font-sans, sans-serif)); cursor: pointer; } .site-header--workspace .header-language-toggle:is(:hover, [aria-expanded="true"]) { border-color: #343c47; background: #141b24; color: #e6edf3; } .site-header--workspace .header-language-toggle svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .site-header--workspace .header-language-globe { width: 18px; height: 18px; }.site-header--workspace .header-language-chevron { width: 10px; height: 8px; transition: transform .15s; }.site-header--workspace .header-language-toggle[aria-expanded="true"] .header-language-chevron { transform: rotate(180deg); } .site-header--workspace .header-menu { --hm-bg: #0d1117; --hm-text: #e6edf3; --hm-muted: #b7c0ce; --hm-border: #343c47; --hm-selected: #1c2530; --hm-hover: #212b38; position: absolute; z-index: 180; top: calc(100% + 10px); right: 0; width: 216px; max-width: calc(100vw - 32px); padding: 7px; border: 1px solid var(--hm-border); border-radius: 10px; background: var(--hm-bg); color: var(--hm-text); box-shadow: 0 16px 40px rgb(0 0 0 / 32%); font: 400 14px/1.5 var(--font-ui, sans-serif); } .site-header--workspace .header-language-option { display: grid; grid-template-columns: 1fr auto 16px; gap: 12px; align-items: center; width: 100%; min-height: 44px; padding: 0 10px; border: 0; border-radius: 5px; background: transparent; color: var(--hm-muted); font: inherit; text-align: left; cursor: pointer; }.site-header--workspace .header-language-option small { font-size: 11px; }.site-header--workspace .header-language-check { width: 16px; height: 16px; visibility: hidden; }.site-header--workspace .header-language-option[aria-checked="true"] { background: var(--hm-selected); color: var(--hm-text); }.site-header--workspace .header-language-option[aria-checked="true"] .header-language-check { visibility: visible; }.site-header--workspace .header-language-option:hover { background: var(--hm-hover); color: var(--hm-text); } .site-header--workspace .mega-panel { position: fixed; top: var(--site-header-row-height); right: 0; left: 0; z-index: 79; display: block; max-height: calc(100dvh - var(--site-header-row-height)); overflow: auto; border-top: 1px solid #c8d1d2; border-bottom: 1px solid #bac5c7; background: #f5f7f7; color: #1f2328; box-shadow: 0 18px 42px rgb(2 18 31 / 18%); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .16s, visibility .16s, transform .16s; } .site-header--workspace .mega-panel.open { opacity: 1; visibility: visible; transform: none; }.site-header--workspace .mega-close { position: absolute; top: 18px; right: clamp(24px, 4vw, 72px); z-index: 8; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #59636e; cursor: pointer; }.site-header--workspace .mega-close:hover { border-color: #d0d7de; background: #e6ebf0; color: #1f2328; }.site-header--workspace .mega-close svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; } .site-header--workspace .mega-inner { width: min(1440px, calc(100% - 96px)); min-height: 330px; display: grid; grid-template-columns: 260px minmax(0, 1fr); margin: 0 auto; }.site-header--workspace .mega-product-layout,.site-header--workspace .mega-manufacturer-layout,.site-header--workspace .about-menu-layout { grid-column: 1 / -1; display: grid; grid-template-columns: 286px minmax(0, 1fr); min-height: 534px; }.site-header--workspace .mega-product-primary,.site-header--workspace .mega-manufacturer-rail,.site-header--workspace .mega-rail,.site-header--workspace .about-menu-intro { padding: 26px 24px 32px 0; border-right: 1px solid #d0d7de; background: #eef1f4; }.site-header--workspace .mega-product-content,.site-header--workspace .mega-manufacturer-main,.site-header--workspace .mega-content,.site-header--workspace .mega-main { min-width: 0; padding: 27px 0 40px 38px; background: #fff; }.site-header--workspace .mega-product-primary-list,.site-header--workspace .mega-manufacturer-sections { display: grid; gap: 1px; }.site-header--workspace .mega-product-primary-row { display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: center; border-left: 2px solid transparent; }.site-header--workspace .mega-product-primary-row:hover,.site-header--workspace .mega-product-primary-row.active { border-left-color: #258136; background: #e6ebf0; }.site-header--workspace .mega-product-primary-item,.site-header--workspace .mega-manufacturer-sections button { width: 100%; min-height: 41px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 0 12px 0 14px; border: 0; background: transparent; color: #59636e; font: 500 14px/1 var(--font-ui, sans-serif); text-align: left; cursor: pointer; }.site-header--workspace .mega-product-primary-item.active,.site-header--workspace .mega-product-primary-item:hover,.site-header--workspace .mega-manufacturer-sections button.active,.site-header--workspace .mega-manufacturer-sections button:hover { color: #1f2328; }.site-header--workspace .mega-product-primary-item small,.site-header--workspace .mega-manufacturer-sections small { color: #6e7781; font: 11px/1 var(--font-mono, monospace); }.site-header--workspace .mega-product-all,.site-header--workspace .manufacturer-directory-link { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; border-top: 1px solid #d0d7de; border-bottom: 1px solid #d0d7de; color: #1f2328; font-size: 13px; font-weight: 600; text-decoration: none; }.site-header--workspace .mega-product-all svg,.site-header--workspace .manufacturer-directory-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; } .site-header--workspace .category-search-form { display: flex; align-items: center; gap: 4px; width: 100%; min-width: 0; margin: 0 0 18px; padding: 0 3px 0 12px; border: 1px solid #aebac7; border-radius: 6px; background: #fff; color: #242c35; }.site-header--workspace .category-search-form input { width: 100%; min-width: 0; height: 44px; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; }.site-header--workspace .category-search-form button { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: #4d5d6b; cursor: pointer; }.site-header--workspace .category-search-form svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }.site-header--workspace .category-browse-title { display: block; margin: 0 0 16px; font-size: 15px; font-weight: 600; }.site-header--workspace .mega-product-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding-bottom: 19px; border-bottom: 1px solid #d0d7de; }.site-header--workspace .mega-product-head h2 { margin: 0; font-size: 25px; }.site-header--workspace .mega-product-head h2 a { color: inherit; text-decoration: none; }.site-header--workspace .product-category-filter { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid #aebac7; border-radius: 4px; background: #fff; color: #374151; font-size: 13px; font-weight: 600; text-decoration: none; }.site-header--workspace .product-category-filter.compact { width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 0; border-color: transparent; background: transparent; color: #59636e; }.site-header--workspace .product-category-filter svg,.site-header--workspace .product-tree-expand svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; }.site-header--workspace .mega-product-groups { columns: 3 292px; column-gap: 34px; padding-top: 22px; }.site-header--workspace .product-category-group { break-inside: avoid; margin: 0 0 28px; padding: 0 0 22px; border-bottom: 1px solid #d0d7de; }.site-header--workspace .product-category-group-head { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: center; gap: 8px; margin-bottom: 8px; }.site-header--workspace .product-category-group-head>a:first-child { color: #1f2328; font-size: 16px; font-weight: 600; text-decoration: none; }.site-header--workspace .product-level-3,.site-header--workspace .product-level-4 { position: relative; margin-left: 4px; padding-left: 15px; }.site-header--workspace .product-level-3::before,.site-header--workspace .product-level-4::before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 1px; background: #d0d7de; }.site-header--workspace .product-tree-row { position: relative; min-height: 34px; display: grid; grid-template-columns: minmax(0, 1fr) 34px 30px; align-items: center; gap: 4px; }.site-header--workspace .product-tree-row::before { content: ""; position: absolute; top: 17px; left: -15px; width: 9px; border-top: 1px solid #d0d7de; }.site-header--workspace .product-tree-row>a:first-child { min-width: 0; padding: 6px 0; color: #59636e; font-size: 13px; text-decoration: none; overflow-wrap: anywhere; }.site-header--workspace .product-tree-expand { width: 34px; height: 30px; display: grid; grid-template-columns: auto 12px; place-items: center; gap: 1px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: #59636e; cursor: pointer; }.site-header--workspace .product-tree-expand[aria-expanded="true"] { background: #e6ebf0; color: #1f2328; }.site-header--workspace .product-tree-spacer { width: 34px; }.site-header--workspace .product-level-4 { margin: 2px 0 7px 12px; padding-top: 2px; padding-bottom: 3px; }.site-header--workspace .product-level-4 .product-tree-row { grid-template-columns: minmax(0, 1fr) 30px; min-height: 32px; }.site-header--workspace .product-level-4 .product-tree-row>a:first-child { font-size: 12px; }.site-header--workspace .mega-product-scroll { min-height: 0; overflow-y: auto; } .site-header--workspace .mega-manufacturer-rail h2,.site-header--workspace .mega-manufacturer-main>header h2 { margin: 0 0 20px; font-size: 22px; }.site-header--workspace .mega-manufacturer-sections button { grid-template-columns: minmax(0, 1fr) auto; min-height: 46px; }.site-header--workspace .mega-manufacturer-contact { margin-top: auto; padding-top: 16px; border-top: 1px solid #d0d7de; }.site-header--workspace .mega-manufacturer-contact a { display: flex; align-items: center; justify-content: space-between; color: #1f2328; font-size: 13px; font-weight: 600; text-decoration: none; }.site-header--workspace .mega-manufacturer-contact svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }.site-header--workspace .mega-manufacturer-main>header { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 0 64px 18px 0; border-bottom: 1px solid #d0d7de; }.site-header--workspace .mega-manufacturer-main>header h2 { margin: 0; }.site-header--workspace .mega-manufacturer-main>header span { color: #6e7781; font: 11px/1 var(--font-mono, monospace); }.site-header--workspace .mega-manufacturer-grid { display: grid; grid-template-columns: 220px minmax(260px, 1.1fr) minmax(240px, 1fr); gap: 24px; padding-top: 20px; }.site-header--workspace .mega-manufacturer-grid>section { min-width: 0; padding-right: 24px; border-right: 1px solid #d0d7de; }.site-header--workspace .mega-manufacturer-grid>section:last-child { padding-right: 0; border: 0; }.site-header--workspace .mega-manufacturer-grid h3 { margin: 0 0 15px; font-size: 16px; }.site-header--workspace .mega-manufacturer-az>div { display: grid; grid-template-columns: repeat(5, 30px); gap: 6px; padding: 3px 0 18px; }.site-header--workspace .mega-manufacturer-az>div a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #d0d7de; border-radius: 3px; color: #59636e; font: 500 12px/1 var(--font-mono, monospace); text-decoration: none; }.site-header--workspace .mega-manufacturer-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }.site-header--workspace .mega-manufacturer-brands>a { min-width: 0; min-height: 60px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 10px; border-bottom: 1px solid #d0d7de; color: #1f2328; text-decoration: none; }.site-header--workspace .mega-manufacturer-brands strong,.site-header--workspace .mega-manufacturer-brands span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.site-header--workspace .mega-manufacturer-brands strong { font-size: 13px; }.site-header--workspace .mega-manufacturer-brands strong em,.site-header--workspace .mega-manufacturer-brands span { color: #59636e; font-style: normal; font-size: 12px; font-weight: 400; }.site-header--workspace .manufacturer-preview-host { overflow: auto; }.site-header--workspace .manufacturer-preview { color: #1f2328; }.site-header--workspace .manufacturer-preview-logo { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid #d9dfe6; border-radius: 7px; background: #fff; text-decoration: none; }.site-header--workspace .manufacturer-preview-logo img { width: calc(100% - 26px); max-width: 220px; height: 64px; object-fit: contain; object-position: left center; }.site-header--workspace .manufacturer-preview-logo>span { color: #253044; font-size: 23px; font-weight: 600; }.site-header--workspace .manufacturer-preview-logo svg,.site-header--workspace .manufacturer-preview-website svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }.site-header--workspace .manufacturer-preview-name { margin: 18px 0 8px; font-size: 16px; }.site-header--workspace .manufacturer-preview-name span,.site-header--workspace .manufacturer-preview-intro { color: #59636e; font-size: 12px; font-weight: 400; }.site-header--workspace .manufacturer-preview-intro { font-size: 13px; line-height: 1.8; }.site-header--workspace .manufacturer-preview-website { color: #0969da; font-size: 13px; text-decoration: none; } .site-header--workspace .mega-rail { padding-top: 34px; }.site-header--workspace .mega-rail p,.site-header--workspace .mega-content>p { margin: 0 0 8px; color: #6e7781; font: 13px/1.5 var(--font-mono, monospace); }.site-header--workspace .mega-rail h2 { margin: 0 0 18px; font-size: 25px; }.site-header--workspace .mega-rail a { color: #0969da; font-size: 14px; font-weight: 600; text-decoration: none; }.site-header--workspace .mega-content h3 { margin: 0 0 24px; font-size: 24px; }.site-header--workspace .mega-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px 34px; }.site-header--workspace .mega-group { min-width: 0; padding-top: 14px; border-top: 1px solid #d0d7de; }.site-header--workspace .mega-group strong { display: block; margin-bottom: 8px; font-size: 16px; }.site-header--workspace .mega-group a { display: block; padding: 5px 0; color: #59636e; font-size: 14px; text-decoration: none; }.site-header--workspace .mega-group a:hover { color: #0969da; }.site-header--workspace .about-menu-intro .mega-rail-title { display: block; margin-bottom: 14px; font-size: 22px; line-height: 1.4; }.site-header--workspace .about-statement { margin: 0 0 10px; color: #59636e; font-size: 13px; line-height: 1.75; }.site-header--workspace .site-mega-link { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; }.site-header--workspace .site-mega-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; } .site-header--workspace .manufacturer-preview-choice { width: 100%; min-width: 0; min-height: 60px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 10px; border: 1px solid transparent; border-bottom-color: #d0d7de; border-radius: 5px; background: transparent; color: #1f2328; text-align: left; cursor: pointer; }.site-header--workspace .manufacturer-preview-choice strong,.site-header--workspace .manufacturer-preview-choice small { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.site-header--workspace .manufacturer-preview-choice strong { font-size: 13px; font-weight: 600; }.site-header--workspace .manufacturer-preview-choice strong span,.site-header--workspace .manufacturer-preview-choice small { color: #59636e; font-size: 12px; font-weight: 400; }.site-header--workspace .manufacturer-preview-choice:hover strong { text-decoration: underline; text-underline-offset: 3px; }.site-header--workspace .manufacturer-preview-choice.is-selected { border-color: #b7c9bd; background: #e4ebe7; }.site-header--workspace .mobile-subnav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: -8px 0 8px; padding: 16px; border: 1px solid #d0d7de; border-radius: 8px; background: #f6f8fa; }.site-header--workspace .mobile-subnav strong,.site-header--workspace .mobile-subnav a { display: block; }.site-header--workspace .mobile-subnav strong { margin-bottom: 5px; color: #1f2328; font-size: 13px; }.site-header--workspace .mobile-subnav a { padding: 3px 0; color: #59636e; font-size: 12px; text-decoration: none; }.site-header--workspace .mobile-subnav>a { grid-column: 1 / -1; color: #0969da; font-weight: 700; }.site-header--workspace .mobile-category-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px 16px; }.site-header--workspace .mobile-category-list a { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #d0d7de; }.site-header--workspace .mobile-category-list a strong { margin: 0; }.site-header--workspace .mobile-category-list a span { color: #6e7781; font: 10px/1 var(--font-mono, monospace); }.site-header--workspace .mobile-manufacturer-tabs { display: flex; flex-wrap: wrap; gap: 6px; }.site-header--workspace .mobile-manufacturer-tabs button { min-height: 36px; padding: 0 10px; border: 1px solid #d0d7de; border-radius: 4px; background: #fff; color: #59636e; cursor: pointer; }.site-header--workspace .mobile-manufacturer-tabs button.active { border-color: #258136; color: #1f2328; }.site-header--workspace .mobile-manufacturer-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }.site-header--workspace .mobile-manufacturer-list+.manufacturer-preview-host { grid-column: 1 / -1; } .site-header--workspace .lumy-search-suggestions { --search-menu-border: #50627a; --search-menu-bg: #1c2332; --search-menu-text: #edf2fb; --search-menu-muted: #a9b6cb; --search-menu-history-bg: #192131; --search-menu-divider: #39455c; --search-menu-hover: #29354a; --search-menu-ai-bg: #45316d; --search-menu-ai-text: #eadcff; position: absolute; inset: calc(100% + 8px) -1px auto; z-index: 100; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); height: min(var(--suggestion-preferred-height, 515px), 640px, var(--suggestion-available-height, 70dvh)); overflow: hidden; border: 1px solid var(--search-menu-border); border-radius: 12px; background: var(--search-menu-bg); color: var(--search-menu-text); box-shadow: 0 18px 44px rgb(0 0 0 / 32%), inset 0 1px rgb(255 255 255 / 5%); text-align: left; font: 14px/1.5 var(--font-sans, sans-serif); }.site-header--workspace .lumy-search-suggestions .search-entry-guide { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; padding: 8px 16px; border-bottom: 1px solid var(--search-menu-divider); color: var(--search-menu-muted); font-size: 12px; }.site-header--workspace .lumy-search-suggestions .search-entry-guide button { min-height: 36px; padding: 0; border: 0; background: none; color: var(--search-menu-ai-text); font: inherit; cursor: pointer; }.site-header--workspace .lumy-search-suggestions .search-suggestion-section { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 8px; }.site-header--workspace .lumy-search-suggestions .search-suggestion-section:nth-of-type(2) { border-left: 1px solid var(--search-menu-divider); }.site-header--workspace .lumy-search-suggestions .search-suggestion-section:first-of-type { background: var(--search-menu-history-bg); }.site-header--workspace .lumy-search-suggestions .search-suggestion-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 28px 20px; flex: none; min-height: 64px; align-items: center; column-gap: 8px; padding: 4px 10px 12px; }.site-header--workspace .lumy-search-suggestions .search-suggestion-heading h2 { grid-area: 1/1; margin: 0; color: inherit; font-size: 14px; }.site-header--workspace .lumy-search-suggestions .search-suggestion-heading>span { grid-area: 2/1/3/-1; overflow: hidden; color: var(--search-menu-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.site-header--workspace .lumy-search-suggestions [data-clear-search-history] { grid-area: 1/2/3/3; align-self: start; min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--search-menu-muted); font: inherit; font-size: 12px; cursor: pointer; }.site-header--workspace .lumy-search-suggestions :is(.search-history-list,.search-example-list) { flex: 1; min-height: 0; overflow-y: auto; }.site-header--workspace .lumy-search-suggestions .search-suggestion-empty { margin: 0; padding: 12px 10px; color: var(--search-menu-muted); font-size: 13px; line-height: 1.8; }.site-header--workspace .lumy-search-suggestions .search-suggestion-row { display: grid; grid-template-columns: minmax(0, 1fr) 14px; grid-template-areas: "meta arrow" "query arrow"; width: 100%; min-height: 72px; align-items: center; gap: 6px 8px; padding: 10px; border: 0; border-radius: 6px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }.site-header--workspace .lumy-search-suggestions .search-suggestion-row:hover,.site-header--workspace .lumy-search-suggestions .search-suggestion-row:focus-visible { background: var(--search-menu-hover); }.site-header--workspace .lumy-search-suggestions .search-suggestion-meta { grid-area: meta; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }.site-header--workspace .lumy-search-suggestions .search-suggestion-kind { padding: 1px 6px; border-radius: 4px; background: #36405a; color: #dde7fb; font-size: 12px; line-height: 18px; }.site-header--workspace .lumy-search-suggestions .search-suggestion-kind[data-kind="ai"] { background: var(--search-menu-ai-bg); color: var(--search-menu-ai-text); }.site-header--workspace .lumy-search-suggestions .search-suggestion-meta small { color: var(--search-menu-muted); font-size: 12px; }.site-header--workspace .lumy-search-suggestions .search-suggestion-query { grid-area: query; min-width: 0; overflow-wrap: anywhere; line-height: 1.6; }.site-header--workspace .lumy-search-suggestions .search-suggestion-arrow { grid-area: arrow; width: 14px; height: 14px; fill: none; stroke: var(--search-menu-muted); stroke-width: 1.4; } .site-header--workspace .mobile-toggle { display: none; } @media (max-width: 1100px) { .site-header--workspace .header-row,.site-header--workspace .mega-inner { width: calc(100% - 48px); }.site-header--workspace .primary-nav { gap: 16px; }.site-header--workspace .header-actions { min-width: auto; }.site-header--workspace .header-language-label { display: none; }.site-header--workspace .mega-manufacturer-grid { grid-template-columns: 190px minmax(240px, 1fr); }.site-header--workspace .manufacturer-preview-host { display: none; } } @media (max-width: 820px) { .site-header--workspace .header-row { height: 64px; gap: 14px; }.site-header--workspace .brand img { width: 78px; }.site-header--workspace .primary-nav,.site-header--workspace .header-search,.site-header--workspace .header-actions { display: none; }.site-header--workspace .mobile-toggle { order: 5; display: grid; gap: 6px; width: 44px; height: 44px; place-content: center; margin-left: auto; padding: 0; border: 0; background: transparent; color: #e6edf3; }.site-header--workspace .mobile-toggle span { width: 21px; border-top: 1px solid currentColor; }.site-header--workspace .mega-panel { top: 64px; }.site-header--workspace .mega-inner,.site-header--workspace .mega-product-layout,.site-header--workspace .mega-manufacturer-layout,.site-header--workspace .about-menu-layout { display: block; width: calc(100% - 32px); }.site-header--workspace .mega-product-primary,.site-header--workspace .mega-manufacturer-rail,.site-header--workspace .mega-rail,.site-header--workspace .about-menu-intro { border-right: 0; }.site-header--workspace .mega-product-content,.site-header--workspace .mega-manufacturer-main,.site-header--workspace .mega-content,.site-header--workspace .mega-main { padding: 24px 0; }.site-header--workspace .mega-grid,.site-header--workspace .mega-manufacturer-grid { grid-template-columns: 1fr; }.site-header--workspace .mega-product-groups { columns: 1; }.site-header--workspace .lumy-search-suggestions { grid-template-columns: 1fr; }.site-header--workspace .lumy-search-suggestions .search-suggestion-section:nth-of-type(2) { display: none; } } .mega-product-primary-row.is-search-hit { border-inline-start: 3px solid var(--color-signal-dark); } .site-header__login { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: inherit; font: 500 14px/1.5 var(--font-ui, var(--font-sans, sans-serif)); text-decoration: none; white-space: nowrap; } .site-header--home .site-header__login { color: #d5dbe6; } .site-header--home .site-header__login:hover { color: #fff; } .primary-nav > a.nav-trigger { display: inline-flex; align-items: center; text-decoration: none; } .site-header--workspace .product-category-filter { transition: border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease; } .site-header--workspace .mega-rail > a:hover { color: #0bb305 !important; } .site-header--workspace .mega-group a:hover, .site-header--workspace .site-mega-link:hover, .site-header--workspace .site-mega-link:hover strong { background: transparent !important; color: #078a04 !important; } .site-header--workspace .mega-product-primary-row:hover, .site-header--workspace .mega-product-primary-row.active { border-left-color: #0bb305 !important; background: #fff !important; } .site-header--workspace .mega-product-primary-item:hover, .site-header--workspace .mega-product-primary-item.active { background: transparent !important; color: #073b39 !important; } .site-header--workspace .mega-product-all:hover { color: #0bb305 !important; } .site-header--workspace .product-category-filter:hover { border-color: #0bb305 !important; background: #eaf7ea !important; color: #343a40 !important; } .site-header--workspace .product-category-filter.compact:hover { border-color: transparent !important; color: #0bb305 !important; } .site-header--workspace .product-category-group-head > a:first-child:hover, .site-header--workspace .product-tree-row > a:first-child:hover { background: transparent !important; color: #078a04 !important; text-decoration: underline; text-underline-offset: 3px; } .site-header--workspace .product-tree-expand { transition: background var(--motion-fast) ease, color var(--motion-fast) ease; } .site-header--workspace .product-tree-expand:hover, .site-header--workspace .product-tree-expand[aria-expanded="true"] { background: #eaf7ea !important; color: #0bb305 !important; } .site-header .hd-account-summary { border-bottom-color: rgb(240 246 252 / 14%); background: linear-gradient(110deg, #161b22, #0d1117); color: #f0f6fc; } .site-header .hd-account-summary-avatar { background: #34404d; color: #fff; } .site-header .hd-account-summary small { color: #8b949e; } .site-header .hd-account-menu > :is(a, button) svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; } .site-header--home .mega-group a:hover, .site-header--home .site-mega-link:hover, .site-header--home .site-mega-link:hover strong { color: #0bb305; } .site-header--home .product-category-filter:hover { border-color: rgb(76 221 170 / 72%); background: rgb(11 179 5 / 8%); color: #fff; } .site-header--home .product-category-filter.compact:hover { border-color: rgb(255 255 255 / 12%); background: rgb(255 255 255 / 5.5%); color: #bff6df; } .site-header--home .product-category-group-head > a:first-child:hover, .site-header--home .product-tree-row > a:first-child:hover { color: #bff6df; text-decoration: underline; text-underline-offset: 3px; } .site-header--home .product-tree-expand:hover { background: rgb(255 255 255 / 5.5%); color: #bff6df; } .narrative-layout[data-v-964d04d0] { min-height: 100dvh; background: var(--color-dark-canvas); color: var(--color-dark-text); } .narrative-layout__main[data-v-964d04d0] { min-height: 100dvh; } /* 分类名称：单行显示，超出省略 */ .product-family[data-v-dddc4c48] { display: flex; margin: 0; padding: 0; flex-direction: column; gap: 2px; list-style: none; color: var(--dark-subtle); font-size: 13px; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-family li[data-v-dddc4c48] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 产品描述：两行显示，超出省略 */ .product-description[data-v-dddc4c48] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 50px; margin: 15px 0 0; color: var(--dark-muted); font-size: 14px; line-height: 1.7; text-overflow: ellipsis; } * { box-sizing: border-box; } html { min-width: 320px; scroll-behavior: smooth; } /* The narrative homepage keeps the browser rail in the same dark visual mode as the page, matching the prototype while leaving workspace pages light. */ html:has(.narrative-layout) { color-scheme: dark; scrollbar-color: rgba(169, 188, 211, 0.46) rgba(255, 255, 255, 0.035); } html:has(.narrative-layout)::-webkit-scrollbar { width: 10px; } html:has(.narrative-layout)::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.035); } html:has(.narrative-layout)::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgba(169, 188, 211, 0.46); background-clip: padding-box; } html:has(.narrative-layout)::-webkit-scrollbar-thumb:hover { background: rgba(190, 246, 223, 0.68); background-clip: padding-box; } body { min-width: 320px; margin: 0; background: #f4f7f5; color: #1f2328; font-family: var(--font-sans); line-height: 1.625; -webkit-font-smoothing: antialiased; } button, input, textarea { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; } a { color: inherit; text-decoration: none; } button { border: 0; } img, svg { display: block; max-width: 100%; } ::selection { background: rgba(11, 179, 5, 0.22); } :focus-visible { outline: 2px solid var(--color-signal); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } :root { color-scheme: light; --color-signal: #0bb305; --color-signal-hover: #39d94a; --color-signal-active: #0a9f06; --color-signal-dark: #0a872b; --color-data: #4882fd; --color-inference: #be1df3; --color-attention: #d29a49; --color-danger: #d84a4a; --color-dark-canvas: #05070d; --color-dark-surface: #080d18; --color-dark-raised: #0d1424; --color-dark-text: #f5f7fa; --color-dark-muted: #b7c0d1; --color-light-canvas: #f4f7f5; --color-light-surface: #ffffff; --color-light-ink: #1f2328; --color-light-muted: #59636e; --color-border: #d0d7de; --color-border-soft: #d8dee4; --font-sans: "Instrument Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; --font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace; --content-width: 1440px; --narrative-width: 1420px; --page-gutter: clamp(20px, 4vw, 56px); --radius-control: 8px; --radius-panel: 12px; --shadow-panel: 0 12px 36px rgba(21, 32, 26, 0.08); --motion-fast: 150ms; } /* * Detail pages share the visual language of the exported standalone detail * pages. Keep this as a single, page-scoped sheet so document, product and * reference-design pages cannot drift in typography or interaction states. */ .standalone-detail-page { --dt-line: #e1dbe8; --dt-muted: #555d58; --dt-surface: #f7f4fa; --dt-link: #0969da; --dt-signal: #0bb305; --text-direction: #078500; --pt-toolbar-bg: #f7f4fa; --pt-toolbar-border: #e1dbe8; --pt-head: #ede7f3; --pt-row-hover: #f5f0fa; --pt-row-line: #ede9f2; --dt-ui: "Instrument Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; --dt-mono: "DM Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; background: #fff !important; color: #171b18 !important; font-family: var(--dt-ui) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.625 !important; } .standalone-detail-page :is(h1, h2, h3, p, figure, dl, dd) { margin: 0; } .standalone-detail-page :is(button, input, select) { font: inherit; } .standalone-detail-page a { color: var(--dt-link); } .standalone-detail-page :is(button, a, input, select, [tabindex]):focus-visible { outline: 2px solid var(--dt-link); outline-offset: 4px; } /* Direct Vue conversion of the standalone-detail `dt-*` layout. */ .standalone-detail-page.detail-page { --dt-content-inset: 72px; min-height: 70vh; } .standalone-detail-page .dt-wrap { width: calc(100% - 96px); margin-inline: auto; } @media (min-width: 1800px) { .standalone-detail-page .dt-wrap { width: calc(100% - 128px); } } .standalone-detail-page.detail-page .dt-wrap { width: calc(100% - 2 * var(--dt-content-inset, 72px)); max-width: 1280px; margin-inline: auto; } .standalone-detail-page .dt-document-hero h1 { max-width: 850px; font-size: 32px !important; font-weight: 600 !important; line-height: 1.5 !important; } .standalone-detail-page .dt-manufacturer-logo { width: 132px; max-width: 132px; height: 34px; object-fit: contain; object-position: left center; } .standalone-detail-page .dt-manufacturer-link { display: inline-flex; align-items: center; min-height: 32px; gap: 16px; color: #171b18; } .standalone-detail-page .dt-manufacturer-link.has-logo > span { padding-left: 16px; border-left: 1px solid var(--dt-line); } .standalone-detail-page .dt-object-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; } .standalone-detail-page .dt-identity-line .dt-object-actions { margin-top: 0; margin-left: auto; } .standalone-detail-page .dt-object-actions .dt-button { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; gap: 7px; padding: 7px 11px; color: #171b18; background: #fff; border: 1px solid var(--dt-line); border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; } .standalone-detail-page .dt-object-actions .dt-button:hover { background: #f5f0fa; border-color: var(--dt-line); } .standalone-detail-page .dt-object-actions .dt-button[aria-pressed="true"] { color: #171b18; background: #ebe2f4; border-color: var(--dt-line); } .standalone-detail-page .dt-object-actions svg, .standalone-detail-page .dt-manual-actions svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .standalone-detail-page .dt-object-actions .dt-button[aria-pressed="true"] svg { fill: currentColor; } .standalone-detail-page .dt-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr); align-items: center; gap: 40px; padding-block: 36px 28px; } .standalone-detail-page .dt-identity-line { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 12px; color: #171b18; font-size: 14px; font-weight: 500; } .standalone-detail-page .dt-object-type { padding-left: 14px; color: var(--dt-muted); border-left: 1px solid var(--dt-line); font-size: 12px; font-weight: 400; } .standalone-detail-page .dt-model-line { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; } .standalone-detail-page .dt-model-status { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--dt-muted); font-size: 13px; } .standalone-detail-page .dt-model-status > span + span { padding-left: 12px; border-left: 1px solid var(--dt-line); } .standalone-detail-page .dt-status { display: inline-flex; align-items: center; gap: 6px; padding: 2px 7px; color: #175da2; background: #edf5ff; border: 1px solid #d8e8fb; border-radius: 4px; font-size: 12px; line-height: 1.4; white-space: nowrap; } .standalone-detail-page .dt-status::before { width: 5px; height: 5px; border-radius: 50%; background: #2874b9; content: ""; } .standalone-detail-page .dt-lead { margin-top: 12px; color: #171b18; font-size: 18px; line-height: 1.6; } .standalone-detail-page .dt-parent { margin: 18px 0 0; color: #171b18; font-size: 14px; line-height: 26px; } .standalone-detail-page .dt-parent .dt-text-button { margin-left: 8px; line-height: inherit; } .standalone-detail-page .dt-family { display: flex; align-items: flex-start; gap: 20px; margin-top: 24px; font-size: 14px; } .standalone-detail-page .dt-family-label { width: 80px; flex: none; color: var(--dt-muted); font-size: 13px; line-height: 26px; } .standalone-detail-page .dt-family-content { display: flex; align-items: flex-start; gap: 16px; min-width: 0; flex: 1; } .standalone-detail-page .dt-family-links { display: flex; flex-wrap: wrap; gap: 8px 18px; max-width: 410px; max-height: 26px; min-width: 0; overflow: hidden; line-height: 26px; } .standalone-detail-page.detail-page .dt-family.is-expanded .dt-family-links { max-height: none; } .standalone-detail-page.detail-page .dt-family-links .dt-text-button { padding: 0; color: #171b18; font-size: 14px; line-height: 26px; white-space: nowrap; } .standalone-detail-page.detail-page .dt-family-links .dt-text-button:disabled { cursor: default; opacity: 1; } .standalone-detail-page.detail-page .dt-family-links .dt-text-button:hover:not(:disabled), .standalone-detail-page.detail-page .dt-family-links .dt-text-button:focus-visible { color: #171b18; text-decoration: underline; text-decoration-color: var(--text-direction); text-underline-offset: 3px; } .standalone-detail-page .dt-family-text { color: #171b18; font-size: 14px; line-height: 26px; } .standalone-detail-page.detail-page .dt-family-more { display: inline-flex; flex: none; align-items: center; align-self: flex-start; height: 26px; min-height: 0; padding: 0; color: #171b18; font-size: 14px; line-height: 26px; white-space: nowrap; transform: translateY(-1px); } .standalone-detail-page .dt-text-button { padding: 0; color: var(--dt-link); background: transparent; border: 0; cursor: pointer; font-size: 14px; } .standalone-detail-page .dt-hero-docs { margin-top: 20px; } .standalone-detail-page .dt-hero-docs > div { display: flex; gap: 20px; margin-top: 10px; } .standalone-detail-page .dt-hero-docs dt { width: 80px; flex: none; padding-top: 2px; color: var(--dt-muted); font-size: 13px; } .standalone-detail-page .dt-hero-docs dd { min-width: 0; overflow-wrap: anywhere; font-size: 14px; } .standalone-detail-page .dt-media { width: 100%; min-width: 0; padding: 0; } .standalone-detail-page .dt-media-stage { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 225px; padding: 0; overflow: hidden; background: #fff; border: 0; cursor: zoom-in; } .standalone-detail-page .dt-media-stage img { display: block; width: 100%; max-height: 230px; object-fit: contain; } .standalone-detail-page .dt-gallery-nav { display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 20px; } .standalone-detail-page .dt-gallery-nav button { display: grid; width: 30px; height: 30px; place-items: center; padding: 0; color: var(--dt-muted); background: transparent; border: 1px solid transparent; border-radius: 4px; cursor: pointer; } .standalone-detail-page .dt-gallery-nav button[aria-current="true"] { color: #171b18; background: #f7f4fa; border-color: var(--dt-line); } .standalone-detail-page .dt-tabs { position: sticky; top: 68px; z-index: 20; background: #fff; border-block: 1px solid var(--dt-line); } .standalone-detail-page .dt-tabs > .dt-wrap { display: flex; gap: 28px; } .standalone-detail-page .dt-tabs button { min-height: 52px; padding: 16px 8px; color: var(--dt-muted); background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer; font-size: 14px; font-weight: 500; white-space: nowrap; } .standalone-detail-page .dt-tabs button:first-child { margin-left: -8px; } .standalone-detail-page .dt-tabs button[aria-current="true"] { color: #171b18; background: #fff; border-bottom-color: var(--dt-signal); } .standalone-detail-page .dt-section { padding: 38px 0 42px; border-bottom: 1px solid var(--dt-line); scroll-margin-top: 140px; } .standalone-detail-page .dt-section:last-child { padding-bottom: 64px; border-bottom: 0; } .standalone-detail-page .dt-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 28px; margin-bottom: 24px; } .standalone-detail-page .dt-section-head h2 { color: #171b18; font-size: 24px; font-weight: 600; line-height: 1.4; } .standalone-detail-page .dt-subtabs { display: flex; gap: 28px; margin-bottom: 26px; overflow-x: auto; border-bottom: 1px solid var(--dt-line); } .standalone-detail-page .dt-subtabs button { min-height: 40px; padding: 0 0 13px; color: var(--dt-muted); background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer; font-size: 14px; white-space: nowrap; } .standalone-detail-page .dt-subtabs button[aria-selected="true"] { color: #171b18; border-bottom-color: var(--dt-signal); font-weight: 600; } .standalone-detail-page .dt-overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; } .standalone-detail-page .dt-resource-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; } .standalone-detail-page .dt-overview-grid[data-overview-tab] { grid-template-columns: minmax(0, 1fr); } .standalone-detail-page .dt-overview-grid[data-overview-tab="features"] .dt-prose:nth-child(2), .standalone-detail-page .dt-overview-grid[data-overview-tab="description"] .dt-prose:first-child { display: none; } .standalone-detail-page .dt-prose { max-width: 72ch; color: var(--dt-muted); font-size: 16px; line-height: 1.75; white-space: pre-line; } .standalone-detail-page .dt-full-copy { max-width: 112ch; color: var(--dt-muted); font-size: 16px; line-height: 1.85; white-space: pre-line; } .standalone-detail-page .dt-full-list { columns: 2; column-gap: 64px; margin: 0; padding-left: 20px; color: var(--dt-muted); font-size: 16px; line-height: 1.8; } .standalone-detail-page .dt-full-list li { break-inside: avoid; padding-bottom: 12px; } .standalone-detail-page .dt-table-wrap { overflow-x: auto; border: 1px solid var(--dt-line); border-radius: 5px; } .standalone-detail-page .dt-table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: left; } .standalone-detail-page .dt-table :is(th, td) { padding: 13px 18px; border-bottom: 1px solid var(--dt-line); vertical-align: middle; } .standalone-detail-page .dt-table th { color: var(--dt-muted); background: #ede7f3; font-size: 13px; font-weight: 500; white-space: nowrap; } .standalone-detail-page .dt-table :is(th, td) { border-bottom-color: #ede9f2; } .standalone-detail-page .dt-table tr:last-child > * { border-bottom: 0; } .standalone-detail-page .dt-table tbody tr:hover { background: #f5f0fa; } .standalone-detail-page .dt-numeric { font-family: var(--dt-mono); font-variant-numeric: tabular-nums; white-space: nowrap; } .standalone-detail-page .dt-param-group + .dt-param-group { margin-top: 30px; } .standalone-detail-page .dt-param-group h3, .standalone-detail-page .dt-resource-grid h3 { margin-bottom: 10px; color: #171b18; font-size: 18px; font-weight: 600; } .standalone-detail-page .dt-spec-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; margin: 0; } .standalone-detail-page .dt-spec-grid > div { padding-block: 18px; border-bottom: 1px solid var(--dt-line); } .standalone-detail-page .dt-spec-grid dt { margin-bottom: 6px; color: var(--dt-muted); font-size: 13px; } .standalone-detail-page .dt-spec-grid dd { color: #171b18; font-size: 16px; overflow-wrap: anywhere; } .standalone-detail-page .dt-rule-button { min-height: 34px; padding: 5px 12px; color: var(--text-direction); background: #fff; border: 1px solid var(--dt-line); border-radius: 0; font-size: 13px; line-height: 22px; } .standalone-detail-page .dt-rule-button:hover { background: var(--pt-toolbar-bg); border-color: var(--text-direction); } .standalone-detail-page .dt-rule-panel { display: grid; gap: 8px; margin-block: 16px; padding: 16px 18px; color: var(--dt-muted); background: var(--pt-toolbar-bg); border-left: 2px solid var(--text-direction); font-size: 14px; line-height: 1.75; } .standalone-detail-page .dt-rule-panel p { margin: 0; } .standalone-detail-page .dt-compliance-list { margin: 0; border-top: 1px solid var(--dt-line); font-size: 14px; line-height: 22px; } .standalone-detail-page .dt-compliance-list > div { display: grid; grid-template-columns: minmax(190px, 3fr) minmax(0, 4fr); border-bottom: 1px solid var(--pt-row-line); } .standalone-detail-page .dt-compliance-list :is(dt, dd) { margin: 0; padding: 9px 12px; overflow-wrap: anywhere; } .standalone-detail-page .dt-compliance-list dt { background: var(--pt-toolbar-bg); font-weight: 400; } .standalone-detail-page .dt-table-toolbar { display: flex; align-items: flex-end; gap: 20px; margin-bottom: 18px; } .standalone-detail-page .dt-table-toolbar h3 { margin: 0; color: #171b18; font-size: 18px; font-weight: 600; } .standalone-detail-page .dt-table-toolbar label { display: flex; flex-direction: column; gap: 7px; color: var(--dt-muted); font-size: 13px; } .standalone-detail-page .dt-table-toolbar select { min-height: 38px; padding: 7px 11px; color: #171b18; background: #fff; border: 1px solid var(--dt-line); border-radius: 4px; } .standalone-detail-page .dt-procurement-toolbar { align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; flex-wrap: nowrap; } .standalone-detail-page .dt-procurement-toolbar label { flex-direction: row; align-items: center; gap: 10px; flex: none; } .standalone-detail-page .dt-procurement-toolbar select { min-width: 78px; min-height: 36px; padding: 6px 10px; border-radius: 0; } .standalone-detail-page .dt-procurement-table { width: 100%; min-width: 1100px; font-variant-numeric: tabular-nums; } .standalone-detail-page .dt-procurement-table :is(th, td) { padding: 10px 12px; font-weight: 400; white-space: nowrap; } .standalone-detail-page .dt-channels-table :is(th, td):nth-child(2) { min-width: 245px; } .standalone-detail-page .dt-channels-table :is(th, td):first-child { min-width: 88px; } .standalone-detail-page .dt-channels-table :is(th, td):nth-child(n + 3), .standalone-detail-page .dt-channels-table .dt-price, .standalone-detail-page .dt-channels-table .dt-channel-updated { text-align: right; } .standalone-detail-page .dt-official-badge { display: inline-block; margin-left: 5px; padding: 1px 4px; color: #175da2; background: #edf5ff; border: 1px solid #d8e8fb; border-radius: 3px; font-size: 12px; line-height: 18px; } .standalone-detail-page .dt-resource-row { display: flex; width: 100%; align-items: center; gap: 15px; padding: 22px 0; color: #171b18; background: transparent; border: 0; border-bottom: 1px solid var(--dt-line); text-align: left; cursor: pointer; font-size: 14px; } .standalone-detail-page .dt-resource-row:last-child { border-bottom: 0; } .standalone-detail-page .dt-resource-row > span:last-child { min-width: 0; flex: 1; } .standalone-detail-page .dt-resource-row strong { color: var(--dt-link); font-size: 14px; font-weight: 500; } .standalone-detail-page .dt-resource-row p { margin-top: 5px; color: var(--dt-muted); font-size: 12px; } .standalone-detail-page .dt-resource-icon { display: grid; width: 38px; height: 44px; flex: none; place-items: center; color: var(--dt-muted); border: 1px solid var(--dt-line); border-radius: 5px; font-size: 12px; } .standalone-detail-page .dt-related-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; } .standalone-detail-page .dt-related-products article { min-width: 0; padding: 20px 0; border-bottom: 1px solid var(--dt-line); } .standalone-detail-page .dt-related-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .standalone-detail-page .dt-related-products .dt-mono { font-size: 20px; } .standalone-detail-page .dt-related-products article > p { margin-top: 10px; color: var(--dt-muted); font-size: 14px; line-height: 1.7; } .standalone-detail-page .dt-tag-list { display: flex; flex-wrap: wrap; gap: 10px; } .standalone-detail-page .dt-tag-list > span { padding: 5px 12px; color: var(--dt-muted); background: #f7f4fa; border: 1px solid var(--dt-line); border-radius: 4px; font-size: 14px; } .standalone-detail-page .dt-empty-inline, .standalone-detail-page .dt-loading, .standalone-detail-page .dt-missing { color: var(--dt-muted); font-size: 14px; } .standalone-detail-page .dt-loading, .standalone-detail-page .dt-missing { min-height: 35vh; padding-block: 70px; } /* Product identity and hero are the standalone product header. */ .standalone-detail-page .product-identity-bar, .standalone-detail-page .hero-title-block { background: #fff !important; border: 0 !important; box-shadow: none !important; } .standalone-detail-page .product-identity-bar-inner, .standalone-detail-page .hero-title-block { width: calc(100% - 96px) !important; max-width: none !important; margin-inline: auto !important; padding: 22px 0 0 !important; } .standalone-detail-page .key-info-row { gap: 14px !important; } .standalone-detail-page .key-info-item { font-size: 14px !important; } .standalone-detail-page .key-info-item.model strong, .standalone-detail-page .dt-mono, .standalone-detail-page .product-title, .standalone-detail-page .model-cell, .standalone-detail-page .model-button { font-family: var(--dt-mono) !important; font-variant-numeric: tabular-nums; } .standalone-detail-page .key-info-item.model strong { font-size: 42px !important; font-weight: 500 !important; letter-spacing: -.025em !important; } .standalone-detail-page .status-badge { border-radius: 4px !important; font-size: 12px !important; font-weight: 500 !important; } .standalone-detail-page .product-hero, .standalone-detail-page .technical-hero, .standalone-detail-page .reference-hero { display: grid !important; grid-template-columns: minmax(0, 1.8fr) minmax(300px, 1fr) !important; gap: 64px !important; width: calc(100% - 96px) !important; max-width: none !important; margin: 0 auto !important; padding: 34px 0 30px !important; border-bottom: 1px solid var(--dt-line) !important; } .standalone-detail-page .product-title, .standalone-detail-page h1 { color: #171b18 !important; font-size: 42px !important; font-weight: 500 !important; letter-spacing: -.02em !important; line-height: 1.25 !important; } .standalone-detail-page .product-title { margin: 0 0 12px !important; } .standalone-detail-page .hero-title-block { padding: 22px 0 16px !important; } .standalone-detail-page .technical-hero .hero-title-block, .standalone-detail-page .reference-hero .hero-title-block { position: static !important; display: block !important; height: auto !important; overflow: visible !important; backdrop-filter: none !important; } .standalone-detail-page .eyebrow, .standalone-detail-page .hero-meta dt, .standalone-detail-page .dt-caption { color: var(--dt-muted) !important; font-size: 12px !important; } .standalone-detail-page .hero-meta { gap: 10px !important; } .standalone-detail-page .hero-meta :is(div, .hero-meta-row) { gap: 20px !important; } .standalone-detail-page .hero-meta dd { color: #171b18 !important; font-size: 14px !important; } .standalone-detail-page .hero-meta .datasheet-link, .standalone-detail-page .text-link, .standalone-detail-page .doc-link { color: var(--dt-link) !important; } .standalone-detail-page .dt-manual { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 14px 16px !important; width: 100% !important; max-width: 600px !important; margin: 24px 0 0 !important; padding: 16px 18px !important; background: #f7f4fa !important; border: 0 !important; border-radius: 6px !important; } .standalone-detail-page .dt-manual-file { display: flex !important; align-items: center !important; flex: 1 1 200px !important; gap: 12px !important; min-width: 0 !important; padding: 0 !important; color: #171b18 !important; background: transparent !important; border: 0 !important; text-align: left !important; } .standalone-detail-page .dt-manual-file:disabled { cursor: not-allowed; opacity: .62; } .standalone-detail-page .dt-manual .dt-pdf-image { width: 36px !important; height: 50px !important; flex: none !important; object-fit: contain !important; } .standalone-detail-page .dt-manual-info { display: grid; min-width: 0; gap: 3px; } .standalone-detail-page .dt-manual-info strong { color: #171b18; font-size: 18px; font-weight: 500; line-height: 1.5; } .standalone-detail-page .dt-manual-meta { display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--dt-muted); font-size: 13px; font-weight: 400; line-height: 1.5; } .standalone-detail-page .dt-manual-actions { display: flex; align-items: center; flex: none; gap: 6px; } .standalone-detail-page .dt-manual-actions > :is(a, button) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 8px; color: var(--dt-link); background: transparent; border: 1px solid transparent; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; } .standalone-detail-page .dt-manual-actions > :is(a, button):hover:not(:disabled) { background: #f5f0fa; } .standalone-detail-page .dt-manual-actions > button:disabled { cursor: not-allowed; opacity: .62; } .standalone-detail-page .hero-media { width: 100% !important; max-width: none !important; } .standalone-detail-page .media-stage { height: 270px !important; padding: 14px !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; } .standalone-detail-page .media-stage img { max-height: 230px !important; object-fit: contain !important; } .standalone-detail-page .media-preview-button { cursor: zoom-in; } .standalone-detail-page .media-nav, .standalone-detail-page .media-dot { color: var(--dt-muted) !important; background: transparent !important; border-color: transparent !important; } .standalone-detail-page .media-dot.active { background: var(--dt-signal) !important; box-shadow: none !important; } /* Reference navigation: thin rule, fixed position and a text-only active state. */ .standalone-detail-page .product-tabs { position: sticky !important; top: 68px !important; z-index: 20 !important; background: #fff !important; border-block: 1px solid var(--dt-line) !important; box-shadow: none !important; } .standalone-detail-page .product-tabs-inner { display: flex !important; width: calc(100% - 96px) !important; margin-inline: auto !important; gap: 32px !important; } .standalone-detail-page .product-tabs button { min-height: 52px !important; padding: 16px 0 !important; color: var(--dt-muted) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 14px !important; font-weight: 500 !important; } .standalone-detail-page .product-tabs button.active { color: #171b18 !important; border-bottom-color: var(--dt-signal) !important; } .standalone-detail-page .product-layout, .standalone-detail-page .technical-layout, .standalone-detail-page .reference-layout { width: calc(100% - 96px) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; gap: 0 !important; } .standalone-detail-page .detail-section { padding: 38px 0 42px !important; border-bottom: 1px solid var(--dt-line) !important; scroll-margin-top: 140px !important; } .standalone-detail-page .detail-section:last-child { border-bottom: 0 !important; padding-bottom: 64px !important; } .standalone-detail-page .section-heading { display: block !important; margin: 0 0 24px !important; } .standalone-detail-page .section-heading > p { display: none !important; } .standalone-detail-page .section-heading h2 { color: #171b18 !important; font-size: 24px !important; font-weight: 600 !important; letter-spacing: -.02em !important; line-height: 1.4 !important; } .standalone-detail-page .sub-tabs { gap: 28px !important; margin: 0 0 26px !important; overflow-x: auto !important; border-bottom: 1px solid var(--dt-line) !important; } .standalone-detail-page .sub-tabs button { min-height: 40px !important; padding: 0 0 13px !important; color: var(--dt-muted) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 14px !important; } .standalone-detail-page .sub-tabs button.active, .standalone-detail-page .sub-tabs button[aria-selected="true"] { color: #171b18 !important; border-bottom-color: var(--dt-signal) !important; font-weight: 600 !important; } .standalone-detail-page .tab-panel { min-height: 0 !important; padding-top: 0 !important; } .standalone-detail-page :is(.copy-paragraph, .copy-list, .rich-text-list, .related-desc, .document-description) { color: var(--dt-muted) !important; font-size: 16px !important; line-height: 1.8 !important; } .standalone-detail-page .copy-list, .standalone-detail-page .rich-text-list { columns: 2; column-gap: 64px; } .standalone-detail-page .copy-list li, .standalone-detail-page .rich-text-list__item { break-inside: avoid; margin-bottom: 12px !important; } .standalone-detail-page .param-list { grid-template-columns: minmax(180px, .8fr) minmax(0, 1fr) !important; border-top: 1px solid var(--dt-line) !important; font-size: 14px !important; } .standalone-detail-page .param-list :is(dt, dd) { padding: 13px 18px !important; border-bottom: 1px solid var(--dt-line) !important; } .standalone-detail-page .param-list dt { background: var(--dt-surface) !important; color: #171b18 !important; font-weight: 500 !important; } .standalone-detail-page .param-list dd { color: #171b18 !important; } .standalone-detail-page .table-scroll { border: 1px solid var(--dt-line) !important; border-radius: 5px !important; } .standalone-detail-page .table-scroll table { width: 100% !important; border-collapse: collapse !important; font-size: 14px !important; } .standalone-detail-page .table-scroll :is(th, td) { padding: 13px 18px !important; border-bottom: 1px solid var(--dt-line) !important; text-align: left !important; vertical-align: middle !important; } .standalone-detail-page .table-scroll th { color: var(--dt-muted) !important; background: #f7f7f7 !important; font-size: 13px !important; font-weight: 500 !important; } .standalone-detail-page .table-scroll tbody tr:hover { background: var(--dt-surface) !important; } .standalone-detail-page .document-list, .standalone-detail-page .related-list { border-bottom: 1px solid var(--dt-line) !important; } .standalone-detail-page :is(.document-item, .related-item) { padding: 22px 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--dt-line) !important; border-radius: 0 !important; } .standalone-detail-page :is(.document-item, .related-item):hover:not(:disabled) { background: var(--dt-surface) !important; } .standalone-detail-page :is(.document-content strong, .related-header strong) { color: var(--dt-link) !important; font-size: 16px !important; font-weight: 500 !important; } .standalone-detail-page :is(.document-meta, .related-category) { color: var(--dt-muted) !important; font-size: 12px !important; } .standalone-detail-page .tag-list { gap: 10px !important; } .standalone-detail-page .tag { min-height: 30px !important; padding: 5px 12px !important; color: var(--dt-muted) !important; background: #fff !important; border: 1px solid var(--dt-line) !important; border-radius: 4px !important; font-size: 14px !important; } .standalone-detail-page .state-panel { width: calc(100% - 96px) !important; max-width: none !important; margin: 24px auto 0 !important; padding: 18px !important; color: var(--dt-muted) !important; background: var(--dt-surface) !important; border: 1px solid var(--dt-line) !important; border-left: 3px solid var(--dt-signal) !important; } .standalone-detail-page .product-empty-state { min-height: 120px !important; background: var(--dt-surface) !important; border: 1px solid var(--dt-line) !important; border-radius: 0 !important; box-shadow: none !important; } @media (max-width: 800px) { .standalone-detail-page.detail-page .dt-wrap { width: calc(100% - 32px); margin-inline: 16px; } .standalone-detail-page:not(.detail-page) .dt-wrap { width: calc(100% - 40px); } .standalone-detail-page .dt-hero { grid-template-columns: 1fr; gap: 20px; padding-top: 30px; } .standalone-detail-page .dt-tabs { top: 60px; overflow-x: auto; } .standalone-detail-page .dt-tabs > .dt-wrap { min-width: max-content; margin-inline: 20px; } .standalone-detail-page .dt-overview-grid, .standalone-detail-page .dt-resource-grid, .standalone-detail-page .dt-related-products { grid-template-columns: 1fr; gap: 26px; } .standalone-detail-page .dt-spec-grid { grid-template-columns: 1fr 1fr; } .standalone-detail-page .dt-full-list { columns: 1; } .standalone-detail-page .dt-identity-line .dt-object-actions { width: 100%; margin-left: 0; } .standalone-detail-page :is(.product-identity-bar-inner, .hero-title-block, .product-hero, .technical-hero, .reference-hero, .product-tabs-inner, .product-layout, .technical-layout, .reference-layout, .state-panel) { width: calc(100% - 40px) !important; } .standalone-detail-page :is(.product-hero, .technical-hero, .reference-hero) { grid-template-columns: 1fr !important; gap: 20px !important; padding-top: 30px !important; } .standalone-detail-page :is(.product-title, h1, .key-info-item.model strong) { font-size: 32px !important; } .standalone-detail-page .product-tabs { top: 60px !important; overflow-x: auto; } .standalone-detail-page .product-tabs-inner { gap: 24px !important; min-width: max-content !important; } .standalone-detail-page :is(.copy-list, .rich-text-list) { columns: 1; } .standalone-detail-page .param-list { grid-template-columns: 1fr !important; } } @media (min-width: 1600px) { .standalone-detail-page.detail-page .dt-wrap { max-width: 1440px; margin-right: auto; margin-left: var(--dt-content-inset, 132px); } } /* Main navigation follows the standalone detail-page toolbar exactly. */ .standalone-detail-page.detail-page .dt-tabs.product-tabs { top: 68px !important; background: #ede7f3 !important; border-color: #e1dbe8 !important; box-shadow: none !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs > .dt-wrap { display: flex !important; gap: 28px !important; } @media (max-width: 1150px) { .standalone-detail-page.detail-page .dt-wrap { width: calc(100% - 56px) !important; margin-inline: auto; } } .standalone-detail-page.detail-page .dt-tabs.product-tabs button { min-height: 52px !important; padding: 16px 8px !important; color: #555d58 !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-family: var(--dt-ui) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0 !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs button:first-child { margin-left: -8px !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs button[aria-current="true"] { color: #171b18 !important; background: #fff !important; border-bottom-color: var(--dt-signal) !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs button:hover:not([aria-current="true"]) { color: #171b18 !important; } @media (max-width: 800px) { .standalone-detail-page.detail-page .dt-wrap { width: calc(100% - 32px) !important; margin-inline: 16px !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs { top: 60px !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs > .dt-wrap { width: auto !important; min-width: max-content !important; margin-inline: 20px !important; } } /* The exported detail prototypes have a final purple toolbar/table layer. */ .standalone-detail-page.detail-page .dt-tabs.product-tabs { background: #ede7f3 !important; border-color: #ded7e8 !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs button { min-height: 52px !important; padding: 16px 8px !important; color: #171b18 !important; background: transparent !important; border-bottom-width: 3px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; } .standalone-detail-page.detail-page .dt-tabs.product-tabs button[aria-current="true"] { color: #171b18 !important; background: #fff !important; border-bottom-color: #078500 !important; font-weight: 600 !important; } .standalone-detail-page.detail-page .dt-subtabs { gap: 28px !important; margin-bottom: 26px !important; background: transparent !important; border-bottom-color: #e1dbe8 !important; } .standalone-detail-page.detail-page .dt-subtabs button { min-height: 48px !important; padding: 10px 12px 12px !important; color: #171b18 !important; background: transparent !important; border-bottom-width: 3px !important; border-radius: 0 !important; font-family: var(--dt-ui) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; } .standalone-detail-page.detail-page .dt-subtabs button:hover, .standalone-detail-page.detail-page .dt-subtabs button[aria-selected="true"] { color: #171b18 !important; background: #f7f4fa !important; border-bottom-color: #078500 !important; font-weight: 600 !important; } .standalone-detail-page.detail-page .dt-table-wrap { background: #fff !important; border-color: #e1dbe8 !important; border-radius: 5px !important; } .standalone-detail-page.detail-page .dt-table { color: #171b18 !important; background: #fff !important; font-size: 14px !important; } .standalone-detail-page.detail-page .dt-table thead, .standalone-detail-page.detail-page .dt-table thead tr, .standalone-detail-page.detail-page .dt-table thead th { color: #363043 !important; background: #ede7f3 !important; } .standalone-detail-page.detail-page .dt-table :is(th, td) { padding: 13px 18px !important; border-bottom-color: #ede9f2 !important; } .standalone-detail-page.detail-page .dt-table thead th { border-bottom-color: #ded7e8 !important; font-size: 13px !important; font-weight: 500 !important; } .standalone-detail-page.detail-page .dt-table tbody tr { background: #fff !important; } .standalone-detail-page.detail-page .dt-table tbody tr:hover { background: #f5f0fa !important; } .standalone-detail-page.detail-page .dt-table tbody td:last-child { color: #555d58 !important; } .standalone-detail-page.detail-page .dt-parameter-table { table-layout: fixed !important; min-width: 0 !important; } .standalone-detail-page.detail-page .dt-parameter-table col { width: 29% !important; } .standalone-detail-page.detail-page .dt-parameter-table col.dt-parameter-label { width: 21% !important; } .standalone-detail-page.detail-page .dt-parameter-table :is(th, td) { padding: 11px 16px !important; vertical-align: top !important; overflow-wrap: anywhere !important; } .standalone-detail-page.detail-page .dt-parameter-table tbody th { color: #171b18 !important; background: #fff !important; font-weight: 500 !important; } .standalone-detail-page.detail-page .dt-parameter-table tbody td { color: #555d58 !important; font-variant-numeric: tabular-nums !important; } .standalone-detail-page.detail-page .dt-parameter-table tr > :nth-child(3) { border-left: 1px solid #ded7e8 !important; } .standalone-detail-page.detail-page .dt-identity-line .dt-object-actions { gap: 10px !important; } .standalone-detail-page.detail-page .dt-object-actions > .dt-button { box-sizing: border-box !important; min-width: 96px !important; min-height: 36px !important; padding: 7px 12px !important; gap: 7px !important; color: #078500 !important; background: #fff !important; border-color: #d1c7dd !important; border-radius: 0 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; } .standalone-detail-page.detail-page .dt-object-actions > .dt-button:hover { background: #ece5f3 !important; border-color: #ded7e8 !important; } .standalone-detail-page.detail-page .dt-object-actions > .dt-button[aria-pressed="true"] { color: #078500 !important; background: #f1f6f3 !important; border-color: #c5d9ca !important; } .standalone-detail-page.detail-page .dt-object-actions > .dt-button[aria-pressed="true"] svg { fill: currentColor !important; } .standalone-detail-page.detail-page .dt-order-count { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 24px !important; margin-bottom: 12px !important; color: #555d58 !important; font-size: 13px !important; } .standalone-detail-page.detail-page .dt-orders { min-width: 1060px !important; } .standalone-detail-page.detail-page .dt-orders thead th { padding: 12px 14px !important; vertical-align: top !important; } .standalone-detail-page.detail-page .dt-orders thead label { display: flex !important; flex-direction: column !important; gap: 10px !important; } .standalone-detail-page.detail-page .dt-orders input { box-sizing: border-box !important; width: 100% !important; min-width: 64px !important; height: 34px !important; padding: 7px 9px !important; color: #363043 !important; background: #faf8fc !important; border: 1px solid #d1c7dd !important; border-radius: 4px !important; font: inherit !important; } .standalone-detail-page.detail-page .dt-orders th:first-child input { min-width: 172px !important; } .standalone-detail-page.detail-page .dt-orders input::placeholder { color: #746b80 !important; font-weight: 400 !important; } .standalone-detail-page.detail-page .dt-orders input:focus { outline: 2px solid #0969da !important; outline-offset: 1px !important; } .standalone-detail-page.detail-page .dt-updated { display: flex !important; justify-content: flex-start !important; gap: 10px !important; padding: 0 0 15px !important; color: #555d58 !important; font-size: 12px !important; line-height: 1.5 !important; } /* Sticky identity differs by detail type, matching the standalone pages. */ .standalone-detail-page.detail-page .dt-sticky-start { height: 0 !important; } .standalone-detail-page.detail-page .dt-detail-sticky { position: sticky !important; top: calc(68px + var(--dt-sticky-identity-height, 0px)) !important; z-index: 20 !important; } .standalone-detail-page.detail-page .dt-detail-sticky .dt-tabs.product-tabs { position: static !important; top: auto !important; } .standalone-detail-page.detail-page .dt-sticky-identity { position: absolute !important; bottom: 100% !important; left: 0 !important; box-sizing: border-box !important; width: 100% !important; height: 48px !important; visibility: hidden !important; pointer-events: none !important; background: #fff !important; border-top: 1px solid #e1dbe8 !important; } .standalone-detail-page.detail-page .dt-sticky-identity.is-visible { visibility: visible !important; pointer-events: auto !important; } .standalone-detail-page.detail-page .dt-sticky-identity > .dt-wrap { display: flex !important; align-items: center !important; height: 100% !important; gap: 22px !important; } .standalone-detail-page.detail-page .dt-sticky-brand { display: flex !important; align-items: center !important; padding-right: 22px !important; border-right: 1px solid #e1dbe8 !important; } .standalone-detail-page.detail-page .dt-sticky-brand img { width: 110px !important; height: 26px !important; object-fit: contain !important; } .standalone-detail-page.detail-page .dt-sticky-identity strong { min-width: 0 !important; overflow: hidden !important; color: #171b18 !important; font-size: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Resource pages retain their type and title instead of a manufacturer/model. */ .standalone-detail-page.detail-page .dt-resource-sticky { position: fixed !important; top: 68px !important; bottom: auto !important; z-index: 21 !important; } .standalone-detail-page.detail-page.has-sticky-identity > .dt-tabs.product-tabs { top: 116px !important; } .standalone-detail-page.detail-page .dt-resource-sticky > .dt-wrap > span { flex: none !important; padding-right: 20px !important; color: #555d58 !important; border-right: 1px solid #e1dbe8 !important; font-size: 13px !important; } .standalone-detail-page.detail-page .dt-resource-sticky strong { font-family: var(--dt-ui) !important; font-size: 14px !important; font-weight: 500 !important; } @media (max-width: 800px) { .standalone-detail-page.detail-page .dt-detail-sticky { top: calc(60px + var(--dt-sticky-identity-height, 0px)) !important; } .standalone-detail-page.detail-page .dt-resource-sticky { top: 60px !important; } .standalone-detail-page.detail-page.has-sticky-identity > .dt-tabs.product-tabs { top: 108px !important; } .standalone-detail-page.detail-page .dt-resource-sticky > .dt-wrap { gap: 12px !important; } .standalone-detail-page.detail-page .dt-resource-sticky > .dt-wrap > span { padding-right: 12px !important; font-size: 12px !important; } .standalone-detail-page.detail-page .dt-resource-sticky strong { font-size: 13px !important; } } /* LUMY personal workspace — a calm, floating workspace with functional depth. */ body:has(#detailPage .ac-shell){background:#e9eeeb} body.detail-mode:has(#detailPage .ac-shell) #lumyApp>.footer{display:block} /* Shared account entry: guest label, signed-in avatar and compact account menu. */ .hd-account{position:relative;display:inline-flex;align-items:center;flex:none} .login.is-guest{color:#fff!important} .login.is-authenticated{ display:grid!important; place-items:center; width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; aspect-ratio:1; border:0!important; border-radius:50%!important; background:transparent!important; color:#fff!important; box-shadow:none!important; overflow:hidden; } .login.is-authenticated:hover{border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important} .login.is-authenticated:focus-visible{outline:2px solid #d9e2ea;outline-offset:3px} .login.is-authenticated>span{display:grid;place-items:center;width:100%;height:100%;aspect-ratio:1;border-radius:50%;background:#34404d;color:#fff;font-size:15px;font-weight:700} .login.is-authenticated>img{display:block;width:100%;height:100%;aspect-ratio:1;border:0;border-radius:50%;object-fit:cover;object-position:center;clip-path:circle(50%)} .hd-account-menu{ position:absolute; z-index:180; top:calc(100% + 12px); right:0; width:232px; padding:8px; border:1px solid rgba(240,246,252,.18); border-radius:10px; background:#0d1117; color:#f0f6fc; box-shadow:0 20px 52px rgba(0,0,0,.42),0 3px 12px rgba(0,0,0,.28); white-space:normal; } .hd-account-menu[hidden]{display:none} .hd-account-menu::before{ content:""; position:absolute; top:-6px; right:15px; width:10px; height:10px; border-top:1px solid rgba(240,246,252,.18); border-left:1px solid rgba(240,246,252,.18); background:#0d1117; transform:rotate(45deg); } .hd-account-summary{display:flex;align-items:center;gap:11px;min-height:66px;padding:9px 10px 12px;border-bottom:1px solid rgba(240,246,252,.14);background:linear-gradient(110deg,#161b22,#0d1117)} .hd-account-summary-avatar{display:grid;place-items:center;width:38px;height:38px;aspect-ratio:1;flex:none;border-radius:50%;background:#34404d;color:#fff;font-size:14px;font-weight:700;overflow:hidden} .hd-account-summary-avatar>span{display:grid;place-items:center;width:100%;height:100%} .hd-account-summary-avatar img{display:block;width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;clip-path:circle(50%)} .hd-account-summary div{min-width:0} .hd-account-summary strong,.hd-account-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hd-account-summary strong{font-size:14px;font-weight:680} .hd-account-summary small{margin-top:3px;color:#8b949e;font-size:12px} .hd-account-menu>a,.hd-account-menu>button{ display:flex; align-items:center; gap:11px; width:100%; min-height:42px; padding:8px 10px; border:0; border-radius:5px; background:transparent; color:#c9d1d9; font:550 14px/1.4 var(--font-ui,sans-serif); text-align:left; text-decoration:none; cursor:pointer; } .hd-account-menu>a:first-of-type{margin-top:6px} .hd-account-menu>a:hover,.hd-account-menu>button:hover{background:#21262d;color:#fff;text-decoration:none} .hd-account-menu>a:focus-visible,.hd-account-menu>button:focus-visible{outline:2px solid #58a6ff;outline-offset:-2px;background:#21262d;color:#fff} .hd-account-menu>button{margin-top:6px;border-top:1px solid rgba(240,246,252,.14);border-radius:0 0 5px 5px;color:#ff7b72} .hd-account-menu svg{width:18px;height:18px;flex:none} #detailPage:has(.ac-shell){ min-height:calc(100dvh - 72px); padding:36px 0 96px; background:#e9eeeb; } #detailPage:has(.ac-shell)>.dt-pathbar{ position:relative; z-index:3; border-bottom:1px solid #d9dfdb; background:rgba(255,255,255,.96); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } .ac-shell{ --ac-ink:#17211b; --ac-muted:#65716a; --ac-faint:#8b958f; --ac-line:#d9dfdb; --ac-line-strong:#b9c4bd; --ac-paper:#fff; --ac-plane:#f2f5f3; --ac-plane-deep:#e8eeea; --ac-green:#127b36; --ac-green-dark:#0d5f29; --ac-green-soft:#eaf4ed; color:var(--ac-ink); } .detail-page .ac-layout{ display:grid; grid-template-columns:258px minmax(0,1fr); width:min(1480px,calc(100% - 48px)); min-height:max(920px,calc(100dvh - 144px)); margin:0 auto; padding:0; border:1px solid #ccd5cf; border-radius:10px; background:var(--ac-paper); box-shadow:0 34px 82px rgba(26,46,34,.15),0 4px 12px rgba(26,46,34,.06); overflow:hidden; } .ac-sidebar{ position:relative; min-width:0; padding:34px 20px 28px; border-right:1px solid #cfd7d2; background:#f0f3f1; } .ac-person{ display:flex; align-items:center; gap:13px; min-height:72px; padding:0 12px 28px; border-bottom:1px solid var(--ac-line-strong); } .ac-person>span,.ac-avatar{ display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; aspect-ratio:1; flex:none; border:1px solid #9fc3a9; border-radius:50%; background:#fff; color:#245536; font-size:16px; font-weight:650; box-shadow:0 3px 10px rgba(26,62,37,.08); overflow:hidden; } .ac-person>span img,.ac-avatar img{display:block;width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;clip-path:circle(50%)} .ac-person strong,.ac-person small{display:block} .ac-person strong{font-size:16px;font-weight:650} .ac-person small{margin-top:3px;color:var(--ac-muted);font-size:13px} .ac-sidebar nav{padding:20px 0} .ac-sidebar nav>a{ position:relative; display:flex; align-items:center; gap:12px; min-height:50px; padding:10px 12px; border-bottom:1px solid rgba(196,205,199,.6); color:#4f5c54; font-size:15px; text-decoration:none; transition:background-color .14s,color .14s; } .ac-sidebar nav>a:hover{ background:#f9fbfa; color:var(--ac-ink); text-decoration:none; } .ac-sidebar nav>a.is-active{ background:#fff; color:var(--ac-ink); font-weight:650; box-shadow:inset 4px 0 var(--ac-green),0 4px 15px rgba(32,61,42,.055); } .ac-sidebar nav>a svg{width:19px;height:19px} .ac-sidebar nav>a b{ min-width:24px; margin-left:auto; color:var(--ac-muted); font-size:12px; font-weight:550; text-align:right; } .ac-sidebar-note{ position:absolute; right:28px; bottom:28px; left:28px; display:flex; align-items:flex-start; gap:9px; padding-top:20px; border-top:1px solid var(--ac-line-strong); color:var(--ac-muted); font-size:13px; line-height:1.55; } .ac-sidebar-note svg{width:16px!important;height:16px!important;margin-top:2px} .ac-main{ min-width:0; padding:0 56px 80px; background:#fff; } .ac-main :is(button,a,select,input,textarea){touch-action:manipulation} .ac-mobile-nav{display:none} .ac-page-head{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:168px; margin:0 -56px; padding:42px 56px 38px; border-bottom:1px solid #ccd6d0; background:#fafcfb; box-shadow:inset 0 -4px 0 #eef2ef; } .ac-page-head::before{ content:""; position:absolute; top:42px; bottom:38px; left:0; width:5px; background:var(--ac-green); } .detail-page .ac-page-head h1{ margin:0; color:var(--ac-ink); font-size:clamp(30px,3vw,42px); font-weight:620; letter-spacing:-.045em; line-height:1.1; } .ac-page-head p{ max-width:670px; margin:14px 0 0!important; color:#56635b; font-size:16px; line-height:1.7; } .ac-button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:9px 17px; border:1px solid #b9c5bd; border-radius:4px; background:#fff; color:var(--ac-ink); font:600 14px/1.4 var(--font-ui); cursor:pointer; text-decoration:none; transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s; } .ac-button:hover{ border-color:#8fa097; background:#f7f9f8; text-decoration:none!important; } .ac-button:focus-visible,.ac-sidebar a:focus-visible,.ac-folders button:focus-visible,.ac-library-row a:focus-visible,.ac-folder-row button:focus-visible{ outline:3px solid rgba(18,123,54,.22); outline-offset:2px; } .ac-button:disabled{ border-color:#d5dbd7; background:#eef1ef; color:#98a19b; box-shadow:none; cursor:not-allowed; } .ac-button.primary{ border-color:var(--ac-green); background:var(--ac-green); color:#fff; box-shadow:0 6px 16px rgba(18,123,54,.17); } .ac-button.primary:hover{border-color:var(--ac-green-dark);background:var(--ac-green-dark)} .ac-button.secondary{background:#fff} .ac-button.quiet{ min-height:38px; padding-inline:10px; border-color:transparent; background:transparent; box-shadow:none; color:#526159; } .ac-button.quiet:hover{border-color:#d2dad5;background:#f2f5f3;color:var(--ac-ink)} .ac-button.compact{min-height:38px;padding:6px 11px;font-size:13px} .ac-button.danger{ border-color:#a33a38; background:#a33a38; color:#fff; } .ac-button.danger:hover{border-color:#842a28;background:#842a28} .ac-button.danger-soft{ border-color:#d8b8b6; background:#fff; color:#8d302e; } .ac-button.danger-text{color:#8d302e} .ac-button svg{width:17px!important;height:17px!important} .ac-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:30px 0 34px; border-block:1px solid var(--ac-line); } .ac-stats>div{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:22px 20px; } .ac-stats>div+div{border-left:1px solid var(--ac-line)} .ac-stats dt{color:var(--ac-muted);font-size:14px} .ac-stats dd{color:var(--ac-ink);font-size:28px;font-weight:620;font-variant-numeric:tabular-nums} .ac-tabbar{ display:flex; gap:30px; min-height:62px; border-bottom:1px solid var(--ac-line-strong); overflow-x:auto; overflow-y:hidden; } .ac-tabbar button{ position:relative; min-height:62px; padding:0; border:0; background:transparent; color:var(--ac-muted); font:560 15px var(--font-ui); white-space:nowrap; cursor:pointer; } .ac-tabbar button::after{ content:""; position:absolute; right:0; bottom:-1px; left:0; height:3px; background:transparent; } .ac-tabbar button:hover{color:var(--ac-ink)} .ac-tabbar button.is-active{color:var(--ac-ink);font-weight:680} .ac-tabbar button.is-active::after{background:var(--ac-green)} .ac-tabbar button span{margin-left:4px;color:var(--ac-muted);font-size:12px} .ac-notice-tabs-row{ display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; border-bottom:1px solid var(--ac-line-strong); } .ac-notice-tabs-row .ac-tabbar{flex:1;min-width:0;border-bottom:0} .ac-notice-search-control{min-width:0;flex:none} .ac-notice-search-toggle,.ac-notice-search-collapse,.ac-notice-search-clear{ display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:5px; background:transparent; color:var(--ac-muted); cursor:pointer; } .ac-notice-search-toggle:hover,.ac-notice-search-collapse:hover,.ac-notice-search-clear:hover{background:var(--ac-plane);color:var(--ac-ink)} .ac-notice-search-form{ display:flex; align-items:center; gap:2px; width:292px; height:42px; padding:3px 4px 3px 12px; border:1px solid var(--ac-line); border-radius:8px; background:#fff; } .ac-notice-search-form:focus-within{border-color:#0969da;box-shadow:0 0 0 2px #0969da16} .ac-notice-search-form input{display:block;width:100%;min-width:0;height:32px;padding:0;border:0;outline:0;background:transparent;color:var(--ac-ink);font-size:13px;line-height:32px} .ac-notice-search-form input::placeholder{color:var(--ac-muted);opacity:1} .ac-notice-search-form input::-webkit-search-cancel-button{-webkit-appearance:none} .ac-notice-search-clear{width:26px;flex:none} .ac-toolbar{ display:flex; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid var(--ac-line); } .ac-toolbar>a{ display:inline-flex; align-items:center; gap:4px; margin-left:auto; min-height:42px; color:#12619b; font-size:14px; } .ac-toolbar>a svg{width:15px!important;height:15px!important} .ac-search{ display:flex; align-items:center; gap:11px; flex:1; min-height:46px; padding:0 14px; border:1px solid #c7d0ca; border-radius:4px; background:#fff; } .ac-search:focus-within{ border-color:var(--ac-green); border-width:2px; box-shadow:none; } .ac-search svg{width:18px!important;height:18px!important;color:#7a867f} .ac-search input{ width:100%; height:44px; padding:0; border:0; outline:0; background:transparent; color:var(--ac-ink); font-size:15px; } .ac-sort{ display:flex; align-items:center; gap:9px; color:var(--ac-muted); font-size:14px; white-space:nowrap; } .ac-sort select{ min-height:46px; padding:0 36px 0 12px; border:1px solid #c7d0ca; border-radius:4px; background:#fff; color:var(--ac-ink); font-size:14px; } .ac-sort select:focus,.ac-mobile-nav select:focus{border:2px solid var(--ac-green);outline:0;box-shadow:none} .ac-lined-list{border-bottom:1px solid var(--ac-line)} .ac-main>.ac-lined-list{margin-top:24px;border-top:1px solid var(--ac-line-strong)} .ac-layout[data-ac-view="notifications"] .ac-main>.ac-lined-list{margin-top:16px;border-top:0;border-bottom:0} .ac-notice-row{ display:grid; grid-template-columns:minmax(0,1fr) 116px; gap:18px; min-height:122px; padding:23px 10px; border-bottom:1px solid var(--ac-line); background:#fff; } .ac-notice-row.is-unread{box-shadow:inset 4px 0 var(--ac-green);background:#fafcfb} .ac-notice-main{ display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; align-items:start; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; } .ac-object-icon{ display:grid; place-items:center; width:32px; height:32px; color:#41634c; } .ac-object-icon svg{width:21px!important;height:21px!important} .ac-notice-copy{display:block;min-width:0} .ac-notice-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px} .ac-notice-title>i{width:7px;height:7px;border-radius:50%;background:var(--ac-green)} .ac-notice-title strong{font-size:16px;font-weight:650} .ac-notice-copy>span:nth-child(2){display:block;max-width:76ch;color:var(--ac-muted);font-size:14px;line-height:1.7} .ac-notice-copy>small{display:block;margin-top:9px;color:var(--ac-faint);font-size:13px} .ac-notice-main:hover .ac-notice-title strong{color:#0f5f2a;text-decoration:underline;text-underline-offset:4px} .ac-notice-end{ display:flex; align-items:flex-end; justify-content:space-between; flex-direction:column; color:var(--ac-muted); } .ac-notice-end time{font-size:13px} .ac-notice-end button,.ac-row-more{ display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:4px; background:transparent; color:var(--ac-muted); cursor:pointer; } .ac-notice-end button:hover,.ac-row-more:hover{background:var(--ac-plane);color:var(--ac-ink)} .ac-notice-end svg,.ac-row-more svg{width:18px!important;height:18px!important} .ac-status{ display:inline-flex; align-items:center; min-height:24px; padding:2px 7px; border:1px solid #c8d2cc; border-radius:3px; background:#f1f4f2; color:#4a5b51; font-size:12px; font-style:normal; font-weight:620; white-space:nowrap; } .ac-status.reviewing,.ac-status.processing{border-color:#dfbe91;background:#fff6e9;color:#8b4c0e} .ac-status.resolved{border-color:#a9cfb4;background:#edf7f0;color:#176634} .ac-status.need-info{border-color:#cfc0e4;background:#f6f1fb;color:#644783} .ac-footnote{margin-top:20px!important;color:var(--ac-muted);font-size:13px;line-height:1.7} /* Profile */ .ac-profile-intro{ display:flex; align-items:center; gap:18px; min-height:118px; margin:28px 0 8px; padding:24px 26px; border-left:4px solid #8bbd99; border-radius:8px; background:linear-gradient(100deg,#f1f6f3 0%,#f8faf9 62%,#fff 100%); } .ac-profile-intro .ac-avatar{width:62px;height:62px;min-width:62px;min-height:62px;font-size:20px} .ac-profile-intro h2{margin:0;font-size:21px;font-weight:650} .ac-profile-intro p{margin:5px 0 0!important;color:var(--ac-muted);font-size:15px} .ac-profile-private{ display:inline-flex; align-items:center; gap:7px; margin-left:auto; color:var(--ac-muted); font-size:13px; } .ac-profile-private svg{width:16px!important;height:16px!important} .ac-profile-identity{min-width:0} .ac-avatar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px} .ac-avatar-actions .ac-button{cursor:pointer} .ac-avatar-actions small{color:var(--ac-muted);font-size:12px;font-weight:450} .ac-profile-form{padding-top:2px} .ac-profile-alert{margin:24px 0 0!important;grid-column:auto} .ac-form-section{ display:grid; grid-template-columns:minmax(180px,230px) minmax(0,1fr); gap:46px; padding:38px 4px 42px; border-bottom:1px solid var(--ac-line); } .ac-form-section:last-child{border-bottom:0} .ac-form-section>header h2{ margin:0; color:#21362a; font-size:18px; font-weight:650; } .ac-form-section>header p{ max-width:210px; margin:9px 0 0!important; color:var(--ac-muted); font-size:13px; line-height:1.6; } .ac-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 22px; } .ac-input-field{ display:grid; align-content:start; gap:9px; color:#34433a; font-size:14px; font-weight:600; } .ac-input-field input,.ac-input-field select,.ac-field input,.ac-field textarea{ width:100%; min-height:46px; padding:10px 12px; border:1px solid #c6d0c9; border-radius:4px; outline:0; background:#fff; color:var(--ac-ink); font:450 15px/1.5 var(--font-ui); } .ac-input-field select{padding-right:36px} .ac-input-field input:hover,.ac-input-field select:hover,.ac-field input:hover,.ac-field textarea:hover{border-color:#9eada4} .ac-input-field input:focus,.ac-input-field select:focus,.ac-field input:focus,.ac-field textarea:focus{ border-color:var(--ac-green); border-width:2px; box-shadow:none; } .ac-input-field input[aria-invalid="true"],.ac-input-field select[aria-invalid="true"],.ac-field input[aria-invalid="true"]{ border-color:#a33a38; border-width:2px; box-shadow:none; } .detail-page .ac-shell :is(.ac-input-field input,.ac-input-field select,.ac-field input,.ac-field textarea,.ac-search input,.ac-sort select,.ac-mobile-nav select,.ac-cascade-trigger):focus-visible{outline:0;outline-offset:0} .ac-span-2{grid-column:1/-1} .ac-profile-display{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 34px; margin:0; } .ac-profile-display>div{ min-width:0; min-height:68px; padding:4px 0 15px; border-bottom:1px solid #e2e7e4; } .ac-profile-display>div:nth-last-child(-n+2){border-bottom:0} .ac-profile-display dt{margin-bottom:7px;color:var(--ac-muted);font-size:13px} .ac-profile-display dd{color:var(--ac-ink);font-size:15px;font-weight:550;line-height:1.55;overflow-wrap:anywhere} .ac-contact-lines{border-top:0} .ac-contact-lines>div{ display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:center; min-height:62px; gap:20px; border-bottom:1px solid var(--ac-line); } .ac-contact-lines span{color:var(--ac-muted);font-size:14px} .ac-contact-lines strong{font-size:15px;font-weight:550} .ac-contact-lines a{color:#12619b;font-size:14px} .ac-profile-mobile-save{display:none} .ac-head-actions{display:flex;align-items:center;gap:10px} .ac-cascade-field{position:relative} .ac-cascade-trigger{ display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:46px; padding:10px 11px 10px 12px; border:1px solid #c6d0c9; border-radius:4px; outline:0; background:#fff; color:var(--ac-ink); font:450 15px/1.5 var(--font-ui); text-align:left; cursor:pointer; } .ac-cascade-trigger:hover{border-color:#9eada4} .ac-cascade-trigger:focus-visible,.ac-cascade-trigger[aria-expanded="true"]{border-color:var(--ac-green);border-width:2px;box-shadow:none} .ac-cascade-trigger.is-placeholder{color:#7d8982} .ac-cascade-trigger svg{width:16px!important;height:16px!important;flex:none;transform:rotate(90deg);transition:transform .16s} .ac-cascade-trigger[aria-expanded="true"] svg{transform:rotate(-90deg)} .ac-cascade-panel{ position:absolute; z-index:35; top:calc(100% + 8px); left:0; display:grid; grid-template-columns:180px minmax(220px,1fr); width:min(520px,calc(100vw - 72px)); min-height:250px; max-height:360px; border:1px solid #b9c6be; border-radius:8px; background:#fff; box-shadow:0 22px 54px rgba(18,39,25,.20),0 3px 10px rgba(18,39,25,.08); overflow:hidden; } .ac-form-grid>.ac-cascade-field:nth-child(even) .ac-cascade-panel{right:0;left:auto} .ac-cascade-panel[hidden]{display:none} .ac-cascade-groups,.ac-cascade-options{min-height:0;max-height:360px;overflow:auto} .ac-cascade-groups{padding:8px;background:#eef2ef} .ac-cascade-options{padding:8px 10px} .ac-cascade-groups button,.ac-cascade-options button{ display:flex; align-items:center; width:100%; min-height:42px; padding:8px 11px; border:0; border-radius:4px; background:transparent; color:#34423a; font:500 14px/1.45 var(--font-ui); text-align:left; cursor:pointer; } .ac-cascade-groups button:hover,.ac-cascade-options button:hover{background:#f3f7f4;color:var(--ac-ink)} .ac-cascade-groups button.is-active{background:#fff;color:var(--ac-green-dark);font-weight:650;box-shadow:inset 3px 0 var(--ac-green)} .ac-cascade-options button.is-selected{color:var(--ac-green-dark);font-weight:650} .ac-cascade-options button.is-selected::after{content:"✓";margin-left:auto;color:var(--ac-green)} .ac-dropdown-field{position:relative} .ac-dropdown-panel{ position:absolute; z-index:36; top:calc(100% + 8px); right:0; left:0; padding:6px; border:1px solid #b9c6be; border-radius:8px; background:#fff; box-shadow:0 18px 42px rgba(18,39,25,.18),0 3px 10px rgba(18,39,25,.07); } .ac-dropdown-panel[hidden]{display:none} .ac-dropdown-panel button{ display:flex; align-items:center; width:100%; min-height:42px; padding:8px 11px; border:0; border-radius:4px; background:transparent; color:#34423a; font:500 14px/1.45 var(--font-ui); text-align:left; cursor:pointer; } .ac-dropdown-panel button:hover,.ac-dropdown-panel button:focus-visible{outline:0;background:#f0f5f2;color:var(--ac-ink)} .ac-dropdown-panel button.is-selected{color:var(--ac-green-dark);font-weight:650} .ac-dropdown-panel button.is-selected::after{content:"✓";margin-left:auto;color:var(--ac-green)} /* Security */ .ac-security-summary{ display:flex; align-items:center; justify-content:space-between; min-height:96px; padding:20px 4px; border-bottom:1px solid var(--ac-line-strong); } .ac-security-summary>div{display:flex;align-items:baseline;gap:10px} .ac-security-summary strong{font-size:34px;font-weight:620;line-height:1} .ac-security-summary span{color:var(--ac-muted);font-size:15px} .ac-security-summary p{ display:flex; align-items:center; gap:8px; margin:0!important; color:var(--ac-muted); font-size:13px; } .ac-security-summary svg{width:17px!important;height:17px!important} .ac-security-ledger{ margin-top:24px; border-top:0; } .ac-security-ledger>header,.ac-section>header{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; min-height:58px; padding:16px 4px; border-bottom:1px solid var(--ac-line-strong); } .ac-security-ledger>header h2,.ac-section>header h2{margin:0;font-size:18px;font-weight:650} .ac-security-ledger>header p,.ac-section>header span{ margin:0!important; color:var(--ac-muted); font-size:13px; } .ac-security-entry{border-bottom:1px solid var(--ac-line)} .ac-security-entry.is-open{background:#fbfcfb} .ac-setting-row{ display:grid; grid-template-columns:42px minmax(0,1fr) auto auto; gap:18px; align-items:center; min-height:86px; padding:17px 4px; } .ac-setting-row>div strong{font-size:15px;font-weight:650} .ac-setting-row>div p{margin:5px 0 0!important;color:var(--ac-muted);font-size:14px} .ac-security-glyph{ display:grid; place-items:center; width:40px; height:40px; border:1px solid #d7e2da; border-radius:10px; background:#f4f8f5; color:#285b39; } .ac-security-glyph svg{width:21px!important;height:21px!important} .ac-security-glyph.is-wechat{border-color:#cfe9d8;background:#f1faf4;color:#07c160} .ac-security-glyph .ac-wechat-mark{fill:#07c160;stroke:none} .ac-state{color:var(--ac-muted);font-size:13px} .ac-state.good{color:#1d6c37;font-weight:620} .ac-security-task{ display:grid; grid-template-columns:minmax(210px,1fr) minmax(300px,1.4fr); gap:24px 42px; margin:0 -56px; padding:32px 56px 36px 116px; border-top:1px solid #cdd8d1; border-left:5px solid var(--ac-green); background:#eef4f0; box-shadow:inset 0 8px 20px rgba(32,58,41,.035); } .ac-task-copy h3{margin:0;font-size:18px;font-weight:650} .ac-task-copy p{max-width:36ch;margin:9px 0 0!important;color:var(--ac-muted);font-size:14px;line-height:1.65} .ac-task-status{ display:flex; align-items:center; gap:8px; margin-top:20px; color:var(--ac-muted); font-size:14px; } .ac-task-status.is-success{color:var(--ac-green)} .ac-task-status svg{width:18px!important;height:18px!important} .ac-task-fields{ display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:18px 14px; } .ac-security-form .ac-task-copy{grid-row:1/3} .ac-form-alert{ grid-column:2; margin:0!important; padding:10px 12px; border-left:3px solid #a33a38; background:#fff3f2; color:#842a28; font-size:13px; line-height:1.55; } .ac-form-alert.is-success{border-left-color:var(--ac-green);background:#edf7f0;color:#195f31} .ac-security-form .ac-task-actions{grid-column:2} .ac-task-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; grid-column:1/-1; } .ac-captcha{ display:grid; grid-template-columns:1fr; gap:3px; align-content:end; margin-top:30px; } .ac-captcha-code{ display:grid; place-items:center; min-height:46px; border:1px solid #9eaaa2; background: repeating-linear-gradient(127deg,rgba(18,123,54,.08) 0 2px,transparent 2px 9px), #fff; color:#243d2c; font:700 20px/1 var(--font-mono); letter-spacing:.16em; } .ac-captcha button{ min-height:28px; padding:0; border:0; background:transparent; color:#12619b; font-size:12px; cursor:pointer; } .ac-code-button{align-self:end} .ac-demo-code{ grid-column:2; margin:-8px 0 0!important; color:#3f5547; font-size:13px; } .ac-demo-code strong{font-family:var(--font-mono);letter-spacing:.08em} .ac-wechat-qr{ display:grid; justify-items:center; gap:10px; justify-self:start; padding:16px; border:1px solid #c7d2ca; background:#fff; } .ac-wechat-qr img{width:152px;height:152px;object-fit:cover} .ac-wechat-qr span{color:var(--ac-muted);font-size:13px} .ac-session-ledger{margin-top:48px;border-top:0} .ac-session-row{ display:grid; grid-template-columns:32px minmax(0,1fr) 120px auto; gap:18px; align-items:center; min-height:78px; padding:14px 4px; border-bottom:1px solid var(--ac-line); } .ac-session-row>svg{width:22px!important;height:22px!important;color:#4e6658} .ac-session-row strong{font-size:15px;font-weight:620} .ac-session-row p{margin:4px 0 0!important;color:var(--ac-muted);font-size:13px} .ac-session-row>span{color:var(--ac-muted);font-size:13px} .ac-session-row>em{color:var(--ac-green);font-size:13px;font-style:normal} /* Library */ .ac-library-tally{ display:flex; align-items:baseline; gap:8px; min-height:88px; padding:18px 4px; border-bottom:1px solid var(--ac-line-strong); } .ac-library-tally strong{font-size:27px;font-weight:620;font-variant-numeric:tabular-nums} .ac-library-tally span{color:var(--ac-muted);font-size:14px} .ac-library-tally>i{width:1px;height:26px;margin:0 18px;background:var(--ac-line-strong)} .ac-library-tally p{ display:flex; align-items:center; gap:7px; margin:0 0 0 auto!important; color:var(--ac-muted); font-size:13px; } .ac-library-tally svg{width:16px!important;height:16px!important} .ac-library-workspace{ display:grid; grid-template-columns:250px minmax(0,1fr); min-height:610px; margin-top:26px; border:1px solid #c9d2cc; background:#fff; box-shadow:0 16px 38px rgba(29,51,37,.085); } .ac-folders{ min-width:0; padding:18px 12px 26px; border-right:1px solid #c8d1cb; background:#eef2ef; } .ac-folder-title{ display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:0 9px 10px; border-bottom:1px solid var(--ac-line-strong); } .ac-folder-title strong{font-size:15px;font-weight:680} .ac-folder-title button{ display:grid; place-items:center; width:40px; height:40px; border:0; background:transparent; color:var(--ac-green); cursor:pointer; } .ac-folder-title svg{width:19px!important;height:19px!important} .ac-folders>button,.ac-tree-branch>button{ display:flex; align-items:center; gap:9px; width:100%; min-height:44px; padding:8px 9px 8px calc(9px + var(--tree-depth,0) * 18px); border:0; border-bottom:1px solid rgba(198,208,201,.65); background:transparent; color:#506057; font:500 14px var(--font-ui); text-align:left; cursor:pointer; } .ac-folders>button:hover,.ac-tree-branch>button:hover{background:#f8faf9;color:var(--ac-ink)} .ac-folders>button.is-active,.ac-tree-branch>button.is-active{ background:#fff; color:var(--ac-ink); font-weight:670; box-shadow:inset 4px 0 var(--ac-green),0 4px 12px rgba(33,58,41,.06); } .ac-folders button svg{width:17px!important;height:17px!important;flex:none} .ac-folders button b{margin-left:auto;color:var(--ac-muted);font-size:12px;font-weight:550} .ac-library-content{min-width:0;background:#fff} .ac-library-content>header{ display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:66px; padding:10px 18px; border-bottom:1px solid var(--ac-line-strong); } .ac-library-path{ display:flex; align-items:center; gap:5px; min-width:0; color:var(--ac-muted); font-size:14px; white-space:nowrap; overflow:hidden; } .ac-library-path button{ min-height:40px; padding:0 6px; border:0; background:transparent; color:#12619b; font:inherit; cursor:pointer; } .ac-library-path>svg{width:14px!important;height:14px!important;flex:none} .ac-library-path span{overflow:hidden;color:var(--ac-ink);font-weight:650;text-overflow:ellipsis} .ac-folder-actions{display:flex;align-items:center;gap:2px;flex:none} .ac-library-list{min-width:0} .ac-folder-row{ display:grid; grid-template-columns:minmax(0,1fr) 52px; align-items:center; min-height:78px; border-bottom:1px solid var(--ac-line); background:#f9fbfa; } .ac-folder-open{ display:grid; grid-template-columns:44px minmax(0,1fr) 18px; gap:14px; align-items:center; min-height:78px; padding:12px 18px; border:0; background:transparent; color:var(--ac-ink); text-align:left; cursor:pointer; } .ac-folder-mark{ display:grid; place-items:center; width:40px; height:34px; color:#336348; } .ac-folder-mark svg{width:27px!important;height:27px!important} .ac-folder-open strong,.ac-folder-open small{display:block} .ac-folder-open strong{font-size:15px;font-weight:650} .ac-folder-open small{margin-top:4px;color:var(--ac-muted);font-size:13px} .ac-folder-open>svg{width:16px!important;height:16px!important;color:var(--ac-faint)} .ac-library-row{ display:grid; grid-template-columns:30px 36px minmax(0,1fr) 96px; gap:13px; min-height:132px; padding:22px 18px; border-bottom:1px solid var(--ac-line); background:#fff; transition:background-color .14s,box-shadow .14s; } .ac-library-row:hover{background:#fbfcfb} .ac-library-row.is-selected{background:#f1f7f3;box-shadow:inset 4px 0 var(--ac-green)} .ac-select{ position:relative; display:grid; place-items:center; width:30px; height:40px; cursor:pointer; } .ac-select input{ position:absolute; width:1px; height:1px; opacity:0; } .ac-select>span:not(.sr-only){ display:grid; place-items:center; width:18px; height:18px; border:1px solid #8e9a92; border-radius:4px; background:#fff; } .ac-select input:checked+span{border-color:var(--ac-green);background:var(--ac-green)} .ac-select input:checked+span::after{ content:""; width:8px; height:4px; margin-top:-2px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg); } .ac-select input:focus-visible+span{outline:3px solid rgba(18,123,54,.2);outline-offset:2px} .sr-only{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .ac-library-copy{min-width:0} .ac-library-copy>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .ac-library-copy a{color:var(--ac-ink);font-size:17px;font-weight:650} .ac-library-copy a:hover{color:#0f5f2a} .ac-library-copy em{ color:#68776d; font-size:12px; font-style:normal; font-weight:560; } .ac-library-copy p{margin:7px 0 0!important;color:#536159;font-size:14px;line-height:1.65} .ac-library-copy small{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; color:var(--ac-muted); font-size:13px; } .ac-library-copy small i{width:1px;height:12px;background:var(--ac-line-strong)} .ac-folder-labels{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:10px!important; } .ac-folder-labels span{ display:inline-flex; align-items:center; gap:5px; color:#536159; font-size:12px; } .ac-folder-labels svg{width:14px!important;height:14px!important} .ac-folder-labels .note{color:#705f42} .ac-library-end{ display:flex; align-items:flex-end; justify-content:space-between; flex-direction:column; } .ac-library-end time{color:var(--ac-muted);font-size:13px} .ac-selection-bar{ position:sticky; z-index:12; bottom:18px; display:flex; align-items:center; gap:18px; min-height:68px; margin:18px 0 0; padding:11px 14px 11px 18px; border:1px solid #8e9d93; background:#17251c; color:#fff; box-shadow:0 16px 40px rgba(17,37,24,.25); } .ac-selection-bar strong{font-size:14px} .ac-selection-bar>div{display:flex;gap:8px;margin-left:auto} .ac-selection-bar .ac-button.quiet{color:#d9e3dc} .ac-select-all{display:flex;align-items:center;gap:8px;font-size:13px} .ac-select-all input{width:17px;height:17px;accent-color:#1c9948} .ac-empty{ display:grid; justify-items:center; padding:74px 24px; text-align:center; color:var(--ac-muted); } .ac-empty>svg{width:34px!important;height:34px!important;margin-bottom:14px;color:#718078} .ac-empty h2{margin:0;font-size:18px!important;font-weight:650!important} .ac-empty p{margin:8px 0 20px!important;font-size:14px;line-height:1.65} .ac-mono{font-family:var(--font-mono)!important;letter-spacing:-.015em} /* Desktop library workspace */ .ac-library-command{ display:flex; align-items:center; gap:12px; margin-top:28px; } .ac-library-command .ac-search{ min-height:50px; border-color:#c9d1d9; border-radius:8px; background:#fff; box-shadow:0 1px 2px rgba(27,31,36,.04); } .ac-library-command .ac-sort{ min-height:50px; padding:0 12px; border:1px solid #c9d1d9; border-radius:8px; background:#f6f8fa; } .ac-library-types{margin-top:18px;padding-inline:2px;gap:42px} .ac-library-modebar{ display:flex; align-items:center; gap:4px; min-height:66px; border-bottom:1px solid #d8dee4; } .ac-library-modebar>button{ position:relative; min-height:44px; padding:0 14px; border:0; border-radius:6px; background:transparent; color:#57606a; font:600 14px/1 var(--font-ui); cursor:pointer; } .ac-library-modebar>button:hover{background:#f3f4f6;color:#24292f} .ac-library-modebar>button.is-active{color:#24292f;background:#eef6f0} .ac-library-modebar>button.is-active::after{ content:""; position:absolute; right:12px; bottom:-11px; left:12px; height:2px; background:var(--ac-green); } .ac-library-modebar button span{ display:inline-grid; place-items:center; min-width:23px; height:20px; margin-left:5px; padding:0 6px; border-radius:999px; background:#d8dee4; color:#57606a; font-size:11px; } .ac-library-modebar p{ display:flex; align-items:center; gap:7px; margin:0 2px 0 auto!important; color:#6e7781; font-size:13px; } .ac-library-modebar p svg{width:15px!important;height:15px!important} .ac-library-workspace{ grid-template-columns:238px minmax(0,1fr); min-height:640px; margin-top:22px; border:1px solid #d0d7de; border-radius:12px; background:#fff; box-shadow:0 12px 34px rgba(27,31,36,.08); } .ac-library-content-all{ margin-top:22px; min-height:540px; border:1px solid #d0d7de; border-radius:12px; box-shadow:0 12px 34px rgba(27,31,36,.07); overflow:hidden; } .ac-folders{ padding:16px 12px 28px; border-right-color:#d0d7de; border-radius:12px 0 0 12px; background:#f6f8fa; } .ac-folder-title{padding:0 8px 10px;border-bottom:0} .ac-folder-title strong{color:#24292f;font-size:14px} .ac-folder-title button{width:34px;height:34px;border-radius:6px} .ac-folder-title button:hover{background:#eaeef2} .ac-folders>button,.ac-tree-branch>button{ min-height:40px; margin:2px 0; padding:7px 9px 7px calc(9px + var(--tree-depth,0) * 16px); border:0; border-radius:6px; color:#57606a; } .ac-folders>button.is-active,.ac-tree-branch>button.is-active{ background:#fff; color:#1f2328; box-shadow:inset 3px 0 var(--ac-green),0 1px 3px rgba(27,31,36,.08); } .ac-folders .is-drop-target{outline:2px solid #1f883d;outline-offset:1px;background:#dafbe1} .ac-library-content{border-radius:0 12px 12px 0} .ac-library-content>header{ min-height:58px; padding:8px 20px; border-bottom-color:#d8dee4; background:#fff; } .ac-library-list{padding:4px 0 22px} .ac-browser-section{padding:20px 22px 2px} .ac-browser-section+ .ac-browser-section{padding-top:28px} .ac-browser-section>header{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:30px; margin-bottom:12px; } .ac-browser-section>header strong{font-size:14px;font-weight:650;color:#24292f} .ac-browser-section>header span{color:#6e7781;font-size:12px} .ac-folder-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(188px,1fr)); gap:12px; } .ac-folder-card{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 36px; min-width:0; min-height:82px; border:1px solid #d0d7de; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(27,31,36,.04); transition:border-color .14s,box-shadow .14s,transform .14s; } .ac-folder-card:hover{border-color:#a8b3bd;box-shadow:0 5px 16px rgba(27,31,36,.10);transform:translateY(-1px)} .ac-folder-card.is-dragging,.ac-library-row.is-dragging{opacity:.5} .ac-folder-card.is-drop-target{border-color:#1f883d;outline:3px solid rgba(31,136,61,.16);background:#f0fff4} .ac-folder-open{ grid-template-columns:42px minmax(0,1fr); min-height:80px; padding:12px 6px 12px 14px; border-radius:10px 0 0 10px; } .ac-folder-open:hover{background:#f6f8fa} .ac-folder-mark{ width:38px; height:34px; border-radius:7px; background:#fff8c5; color:#9a6700; } .ac-folder-mark svg{width:24px!important;height:24px!important;fill:#fff8c5} .ac-folder-open strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap} .ac-folder-open small{overflow:hidden;margin-top:5px;font-size:12px;text-overflow:ellipsis;white-space:nowrap} .ac-folder-card>.ac-row-more{ align-self:start; width:32px; height:32px; margin:9px 4px 0 0; border:0; border-radius:6px; background:transparent; color:#57606a; cursor:pointer; } .ac-folder-card>.ac-row-more:hover,.ac-folder-card>.ac-row-more[aria-expanded="true"]{background:#eaeef2;color:#24292f} .ac-folder-card>.ac-row-more svg{width:18px!important;height:18px!important} .ac-folder-context{ position:absolute; z-index:24; top:46px; right:8px; display:grid; width:176px; padding:6px; border:1px solid #d0d7de; border-radius:8px; background:#fff; box-shadow:0 12px 32px rgba(27,31,36,.18),0 2px 8px rgba(27,31,36,.08); } .ac-folder-context button{ display:flex; align-items:center; gap:9px; min-height:36px; padding:7px 9px; border:0; border-radius:6px; background:transparent; color:#24292f; font:500 13px/1 var(--font-ui); cursor:pointer; } .ac-folder-context button:hover{background:#f6f8fa} .ac-folder-context button.danger{color:#cf222e} .ac-folder-context svg{width:16px!important;height:16px!important} .ac-inline-rename{display:flex;align-items:center;gap:5px} .ac-inline-rename input{ min-width:0; width:100%; height:32px; padding:5px 7px; border:2px solid #0969da; border-radius:6px; outline:0; font:600 13px/1 var(--font-ui); } .ac-inline-rename button{height:32px;padding:0 8px;border:1px solid #1f883d;border-radius:6px;background:#1f883d;color:#fff;font-size:12px;cursor:pointer} .ac-folder-card:has(.ac-inline-rename){grid-template-columns:minmax(0,1fr)} .ac-folder-card:has(.ac-inline-rename)>.ac-row-more{display:none} .ac-folder-card:has(.ac-inline-rename) .ac-folder-open{grid-template-columns:minmax(0,1fr);padding-inline:12px} .ac-folder-card:has(.ac-inline-rename) .ac-folder-mark{display:none} .ac-item-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:14px; } .ac-library-row{ position:relative; grid-template-columns:30px 38px minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; gap:10px 12px; min-height:190px; padding:18px; border:1px solid #d0d7de; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(27,31,36,.035); } .ac-library-row:hover{border-color:#a8b3bd;background:#fff;box-shadow:0 6px 18px rgba(27,31,36,.09)} .ac-library-row.is-selected{border-color:#1f883d;background:#f0fff4;box-shadow:0 0 0 3px rgba(31,136,61,.14)} .ac-library-row .ac-object-icon{margin-top:1px} .ac-library-copy>div:first-child{padding-right:0} .ac-library-copy a{font-size:16px} .ac-library-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2} .ac-folder-labels{gap:8px} .ac-folder-labels span{padding:3px 7px;border-radius:999px;background:#f6f8fa} .ac-library-end{ grid-column:2/4; grid-row:2; flex-direction:row; align-items:center; min-height:34px; padding-top:10px; border-top:1px solid #d8dee4; } .ac-selection-bar{ position:fixed; z-index:90; right:auto; bottom:24px; left:50%; top:auto; width:max-content; max-width:calc(100vw - 40px); min-height:58px; margin:0; padding:9px 10px 9px 12px; border:1px solid #afb8c1; border-radius:12px; background:rgba(255,255,255,.96); color:#24292f; box-shadow:0 12px 34px rgba(27,31,36,.17),0 2px 8px rgba(27,31,36,.08); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); transform:translateX(-50%); } .ac-selection-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dafbe1;color:#1a7f37} .ac-selection-icon svg{width:16px!important;height:16px!important} .ac-selection-bar strong{padding-right:12px;border-right:1px solid #d8dee4} .ac-selection-bar .ac-button.quiet{color:#57606a} .ac-selection-bar .ac-button{min-height:36px;border-radius:6px} .ac-select-all{color:#57606a} /* Compact desktop collection browser: navigation and content share one surface. */ .ac-layout[data-ac-view="favorites"] .ac-main{padding-inline:14px} .ac-layout[data-ac-view="favorites"] .ac-page-head{margin-inline:-14px;padding-inline:56px} .ac-library-types{ margin-top:14px; border-bottom:1px solid #d8dee4; } .ac-library-workspace{ grid-template-columns:196px minmax(0,1fr); min-height:610px; margin-top:0; overflow:visible; } .ac-folders{ position:relative; z-index:3; padding:12px 10px 22px; overflow:visible; } .ac-folder-all, .ac-folder-title>.ac-folder-home, .ac-folder-tree-main{ display:flex; align-items:center; gap:9px; width:100%; min-height:40px; padding:7px 9px 7px calc(9px + var(--tree-depth,0) * 15px); border:0; border-radius:6px; background:transparent; color:#57606a; font:550 13px/1.3 var(--font-ui); text-align:left; cursor:pointer; } .ac-folder-all:hover, .ac-folder-title>.ac-folder-home:hover, .ac-folder-tree-main:hover{background:#eaeef2;color:#24292f} .ac-folder-all.is-active, .ac-folder-title>.ac-folder-home.is-active, .ac-folder-tree-main.is-active{ background:#fff; color:#24292f; font-weight:650; box-shadow:inset 3px 0 var(--ac-green),0 1px 3px rgba(27,31,36,.08); } .ac-folder-all svg,.ac-folder-tree-main svg{width:16px!important;height:16px!important;flex:none} .ac-folder-all b, .ac-folder-title>.ac-folder-home b, .ac-folder-tree-main b{margin-left:auto;color:#6e7781;font-size:11px;font-weight:550} .ac-folder-title{ display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:4px; min-height:44px; margin-top:8px; padding:8px 0 4px; border-top:1px solid #d8dee4; border-bottom:0; } .ac-folder-title>.ac-folder-home{width:100%;height:36px;min-height:36px} .ac-folder-title>[data-ac-new-folder]{width:30px;height:30px;margin-top:3px;border-radius:6px} .ac-folder-title>[data-ac-new-folder]:hover{background:#dafbe1;color:#116329} .ac-folder-tree{position:relative} .ac-folder-tree-row{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:center; min-width:0; } .ac-folder-tree-row.is-menu-open{z-index:80} .ac-folder-tree-main{grid-column:1/3;grid-row:1;min-width:0;padding-right:34px} .ac-folder-tree-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-folder-tree-main b{position:absolute;right:34px} .ac-tree-more{ position:relative; z-index:2; grid-column:2; grid-row:1; display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:6px; background:transparent; color:#57606a; opacity:0; cursor:pointer; } .ac-folder-tree-row:hover .ac-tree-more, .ac-folder-tree-row:focus-within .ac-tree-more, .ac-tree-more[aria-expanded="true"]{opacity:1} .ac-tree-more:hover,.ac-tree-more[aria-expanded="true"]{background:#d8dee4;color:#24292f} .ac-tree-more svg{width:17px!important;height:17px!important} .ac-folder-tree-row .ac-folder-context{ z-index:90; top:34px; right:2px; width:148px; } .ac-tree-rename{ grid-column:1/3; display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:4px; padding:3px 0 3px 9px; } .ac-tree-rename input{ min-width:0; height:34px; padding:5px 8px; border:2px solid #0969da; border-radius:6px; outline:0; font:600 13px/1 var(--font-ui); } .ac-tree-rename button{display:grid;place-items:center;width:30px;height:34px;border:0;border-radius:6px;background:#1f883d;color:#fff;cursor:pointer} .ac-tree-rename svg{width:15px!important;height:15px!important} .ac-folder-privacy{display:flex;align-items:center;gap:6px;margin:18px 8px 0!important;color:#6e7781;font-size:11px} .ac-folder-privacy svg{width:13px!important;height:13px!important} .ac-library-content{position:relative;z-index:1;overflow:visible} .ac-library-content>header{min-height:50px;padding:6px 18px} .ac-library-list{padding:0 0 18px} .ac-browser-section{padding:14px 16px 0} .ac-browser-section+.ac-browser-section{padding-top:18px} .ac-folder-card{grid-template-columns:minmax(0,1fr);z-index:0;min-height:72px} .ac-folder-card .ac-folder-open{min-height:70px;border-radius:10px;padding-block:9px} .ac-item-grid{ grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:10px; align-items:start; } .ac-library-row{ z-index:0; grid-template-columns:24px 28px minmax(0,1fr); grid-template-rows:auto auto; gap:8px 9px; min-height:0; padding:13px 14px 11px; border-radius:8px; } .ac-library-row .ac-object-icon{width:28px;height:28px} .ac-library-row .ac-object-icon svg{width:17px!important;height:17px!important} .ac-library-copy>div:first-child{gap:7px} .ac-library-copy a{font-size:15px} .ac-library-copy em{padding:2px 5px;font-size:10px} .ac-library-copy p{ margin:4px 0 8px!important; color:#57606a; font-size:13px; line-height:1.45; -webkit-line-clamp:2; } .ac-library-facts{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .ac-library-facts>span,.ac-pdf-link{ display:inline-flex; align-items:center; min-height:24px; padding:3px 7px; border:1px solid #d8dee4; border-radius:999px; background:#f6f8fa; color:#57606a; font-size:11px; line-height:1.2; white-space:nowrap; } .ac-library-facts>span b{margin-right:4px;color:#8c959f;font-weight:500} .ac-library-facts .ac-maker{max-width:100%;overflow:hidden;text-overflow:ellipsis} .ac-library-facts .ac-part-status.is-stable{border-color:#b7dfc1;background:#f0fff4;color:#116329} .ac-library-facts .ac-part-status.is-warning{border-color:#e7c787;background:#fff8c5;color:#7d4e00} .ac-library-facts .ac-part-status.is-muted{color:#6e7781} .ac-pdf-link{gap:4px;border-color:#b6d1ea;background:#f1f7fd;color:#0969da;text-decoration:none} .ac-pdf-link:hover{border-color:#54aeff;background:#ddf4ff;text-decoration:none} .ac-pdf-link svg{width:13px!important;height:13px!important} .ac-folder-labels{gap:5px;margin-top:8px} .ac-folder-labels span{padding:2px 6px;font-size:10px} .ac-library-end{ grid-column:2/4; min-height:28px; margin-top:1px; padding-top:7px; } .ac-library-end time{font-size:11px} .ac-library-end .ac-button{min-height:28px;padding-inline:7px;font-size:11px} /* Open desktop library: independent folder rail and readable product records. */ .ac-library-heading{ display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:start; gap:9px; } .ac-library-heading>.ac-object-icon{margin:0} .ac-library-heading>div{min-width:0} .ac-library-titleline{ display:flex; align-items:center; gap:7px; min-width:0; padding-right:4px; } .ac-library-titleline a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-card-maker{ display:block; overflow:hidden; margin-top:2px; color:#6e7781; font-size:11px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; } .ac-supply-badge{ display:inline-flex; align-items:center; gap:5px; min-height:24px; padding:3px 8px; border-radius:999px; background:#f6f8fa; color:#57606a; font-size:11px; font-weight:600; line-height:1; white-space:nowrap; } .ac-supply-badge i{width:6px;height:6px;border-radius:50%;background:currentColor} .ac-supply-badge.is-stable{background:#dafbe1;color:#116329} .ac-supply-badge.is-warning{background:#fff1e5;color:#9a6700} .ac-supply-badge.is-muted{background:#eaeef2;color:#57606a} .ac-library-taxonomy{ display:flex; align-items:center; gap:8px; margin-top:9px; color:#8c959f; font-size:11px; line-height:1.35; } .ac-library-taxonomy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-library-taxonomy i{width:1px;height:11px;flex:none;background:#d8dee4} .ac-library-facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:11px 0 0; border-block:1px solid #e5e9ed; } .ac-library-facts>div{min-width:0;padding:8px 10px 8px 0} .ac-library-facts>div+div{padding-left:12px;border-left:1px solid #e5e9ed} .ac-library-facts dt{ color:#8c959f; font-size:10px; font-weight:500; line-height:1.2; } .ac-library-facts dd{ overflow:hidden; margin:3px 0 0; color:#24292f; font-size:12px; font-weight:600; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } .ac-library-facts dd.is-stable{color:#116329} .ac-library-facts dd.is-warning{color:#9a6700} .ac-library-facts dd.is-muted{color:#6e7781} @media(min-width:821px){ .detail-page .ac-layout[data-ac-view="favorites"]{ min-height:0; border-bottom:0; border-radius:10px 10px 0 0; box-shadow:-18px 0 42px -30px rgba(26,46,34,.2),18px 0 42px -30px rgba(26,46,34,.2),0 -12px 34px -28px rgba(26,46,34,.16); overflow:visible; } .ac-layout[data-ac-view="favorites"] .ac-sidebar{ display:flex; flex-direction:column; border-radius:10px 0 0; } .ac-layout[data-ac-view="favorites"] .ac-sidebar-note{ position:static; margin:auto 8px 0; } .ac-layout[data-ac-view="favorites"] .ac-main{ padding-bottom:56px; border-radius:0 10px 0 0; } .ac-library-workspace{ grid-template-columns:196px minmax(0,1fr); align-items:start; gap:16px; min-height:0; margin-top:18px; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; } .ac-folders{ align-self:start; padding:12px 10px 22px; border:1px solid #d8dee4; border-radius:9px; background:#f6f8fa; box-shadow:0 1px 2px rgba(27,31,36,.035); } .ac-library-content{ border-radius:0; background:transparent; } .ac-library-content>header{ min-height:44px; padding:0 4px 10px; border-bottom:1px solid #d8dee4; background:transparent; } .ac-library-list{padding:0 0 8px} .ac-browser-section{padding:16px 4px 0} .ac-browser-section+.ac-browser-section{padding-top:22px} .ac-item-grid{ grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; } .ac-library-row{ grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto auto; gap:8px 10px; min-height:0; padding:15px 16px 11px; border:1px solid #d8dee4; border-radius:9px; background:#fff; box-shadow:0 1px 2px rgba(27,31,36,.035); } .ac-library-row:hover{ border-color:#afb8c1; box-shadow:0 8px 22px rgba(27,31,36,.085); transform:translateY(-1px); } .ac-library-row>.ac-select{grid-column:1;grid-row:1;height:34px} .ac-library-row>.ac-library-copy{grid-column:2;grid-row:1} .ac-library-copy>p{ margin:8px 0 0!important; color:#3f4750; font-size:13px; line-height:1.55; -webkit-line-clamp:2; } .ac-library-facts{display:grid} .ac-library-end{ grid-column:2; grid-row:2; flex-direction:row; align-items:center; min-height:34px; padding-top:8px; border-top:1px solid #e5e9ed; } .ac-library-end>div{display:flex;align-items:center;gap:4px} .ac-library-end .ac-pdf-link{ gap:5px; min-height:28px; padding:0 7px; border:0; border-radius:6px; background:transparent; color:#0969da; font-size:11px; } .ac-library-end .ac-pdf-link:hover{background:#ddf4ff} } /* Product cards follow the visual reading order used by the mini-program. */ .ac-product-card-media{ position:relative; display:grid; place-items:center; height:150px; margin:0 0 13px; border-radius:8px; border:1px solid #e1e6eb; background:#f6f8fa; color:#24292f; overflow:hidden; } .ac-product-card-media>span{ position:absolute; top:9px; right:10px; z-index:1; padding:3px 6px; border-radius:999px; background:rgba(255,255,255,.88); color:#8c959f; font-size:9px; line-height:1; } .ac-product-card-media svg{width:88%!important;height:78%!important} .ac-product-card-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:9px; } .ac-product-card-title{ display:flex; align-items:baseline; gap:7px; min-width:0; } .ac-product-card-title a{ overflow:hidden; flex:none; max-width:none; color:#1f2328; font-size:16px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; } .ac-product-card-title strong{ overflow:hidden; color:#3f4750; font-size:12px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; } .ac-product-lifecycle{ flex:none; padding:3px 7px; border-radius:5px; background:#eaeef2; color:#57606a; font-size:10px; font-style:normal; font-weight:600; line-height:1.35; } .ac-product-lifecycle.is-stable{background:#e8efff;color:#315ac7} .ac-product-lifecycle.is-warning{background:#fff1e5;color:#9a6700} .ac-product-card-copy>.ac-library-taxonomy{ margin-top:10px; font-size:11px; } .ac-product-card-copy>p{ display:-webkit-box; overflow:hidden; margin:8px 0 0!important; color:#3f4750; font-size:13px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .ac-product-card-spec{ display:flex; align-items:center; gap:8px 12px; min-width:0; margin-top:8px; color:#8c959f; font-size:11px; } .ac-product-card-spec span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ac-product-card-spec span:first-child{flex:1} .ac-card-tool{ position:relative; display:grid; place-items:center; width:30px; min-width:30px; height:30px; min-height:30px; padding:0; border:0; border-radius:6px; background:transparent; color:#656d76; cursor:pointer; } .ac-card-tool:hover{background:#f0f3f6;color:#24292f;text-decoration:none!important} .ac-card-tool:focus-visible{outline:2px solid #0969da!important;outline-offset:1px!important} .ac-card-tool svg{width:15px!important;height:15px!important} .ac-card-tool.is-static{cursor:help} .ac-card-tool.is-static:hover{background:transparent;color:#57606a} .ac-card-tool.ac-manual-tool{color:#0969da} .ac-card-tool.ac-manual-tool:hover{background:#ddf4ff;color:#0550ae} .ac-card-tool.has-note{color:#9a6700} .ac-card-tool.has-note::after{ content:""; position:absolute; top:5px; right:5px; width:5px; height:5px; border:1px solid #fff; border-radius:50%; background:#d29922; } @media(min-width:821px){ #detailPage:has(.ac-layout[data-ac-view="favorites"]){padding-bottom:0} .detail-page .ac-layout[data-ac-view="favorites"]{min-height:calc(100dvh - 144px)} .ac-library-row.is-part-card{ display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; gap:0; padding:12px 12px 9px; } .ac-library-row.is-part-card>.ac-select{ position:absolute; z-index:3; top:19px; left:19px; width:26px; height:26px; border-radius:6px; background:transparent; box-shadow:none; } .ac-library-row.is-part-card>.ac-library-copy{grid-column:1;grid-row:1} .ac-library-row.is-part-card>.ac-library-end{grid-column:1;grid-row:2} .ac-library-row.is-part-card .ac-folder-labels{margin:8px 0 0!important} .ac-library-row .ac-library-end{ justify-content:space-between; min-height:38px; margin-top:9px; padding-top:6px; border-top:1px dashed #d8dee4; } .ac-library-row .ac-library-end>div{gap:2px} .ac-library-row .ac-library-end time{font-size:0} } /* Shared settings pages kept for the next phase. */ .ac-section{ margin-top:38px; border-top:0; } .ac-section .ac-lined-list{border-bottom:1px solid var(--ac-line)} .ac-toggle{ display:flex; align-items:center; width:44px; height:26px; padding:2px; border:0; border-radius:13px; background:#aeb7b1; cursor:pointer; transition:background-color .16s; } .ac-toggle span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .16s} .ac-toggle[aria-checked="true"]{background:var(--ac-green)} .ac-toggle[aria-checked="true"] span{transform:translateX(18px)} /* Dialogs and drawers */ .ac-dialog{ width:min(590px,calc(100vw - 40px)); max-height:min(780px,calc(100dvh - 40px)); margin:auto; padding:0; border:1px solid #aebbb2; border-radius:12px; background:#fff; color:var(--ac-ink); box-shadow:0 28px 86px rgba(16,34,22,.3),0 5px 18px rgba(16,34,22,.12); } .ac-dialog::backdrop{ background:rgba(20,31,24,.5); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); } .ac-dialog>header{ position:relative; display:flex; align-items:center; min-height:68px; padding:16px 64px 16px 24px; border-bottom:1px solid var(--ac-line-strong); background:#fff; } .ac-dialog>header h2{margin:0;font-size:20px;font-weight:650} .ac-dialog>header button{ position:absolute; right:12px; display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:var(--ac-muted); cursor:pointer; } .ac-dialog>header button:hover{background:#e7ece9} .ac-dialog>header svg{width:19px!important;height:19px!important} .ac-dialog-body{ min-height:0; max-height:calc(100dvh - 205px); padding:26px; overflow:auto; } .ac-dialog>footer{ display:flex; justify-content:flex-end; gap:10px; padding:15px 20px; border-top:1px solid var(--ac-line); background:#fafbfa; } .ac-dialog.drawer{ width:min(720px,calc(100vw - 56px)); height:auto; max-height:min(780px,calc(100dvh - 56px)); margin:auto; border:1px solid #aebbb2; border-radius:12px; box-shadow:0 28px 86px rgba(16,34,22,.3),0 5px 18px rgba(16,34,22,.12); } .ac-dialog.drawer .ac-dialog-body{max-height:calc(100dvh - 230px)} .ac-dialog.floating{margin:auto;border-radius:12px} .ac-dialog.wide{width:min(720px,calc(100vw - 56px))} .ac-detail-head h3{margin:16px 0 8px!important;font-size:22px!important;font-weight:650!important} .ac-detail-head p,.ac-dialog-copy{color:var(--ac-muted);font-size:15px;line-height:1.75} .ac-detail-meta{margin-top:24px;border-top:1px solid var(--ac-line-strong)} .ac-detail-meta>div{ display:grid; grid-template-columns:110px minmax(0,1fr); gap:18px; padding:14px 0; border-bottom:1px solid var(--ac-line); } .ac-detail-meta dt{color:var(--ac-muted);font-size:13px} .ac-detail-meta dd{font-size:14px;font-weight:550} .ac-timeline{margin:26px 0 0;padding:0;list-style:none} .ac-timeline li{ position:relative; display:grid; grid-template-columns:18px 1fr; gap:11px; min-height:62px; } .ac-timeline li::before{ content:""; position:absolute; top:16px; bottom:-5px; left:6px; width:1px; background:var(--ac-line-strong); } .ac-timeline li:last-child::before{display:none} .ac-timeline li>i{ position:relative; z-index:1; width:13px; height:13px; margin-top:4px; border:2px solid #89968e; border-radius:50%; background:#fff; } .ac-timeline li.current>i{border-color:var(--ac-green);background:var(--ac-green)} .ac-timeline strong,.ac-timeline time{display:block;font-size:14px} .ac-timeline time{margin-top:4px;color:var(--ac-muted);font-size:13px} .ac-dialog-object{ display:grid; gap:4px; padding-bottom:20px; border-bottom:1px solid var(--ac-line-strong); } .ac-dialog-object strong{font-size:17px} .ac-dialog-object span{color:var(--ac-muted);font-size:13px} .ac-dialog fieldset{margin:22px 0;padding:0;border:0} .ac-dialog legend{margin-bottom:10px;font-size:14px;font-weight:650} .ac-field{display:grid;gap:9px;color:var(--ac-ink);font-size:14px;font-weight:650} .ac-field textarea{resize:vertical} .ac-helper{margin-top:12px!important;color:var(--ac-muted);font-size:13px;line-height:1.65} .ac-folder-choice-list{border:0} .ac-repo-browser{ overflow:hidden; border:1px solid #d0d7de; border-radius:8px; background:#fff; box-shadow:0 1px 2px rgba(27,31,36,.04); } .ac-repo-browser-head{ position:relative; display:flex; align-items:center; gap:12px; min-height:52px; padding:8px 10px 8px 14px; border-bottom:1px solid #d8dee4; background:#f6f8fa; } .ac-repo-breadcrumb{ display:flex; align-items:center; min-width:0; gap:7px; color:#57606a; font-size:13px; } .ac-repo-breadcrumb i{display:grid;place-items:center;color:#8c959f} .ac-repo-breadcrumb i svg{width:13px!important;height:13px!important} .ac-repo-breadcrumb strong{overflow:hidden;color:#1f2328;font-weight:600;text-overflow:ellipsis;white-space:nowrap} .ac-repo-list{display:grid} .ac-repo-folder-node{min-width:0} .ac-repo-folder-children[hidden]{display:none} .ac-repo-folder-row{ display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px; min-height:52px;padding:7px 10px 7px calc(10px + var(--repo-depth,0)*18px); border-bottom:1px solid #d0d7de;background:#fff; } .ac-repo-folder-row:hover{background:#f6f8fa} .ac-repo-folder-row:has(input:checked){background:#eef6ff} .ac-repo-disclosure,.ac-repo-disclosure-spacer{display:grid;place-items:center;width:22px;height:32px} .ac-repo-disclosure{padding:0;border:0;border-radius:5px;background:transparent;color:#59636e;cursor:pointer} .ac-repo-disclosure:hover{background:#eaeef2;color:#1f2328} .ac-repo-disclosure svg{transition:transform .14s ease} .ac-repo-disclosure[aria-expanded="true"] svg{transform:rotate(90deg)} .ac-repo-folder-select{display:grid;grid-template-columns:16px 16px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:36px;cursor:pointer} .ac-repo-folder-select>input{width:16px;height:16px;margin:0;accent-color:#0969da} .ac-repo-folder-icon{display:grid;place-items:center;flex:none;width:16px;height:16px;color:#59636e} .ac-repo-folder-icon svg{width:16px!important;height:16px!important} .ac-repo-folder-row.is-disabled{opacity:.45;cursor:not-allowed} .ac-repo-browser-head{justify-content:space-between;border-color:#b6c0cb} .ac-repo-browser{border-color:#b6c0cb;box-shadow:none} .fv-repo-name{display:flex;align-items:baseline;gap:5px;min-width:0;color:#1f2328;font-size:13px;font-weight:500} .fv-repo-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fv-repo-name>small{flex:none;color:#59636e;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums} .fv-repo-actions{display:flex;align-items:center;gap:4px} .fv-repo-action{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#59636e;cursor:pointer} .fv-repo-action:hover{background:#eaeef2;border-color:#d0d7de;color:#1f2328} .fv-repo-action.is-danger:hover{background:#fff1f1;border-color:#ffcecb;color:#cf222e} .fv-repo-action:focus-visible,.ac-repo-disclosure:focus-visible{outline:2px solid #0969da;outline-offset:2px} .fv-repo-empty{margin:0;padding:24px 16px;color:#59636e;font-size:13px;line-height:1.6} .fv-folder-editor{display:grid;gap:10px;padding:14px 16px;border-bottom:1px solid #b6c0cb;background:#f6f8fa} .fv-folder-editor label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;font-size:13px;color:#1f2328} .fv-folder-editor input{width:100%;min-width:0;height:36px;padding:6px 10px;border:1px solid #8c959f;border-radius:6px;background:#fff;font:400 14px var(--font-ui);color:#1f2328} .fv-folder-editor input:focus{outline:2px solid #0969da;outline-offset:-1px} .fv-folder-editor-buttons{display:flex;justify-content:flex-end;gap:8px} .fv-folder-editor-buttons button{min-height:32px;padding:5px 12px;border:1px solid #d0d7de;border-radius:6px;background:#fff;color:#1f2328;font:500 13px var(--font-ui);cursor:pointer} .fv-folder-editor-buttons .is-primary{border-color:#1a7f37;background:#1f883d;color:#fff} .fv-folder-editor-buttons .is-danger{border-color:#cf222e;background:#cf222e;color:#fff} .fv-folder-editor p{margin:0;font-size:13px;line-height:1.6} .fv-folder-editor .fv-folder-error{color:#cf222e} .fv-folder-editor [hidden]{display:none} .fv-organize-hint{margin:12px 0 0!important;color:#59636e;font-size:12px;line-height:1.5} @media(max-width:600px){ .ac-dialog .ac-repo-browser-head{flex-direction:row;align-items:center} .ac-dialog .ac-repo-folder-row{grid-template-columns:18px minmax(0,1fr) auto;gap:3px;padding-right:6px;padding-left:calc(5px + var(--repo-depth,0)*8px)} .ac-dialog .ac-repo-folder-select{grid-template-columns:16px 16px minmax(0,1fr);gap:6px} .fv-repo-actions{gap:0} .fv-repo-action{width:28px} .fv-repo-name{gap:3px} .fv-folder-editor{padding:12px 10px} .fv-folder-editor label{grid-template-columns:1fr;gap:6px} } @media(pointer:coarse){ .ac-dialog .ac-repo-folder-row{grid-template-columns:22px minmax(0,1fr)} .fv-repo-actions{grid-column:2;justify-self:end;gap:8px} .fv-repo-action{width:44px;height:44px} .ac-repo-folder-select{min-height:44px} } .ac-manage-menu{display:grid;gap:8px} .ac-manage-menu>strong{padding:0 2px 16px;border-bottom:1px solid var(--ac-line-strong);font-size:17px} .ac-manage-menu .ac-button{justify-content:flex-start} .ac-toast{ position:fixed; right:30px; bottom:28px; z-index:120; max-width:430px; padding:13px 18px; border:1px solid #3b4d42; border-radius:4px; background:#17251c; color:#fff; font-size:14px; box-shadow:0 14px 36px rgba(20,36,25,.25); } @media(max-width:1100px){ .detail-page .ac-layout{grid-template-columns:218px minmax(0,1fr);width:min(100% - 32px,1200px)} .ac-sidebar{padding-inline:14px} .ac-main{padding-inline:36px} .ac-page-head{margin-inline:-36px;padding-inline:36px} .ac-security-task{margin-inline:-36px;padding:30px 36px 34px 84px} .ac-library-workspace{grid-template-columns:210px minmax(0,1fr)} .ac-form-section{grid-template-columns:180px minmax(0,1fr);gap:30px} } @media(max-width:820px){ #detailPage:has(.ac-shell){padding:0;background:#fff} .detail-page .ac-layout{ display:block; width:100%; min-height:0; margin:0; border:0; box-shadow:none; } .ac-sidebar{display:none} .ac-main{padding:0 18px 64px} .ac-layout[data-ac-view="favorites"] .ac-main{padding:0 18px 64px} .ac-mobile-nav{ display:grid; gap:7px; padding:18px 0; color:var(--ac-muted); font-size:13px; } .ac-mobile-nav select{ width:100%; min-height:48px; padding:0 12px; border:1px solid #bbc6bf; border-radius:4px; background:#fff; color:var(--ac-ink); font-size:16px; } .ac-page-head{ display:block; min-height:0; margin:0 -18px; padding:30px 22px 28px; } .ac-layout[data-ac-view="favorites"] .ac-page-head{margin:0 -18px;padding:30px 22px 28px} .ac-page-head::before{top:30px;bottom:28px} .detail-page .ac-page-head h1{font-size:31px} .ac-page-head p{font-size:15px} .ac-page-head>.ac-button,.ac-head-actions{margin-top:20px} .ac-head-actions [data-ac-profile-save]{display:none} .ac-profile-intro{margin-top:18px;padding:22px 18px} .ac-profile-private{display:none} .ac-form-section{display:block;padding:30px 0} .ac-form-section>header{margin-bottom:22px} .ac-form-section>header p{max-width:none} .ac-form-grid{grid-template-columns:1fr} .ac-span-2{grid-column:auto} .ac-profile-display{grid-template-columns:1fr} .ac-profile-display>div,.ac-profile-display>div:nth-last-child(-n+2){border-bottom:1px solid #e2e7e4} .ac-profile-display>div:last-child{border-bottom:0} .ac-cascade-panel{position:static;grid-template-columns:42% 58%;width:100%;min-height:230px;max-height:310px;margin-top:8px} .ac-dropdown-panel{position:static;margin-top:8px;box-shadow:none} .ac-form-grid>.ac-cascade-field:nth-child(even) .ac-cascade-panel{right:auto;left:auto} .ac-cascade-groups,.ac-cascade-options{max-height:310px} .ac-input-field input,.ac-input-field select,.ac-field input,.ac-field textarea,.ac-search input{font-size:16px} .ac-contact-lines>div{grid-template-columns:90px minmax(0,1fr)} .ac-contact-lines a{grid-column:2} .ac-profile-mobile-save{ position:sticky; bottom:10px; display:block; margin-top:24px; padding:10px 76px 10px 10px; border:1px solid #bdc8c1; background:rgba(255,255,255,.94); box-shadow:0 10px 30px rgba(20,42,27,.14); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } .ac-profile-mobile-save .ac-button{width:100%} .ac-security-summary{display:block;padding-block:24px} .ac-security-summary p{margin-top:15px!important} .ac-setting-row{grid-template-columns:38px minmax(0,1fr) auto;padding-inline:0} .ac-setting-row>.ac-state{grid-column:2} .ac-setting-row>.ac-button{grid-column:3;grid-row:1/3} .ac-security-task{ display:block; margin:0 -18px; padding:28px 22px; border-left-width:4px; } .ac-task-fields{grid-template-columns:1fr;margin-top:24px} .ac-task-fields .ac-captcha{margin-top:0} .ac-security-form .ac-task-copy{grid-row:auto} .ac-form-alert,.ac-security-form .ac-task-actions,.ac-demo-code{grid-column:auto} .ac-task-actions{justify-content:stretch;margin-top:22px} .ac-task-actions .ac-button{flex:1} .ac-wechat-qr{margin:24px auto 0} .ac-session-row{grid-template-columns:30px minmax(0,1fr) auto} .ac-session-row>span{display:none} .ac-library-tally{flex-wrap:wrap} .ac-library-tally p{width:100%;margin:6px 0 0!important} .ac-tabbar{gap:24px} .ac-toolbar{align-items:stretch;flex-wrap:wrap} .ac-search{flex-basis:100%} .ac-sort{width:100%;justify-content:space-between} .ac-sort select{flex:1} .ac-library-workspace{display:block;min-height:0;margin-top:16px;border:0;border-radius:0;box-shadow:none} .ac-folders{ display:flex; gap:6px; align-items:center; padding:10px; border-right:0; border-bottom:1px solid #c8d1cb; overflow-x:auto; } .ac-folder-title{position:sticky;left:0;z-index:2;min-width:150px;padding:0 6px;border:0;background:#eef2ef} .ac-folder-tree,.ac-tree-branch{display:contents} .ac-folder-tree-row{min-width:148px} .ac-folder-all,.ac-folder-tree-main{ width:auto; min-width:max-content; padding:8px 12px; border:1px solid #ccd5cf; background:#f8faf9; } .ac-folders button b{margin-left:3px} .ac-library-content>header{align-items:flex-start;flex-direction:column;padding:12px} .ac-folder-actions{width:100%;overflow-x:auto} .ac-folder-open{padding-inline:10px} .ac-library-row{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;padding:18px 10px} .ac-library-row>.ac-select{grid-column:1;grid-row:1;height:34px} .ac-library-row>.ac-library-copy{grid-column:2;grid-row:1} .ac-library-heading{grid-template-columns:30px minmax(0,1fr)} .ac-library-heading>.ac-supply-badge{grid-column:2;width:max-content;margin-top:4px} .ac-library-taxonomy{flex-wrap:wrap} .ac-library-facts{display:grid} .ac-library-end{grid-column:2;grid-row:2;flex-direction:row;align-items:center} .ac-library-end>div{display:flex;align-items:center;gap:5px} .ac-library-row.is-part-card{display:block;padding:12px} .ac-library-row.is-part-card>.ac-select{position:absolute;z-index:3;top:19px;left:19px;width:28px;height:28px;border-radius:6px;background:transparent} .ac-library-row.is-part-card>.ac-library-end{display:flex;margin-top:10px;padding-top:7px;border-top:1px dashed #d8dee4} .ac-product-card-media{height:min(46vw,190px)} .ac-product-card-title a{max-width:none} .ac-product-card-spec{flex-wrap:wrap} .ac-selection-bar{right:12px;bottom:12px;left:12px;width:auto;max-width:none;align-items:stretch;flex-wrap:wrap;transform:none} .ac-selection-bar>div{width:100%;margin-left:0;overflow-x:auto} .ac-select-all{margin-right:auto} .ac-repo-browser-head{align-items:stretch;flex-direction:column} .ac-stats>div{display:block;padding:17px 10px} .ac-stats dd{margin-top:7px!important;font-size:24px} .ac-notice-row{grid-template-columns:minmax(0,1fr) 70px;padding:20px 0} .ac-notice-main{grid-template-columns:28px minmax(0,1fr);gap:10px} .ac-notice-title strong{font-size:15px} .ac-dialog{ width:100%; height:auto; max-height:calc(100dvh - 16px); margin:auto 0 0; border-radius:6px 6px 0 0; } .ac-dialog.drawer{ width:100%; max-width:none; height:100dvh; max-height:none; margin:0; border:0; border-radius:0; } .ac-dialog-body{max-height:calc(100dvh - 156px);padding:22px 18px} .ac-toast{right:16px;bottom:16px;left:16px;max-width:none;text-align:center} } @media(max-width:520px){ body:has(.ac-shell) #lumyApp > #aiLauncher{right:12px;bottom:12px;width:50px;height:50px} body:has(.ac-shell) #lumyApp > #aiLauncher .ask-mascot{width:34px;height:34px} .ac-setting-row{padding-right:58px} .ac-page-head p{max-width:32ch} .ac-stats{grid-template-columns:1fr} .ac-stats>div{display:flex;padding:17px 6px} .ac-stats>div+div{border-top:1px solid var(--ac-line);border-left:0} .ac-library-tally>i{margin-inline:8px} .ac-folder-open{grid-template-columns:36px minmax(0,1fr) 16px} .ac-folder-row{grid-template-columns:minmax(0,1fr) 46px} .ac-library-copy a{font-size:16px} .ac-dialog>footer{flex-wrap:wrap} .ac-dialog>footer .ac-button{flex:1} } @media(prefers-reduced-motion:reduce){ .ac-button,.ac-sidebar nav>a,.ac-library-row,.ac-toggle,.ac-toggle span{transition:none} } /* Favorites workspace: open desktop layout with Primer-like controls. */ .ac-layout[data-ac-view="favorites"] .ac-library-command{ display:flex; justify-content:center; margin-top:28px; } .ac-layout[data-ac-view="favorites"] .ac-library-command .ac-search{ flex:0 1 816px; width:100%; min-height:50px; } .ac-library-control-row{ position:relative; z-index:41; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:20px; min-height:60px; margin-top:1px; border-bottom:1px solid #d0d7de; } .ac-sort-menu{ position:relative; z-index:42; display:grid; grid-template-columns:auto minmax(122px,auto); align-items:stretch; gap:8px; min-height:36px; border:0; border-radius:0; background:transparent; color:#24292f; font-size:12px; } .ac-sort-caption{display:flex;align-items:center;padding:0} .ac-sort-trigger{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:122px; min-height:36px; padding:0 10px; border:1px solid #8c959f; border-radius:0; background:#fff; color:#24292f; font:500 13px/1 var(--font-ui); cursor:pointer; } .ac-sort-trigger:hover{background:#f6f8fa} .ac-sort-trigger:focus-visible{position:relative;z-index:2;outline:2px solid #0969da;outline-offset:-2px} .ac-sort-trigger svg{width:13px!important;height:13px!important;color:#57606a;transform:rotate(90deg);transition:transform .14s ease} .ac-sort-trigger[aria-expanded="true"]{border-radius:0;background:#fff} .ac-sort-trigger[aria-expanded="true"] svg{transform:rotate(-90deg)} .ac-sort-panel{ position:absolute; z-index:44; top:calc(100% - 1px); right:0; left:34px; padding:4px; border:1px solid #8c959f; border-radius:0; background:#fff; box-shadow:0 12px 28px rgba(27,31,36,.16),0 2px 6px rgba(27,31,36,.08); } .ac-sort-panel button{min-height:38px;padding:8px 10px;border-radius:5px;color:#24292f;font-size:13px} .ac-sort-panel button:hover,.ac-sort-panel button:focus-visible{background:#f6f8fa} .ac-sort-panel button.is-selected{color:#1a7f37} .ac-layout[data-ac-view="favorites"] .ac-library-types{ align-self:stretch; margin:0; border-bottom:0; } .ac-layout[data-ac-view="favorites"] .ac-library-types button{min-height:59px} .ac-layout[data-ac-view="favorites"] .ac-library-control-row .ac-sort-menu{ align-self:center; margin:0 6px 0 0; } .ac-layout[data-ac-view="favorites"] .ac-library-workspace{ grid-template-columns:196px minmax(0,1fr); gap:16px; min-height:610px; margin-top:8px; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; } .ac-layout[data-ac-view="favorites"] .ac-folders{ align-self:start; padding:12px 10px 20px; border:1px solid #d0d7de; border-radius:8px; background:#f6f8fa; } .ac-layout[data-ac-view="favorites"] .ac-library-content{ min-width:0; overflow:visible; border:0; border-radius:0; background:transparent; } .ac-layout[data-ac-view="favorites"] .ac-library-content>header{ min-height:46px; padding:3px 12px 8px; background:transparent; } .ac-layout[data-ac-view="favorites"] .ac-library-list{padding:0 0 24px} .ac-layout[data-ac-view="favorites"] .ac-browser-section.is-flat{padding:0} .ac-layout[data-ac-view="favorites"] .ac-item-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; } .ac-layout[data-ac-view="favorites"] .ac-library-row{ border-color:#d0d7de; border-radius:8px; background:#fff; box-shadow:0 1px 2px rgba(27,31,36,.04); } .ac-layout[data-ac-view="favorites"] .ac-library-row:hover{ border-color:#afb8c1; box-shadow:0 4px 14px rgba(27,31,36,.08); transform:none; } .ac-library-row .ac-library-end{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:39px; margin-top:9px; padding-top:7px; border-top:1px dashed #d8dee4; } .ac-card-context,.ac-card-actions{display:flex;align-items:center;min-width:0} .ac-card-context{gap:7px;overflow:hidden} .ac-card-actions{flex:none;gap:2px} .ac-library-row .ac-library-end time{ flex:none; color:#656d76; font-size:11px!important; line-height:1.3; white-space:nowrap; } .ac-library-row .ac-folder-labels{min-width:0;margin:0!important;gap:4px;overflow:hidden;flex-wrap:nowrap} .ac-library-row .ac-folder-labels span{ min-width:0; min-height:25px; padding:3px 6px; border-radius:6px; background:#f6f8fa; color:#57606a; font-size:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .ac-library-row .ac-folder-labels svg{flex:none;width:14px!important;height:14px!important;color:#57606a} .ac-library-row .ac-card-tool{width:30px;min-width:30px;height:30px;min-height:30px;border-radius:6px} .ac-library-row .ac-card-tool svg{width:16px!important;height:16px!important} .ac-library-row .ac-card-tool.has-note{color:#57606a} .ac-library-row .ac-card-tool.has-note::after{display:none} .ac-library-row .ac-card-tool.ac-manual-tool{color:#0969da} @media(min-width:821px) and (max-width:1120px){ .ac-layout[data-ac-view="favorites"] .ac-item-grid{grid-template-columns:minmax(0,1fr)} } @media(max-width:820px){ .ac-layout[data-ac-view="favorites"] .ac-library-command{display:block;margin-top:18px} .ac-library-control-row{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:10px} .ac-layout[data-ac-view="favorites"] .ac-library-types{overflow-x:auto} .ac-layout[data-ac-view="favorites"] .ac-library-types button{min-height:54px} .ac-sort-menu{justify-self:end;width:min(100%,210px)} .ac-layout[data-ac-view="favorites"] .ac-library-control-row .ac-sort-menu{margin-right:0} .ac-sort-panel{position:absolute;margin:0;box-shadow:0 12px 28px rgba(27,31,36,.16),0 2px 6px rgba(27,31,36,.08)} .ac-layout[data-ac-view="favorites"] .ac-library-workspace{display:block;min-height:0;margin-top:14px} .ac-layout[data-ac-view="favorites"] .ac-folders{border-radius:8px} .ac-layout[data-ac-view="favorites"] .ac-item-grid{grid-template-columns:minmax(0,1fr);margin-top:12px} .ac-card-context{flex-wrap:wrap} } /* Favorites density, path, view controls and pagination. */ .ac-layout[data-ac-view="favorites"] .ac-folder-title{ grid-template-columns:30px minmax(0,1fr); gap:2px; } .ac-layout[data-ac-view="favorites"] .ac-folder-title>.ac-folder-add{ display:grid; grid-column:1; place-items:center; width:30px; height:30px; margin-top:3px; padding:0; border:0; border-radius:5px; background:transparent; color:#6e7781; cursor:pointer; } .ac-layout[data-ac-view="favorites"] .ac-folder-title>.ac-folder-add:hover{background:#eaeef2;color:#24292f} .ac-layout[data-ac-view="favorites"] .ac-folder-title>.ac-folder-add svg{width:17px!important;height:17px!important} .ac-layout[data-ac-view="favorites"] .ac-folder-title>.ac-folder-home{grid-column:2} .ac-library-contextbar{ display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:44px; padding:6px 6px 5px 14px; border-bottom:1px solid #d8dee4; } .ac-library-contextbar .ac-library-path{ min-width:0; min-height:30px; padding:0; border:0; background:transparent; } .ac-library-contextbar .ac-library-path button, .ac-library-contextbar .ac-library-path span{font-size:12px} .ac-library-contextbar .ac-library-path svg{width:12px!important;height:12px!important;color:#8c959f} .ac-view-switch{ display:inline-flex; flex:none; padding:2px; border:1px solid #d0d7de; border-radius:6px; background:#f6f8fa; } .ac-view-switch button{ display:grid; place-items:center; width:32px; height:30px; padding:0; border:0; border-radius:4px; background:transparent; color:#656d76; cursor:pointer; } .ac-view-switch button:hover{color:#24292f} .ac-view-switch button[aria-pressed="true"]{background:#fff;color:#1a7f37;box-shadow:0 1px 2px rgba(27,31,36,.12)} .ac-view-switch svg{width:18px!important;height:18px!important} .ac-layout[data-ac-view="favorites"] .ac-library-row.is-part-card{ padding:8px 9px 7px; } .ac-layout[data-ac-view="favorites"] .ac-library-row.is-part-card>.ac-select{ top:13px; left:13px; width:28px; height:28px; } .ac-layout[data-ac-view="favorites"] .ac-product-card-media{ height:96px; margin-bottom:7px; border-radius:6px; } .ac-layout[data-ac-view="favorites"] .ac-product-card-media>span{top:6px;right:7px;padding:2px 5px} .ac-layout[data-ac-view="favorites"] .ac-product-card-media svg{width:86%!important;height:82%!important} .ac-layout[data-ac-view="favorites"] .ac-product-card-heading{align-items:center;gap:6px} .ac-layout[data-ac-view="favorites"] .ac-product-card-title{gap:5px;overflow:hidden} .ac-layout[data-ac-view="favorites"] .ac-product-card-title a{font-size:14px} .ac-layout[data-ac-view="favorites"] .ac-product-card-title strong{font-size:10px} .ac-layout[data-ac-view="favorites"] .ac-product-lifecycle, .ac-product-sales{ flex:none; padding:2px 5px; border-radius:4px; font-size:9px; font-style:normal; font-weight:650; line-height:1.35; white-space:nowrap; } .ac-product-sales{background:#eaeef2;color:#57606a} .ac-product-sales.is-stable{background:#dafbe1;color:#116329} .ac-product-sales.is-warning{background:#fff1e5;color:#9a6700} .ac-product-sales.is-muted{background:#eaeef2;color:#57606a} .ac-layout[data-ac-view="favorites"] .ac-product-card-copy>.ac-library-taxonomy{margin-top:5px;font-size:10px} .ac-layout[data-ac-view="favorites"] .ac-product-card-copy>p{ margin:4px 0 0!important; font-size:11px; line-height:1.4; -webkit-line-clamp:1; } .ac-layout[data-ac-view="favorites"] .ac-product-card-spec{gap:7px;margin-top:5px;font-size:10px} .ac-inline-pdf{ display:grid; place-items:center; width:28px; min-width:28px; height:26px; border-radius:5px; color:#0969da; text-decoration:none; } .ac-inline-pdf:hover{background:#ddf4ff;text-decoration:none} .ac-inline-pdf svg{width:19px!important;height:19px!important} .ac-layout[data-ac-view="favorites"] .ac-library-row .ac-library-end{ min-height:32px; margin-top:5px; padding-top:4px; } .ac-layout[data-ac-view="favorites"] .ac-library-row .ac-folder-labels span{min-height:23px;padding:2px 5px} .ac-layout[data-ac-view="favorites"] .ac-library-row .ac-folder-labels svg{width:17px!important;height:17px!important} .ac-layout[data-ac-view="favorites"] .ac-library-row .ac-card-tool{ width:34px; min-width:34px; height:32px; min-height:32px; } .ac-layout[data-ac-view="favorites"] .ac-library-row .ac-card-tool svg{width:20px!important;height:20px!important} .ac-item-grid.is-list-view{grid-template-columns:minmax(0,1fr)!important;gap:6px!important} .ac-item-grid.is-list-view .ac-library-row{ display:grid!important; grid-template-columns:28px minmax(0,1fr) minmax(210px,auto)!important; grid-template-rows:auto!important; align-items:center; gap:10px; min-height:78px; padding:9px 11px!important; } .ac-item-grid.is-list-view .ac-library-row>.ac-select{ position:static!important; grid-column:1!important; grid-row:1!important; width:28px!important; height:28px!important; } .ac-item-grid.is-list-view .ac-library-row>.ac-library-copy{grid-column:2!important;grid-row:1!important;min-width:0} .ac-item-grid.is-list-view .ac-product-card-media{display:none} .ac-item-grid.is-list-view .ac-product-card-copy>p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block} .ac-item-grid.is-list-view .ac-product-card-copy>.ac-library-taxonomy{margin-top:3px} .ac-item-grid.is-list-view .ac-product-card-spec{margin-top:3px} .ac-item-grid.is-list-view .ac-library-row>.ac-library-end{ grid-column:3!important; grid-row:1!important; align-self:stretch; min-width:210px; margin:0!important; padding:0 0 0 10px!important; border-top:0!important; border-left:1px solid #d8dee4; } .ac-pagination{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:54px; margin-top:12px; padding-top:10px; border-top:1px solid #d8dee4; color:#656d76; font-size:12px; } .ac-pagination>div{display:flex;align-items:center;gap:4px} .ac-pagination button{ display:grid; place-items:center; min-width:32px; height:32px; padding:0 7px; border:1px solid transparent; border-radius:6px; background:transparent; color:#24292f; font:600 12px/1 var(--font-ui); cursor:pointer; } .ac-pagination button:hover:not(:disabled){border-color:#d0d7de;background:#f6f8fa} .ac-pagination button[aria-current="page"]{border-color:#1f883d;background:#f0fff4;color:#116329} .ac-pagination button:disabled{color:#afb8c1;cursor:not-allowed} .ac-pagination svg{width:16px!important;height:16px!important} @media(max-width:980px){ .ac-item-grid.is-list-view .ac-library-row{grid-template-columns:28px minmax(0,1fr)!important} .ac-item-grid.is-list-view .ac-library-row>.ac-library-end{grid-column:2!important;grid-row:2!important;min-width:0;padding:5px 0 0!important;border-top:1px dashed #d8dee4!important;border-left:0} } @media(max-width:820px){ .ac-library-contextbar{padding-left:0} .ac-library-control-row{min-height:0} .ac-layout[data-ac-view="favorites"] .ac-library-types button{min-height:48px} .ac-pagination{align-items:flex-start;flex-direction:column} } /* Personal center uses the same open desktop surface as the collection workspace. */ @media(min-width:821px){ #detailPage:has(.ac-shell){padding:0;background:#fff} .detail-page .ac-layout, .detail-page .ac-layout[data-ac-view="favorites"]{ grid-template-columns:198px minmax(0,1fr); width:calc(100% - 2 * var(--dt-content-inset,72px)); max-width:1280px; min-height:calc(100dvh - 76px); margin-inline:auto; border:0; border-radius:0; background:#fff; box-shadow:none; overflow:visible; } .ac-sidebar, .ac-layout[data-ac-view="favorites"] .ac-sidebar{ display:flex; flex-direction:column; min-height:calc(100dvh - 76px); padding:10px 14px 24px; border-right:1px solid #d0d7de; border-radius:0; background:#fff; } .ac-person{min-height:82px;padding:4px 8px 18px} .ac-person>span{width:40px;height:40px;min-width:40px;min-height:40px} .ac-person strong{font-size:14px} .ac-person small{font-size:11px} .ac-sidebar nav{padding:12px 0} .ac-sidebar nav>a{min-height:46px;padding:8px 10px;font-size:14px} .ac-sidebar-note, .ac-layout[data-ac-view="favorites"] .ac-sidebar-note{ position:static; margin:auto 8px 0; padding-top:16px; font-size:11px; } .ac-main, .ac-layout[data-ac-view="favorites"] .ac-main{ padding:0 24px 64px; border-radius:0; } .ac-page-head, .ac-layout[data-ac-view="favorites"] .ac-page-head{ min-height:96px; margin:0; padding:14px 0 18px; border-bottom:0; background:#fff; box-shadow:none; } .ac-page-head::before{display:none} .detail-page .ac-page-head h1{font-size:28px;letter-spacing:-.035em} .ac-page-head p{max-width:760px;margin-top:7px!important;font-size:12px;line-height:1.6} .ac-page-head>.ac-button,.ac-page-head>.ac-head-actions{flex:none} .ac-security-task{margin-inline:0;padding:28px 36px;border-radius:6px;border-left-width:4px} } .ac-follow-tabs{margin-top:0} .ac-follow-feed{margin-top:0!important;border-top:0!important} .ac-follow-event .ac-notice-end{justify-content:flex-start;padding-top:2px} .ac-following-panel{min-height:320px;padding:22px 0;border-bottom:1px solid var(--ac-line)} .ac-following-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ac-following-object{ display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:80px; padding:12px 14px; border:1px solid #d0d7de; border-radius:6px; background:#fff; } .ac-following-object>div{min-width:0} .ac-following-object strong{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap} .ac-following-object p{margin:4px 0 0!important;color:var(--ac-muted);font-size:11px;line-height:1.45} .ac-following-object>.ac-state{grid-column:2} .ac-following-object>.ac-button{grid-column:3;grid-row:1/3;min-height:32px;padding:5px 10px;font-size:12px} .ac-following-empty{grid-column:1/-1;min-height:260px} .ac-inline-empty{grid-column:1/-1;margin:0!important;padding:22px 4px;color:var(--ac-muted);font-size:13px} .ac-feedback-snapshot{margin-top:24px;padding:18px;border:1px solid #d0d7de;border-radius:6px;background:#f6f8fa} .ac-feedback-snapshot>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px} .ac-feedback-snapshot>header strong{font-size:14px} .ac-feedback-snapshot>header span{color:var(--ac-muted);font-size:11px} .ac-feedback-snapshot dl{margin:0} .ac-feedback-snapshot dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:9px 0;border-top:1px solid #d8dee4;font-size:12px;line-height:1.6} .ac-feedback-snapshot dt{color:var(--ac-muted)} .ac-feedback-snapshot dd{margin:0} @media(max-width:820px){ .ac-following-grid{grid-template-columns:minmax(0,1fr)} } @media(min-width:1600px){ .detail-page .ac-layout, .detail-page .ac-layout[data-ac-view="favorites"]{ max-width:1440px; margin-left:var(--dt-content-inset,132px); margin-right:auto; } } /* Shared personal-center shell, promoted from the collection workspace. */ .ac-shell{ --ac-ink:#1f2328;--ac-muted:#59636e;--ac-faint:#59636e; --ac-line:#b6c0cb;--ac-line-strong:#b6c0cb;--ac-plane:#f6f8fa; --ac-green:#1f883d;--ac-green-soft:#f6f8fa; font:400 14px/1.5 var(--font-ui);color:var(--ac-ink); } body:has(#detailPage .ac-shell), #detailPage:has(.ac-shell){background:#fff} #detailPage:has(.ac-shell){padding:28px 0 0} .detail-page .ac-shell .ac-layout{ --ac-ink:#1f2328;--ac-muted:#59636e;--ac-faint:#59636e; --ac-line:#b6c0cb;--ac-line-strong:#b6c0cb;--ac-plane:#f6f8fa; --ac-green:#1f883d;--ac-green-soft:#f6f8fa; grid-template-columns:184px minmax(0,1fr); width:min(1280px,calc(100% - 64px)); max-width:1280px; min-height:calc(100dvh - 104px); margin-inline:auto; border:0;border-radius:0;box-shadow:none;overflow:visible; } .ac-shell .ac-layout .ac-sidebar{ min-height:calc(100dvh - 104px);padding:12px 20px 24px 0;border-radius:0;background:#fff;border-color:var(--ac-line); } .ac-shell .ac-layout .ac-person{gap:10px;min-height:82px;padding:0 8px 24px} .ac-shell .ac-layout .ac-person>span{background:#f6f8fa;border-color:#d0d7de;color:#57606a;box-shadow:none} .ac-shell .ac-layout .ac-person strong{font-size:14px} .ac-shell .ac-layout .ac-person small{font-size:12px} .ac-shell .ac-layout .ac-sidebar nav>a{min-height:44px;margin:3px 0;padding:8px 10px;border:0;border-radius:6px;color:#3d444d;font-size:14px;box-shadow:none} .ac-shell .ac-layout .ac-sidebar nav>a.is-active{background:#eef1f4;color:#24292f;box-shadow:none} .ac-shell .ac-layout .ac-sidebar-note{font-size:12px;line-height:1.6} .ac-shell .ac-layout .ac-main{padding:0 0 40px 24px;border-radius:0} .ac-shell .ac-layout .ac-page-head{min-height:88px;margin:0;padding:0 0 24px;background:#fff;border:0;box-shadow:none;gap:20px} .ac-shell .ac-layout .ac-page-head::before{display:none} .detail-page .ac-shell .ac-layout .ac-page-head h1{font-size:26px;line-height:1.3;letter-spacing:0;font-weight:600} .ac-shell .ac-layout .ac-page-head p{margin:8px 0 0!important;color:#57606a;font-size:13px;line-height:1.6} .ac-shell .ac-layout .ac-page-head .ac-button{min-height:36px;padding:7px 12px;background:#f6f8fa;color:#24292f;border:1px solid #d0d7de;border-radius:6px;box-shadow:none;white-space:nowrap;font-size:13px} .ac-shell .ac-layout .ac-tabbar{gap:30px;min-height:64px;border-color:var(--ac-line)} .ac-shell .ac-layout .ac-tabbar button{min-height:64px;color:#3d444d;font-size:14px;font-weight:500} .ac-shell .ac-layout .ac-tabbar button.is-active{color:var(--ac-ink);font-weight:600} .ac-shell .ac-layout .ac-tabbar button::after{height:2px} .ac-shell .ac-layout .ac-toolbar{border-color:var(--ac-line)} .ac-shell .ac-layout .ac-lined-list,.ac-shell .ac-layout .ac-notice-row,.ac-shell .ac-layout .ac-form-section,.ac-shell .ac-layout .ac-security-ledger,.ac-shell .ac-layout .ac-setting-row,.ac-shell .ac-layout .ac-session-row{border-color:var(--ac-line)} .detail-page .ac-shell svg.fv-icon{display:block;width:16px!important;height:16px!important;min-width:16px;max-width:16px;min-height:16px;max-height:16px;flex:0 0 16px;aspect-ratio:1;fill:currentColor!important;stroke:none!important;vertical-align:middle;overflow:visible} @media(max-width:1150px){ .detail-page .ac-shell .ac-layout{width:calc(100% - 40px);grid-template-columns:164px minmax(0,1fr)} .ac-shell .ac-layout .ac-sidebar{padding-right:14px} .ac-shell .ac-layout .ac-main{padding-left:20px} } @media(max-width:820px){ #detailPage:has(.ac-shell){padding-top:20px} .detail-page .ac-shell .ac-layout{display:block;width:calc(100% - 32px)} .ac-shell .ac-layout .ac-sidebar{display:none} .ac-shell .ac-layout .ac-main{padding:0} .ac-shell .ac-layout .ac-page-head{display:flex;min-height:0;padding:16px 0;flex-direction:row;align-items:center;gap:12px} .ac-shell .ac-layout .ac-page-head>.ac-button{margin-top:0} .detail-page .ac-shell .ac-layout .ac-page-head h1{font-size:24px} .ac-shell .ac-layout .ac-page-head p{display:none} .ac-notice-tabs-row{align-items:flex-end;gap:10px} .ac-notice-tabs-row .ac-tabbar{gap:22px;overflow-x:auto} .ac-notice-search-form{width:min(292px,62vw)} } /* Collection workspace components. The shared personal-center shell lives in account-center.css. */ .fv-root{ --fv-ink:#1f2328;--fv-muted:#59636e;--fv-subtle:#59636e;--fv-line:#b6c0cb; --fv-soft:#f6f8fa;--fv-link:#0969da;--fv-active:#1f883d;--fv-radius:6px; font:400 14px/1.5 var(--font-ui);color:var(--fv-ink);min-width:0; } .fv-root *{box-sizing:border-box} .fv-root :where(button,input){font:inherit;color:inherit} .fv-root button{cursor:pointer} .fv-root button:disabled{cursor:not-allowed;color:#8c959f} .fv-root a{color:var(--fv-link);text-decoration:none} .fv-root a:hover{text-decoration:underline} .detail-page .fv-root :is(button,a,input):focus-visible{outline:2px solid var(--fv-link);outline-offset:3px} .fv-root :is(strong,b){font-weight:600} .fv-root em{font-style:normal} .fv-root [hidden]{display:none!important} /* Categories, expandable search, and sort share one alignment axis. */ .fv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;border-bottom:1px solid var(--fv-line)} .fv-tabs{display:flex;align-self:stretch;align-items:stretch;gap:30px;flex:none} .fv-tabs button{position:relative;display:flex;align-items:center;padding:0;border:0;background:transparent;color:#3d444d;font-size:14px;font-weight:500;white-space:nowrap} .fv-tabs button[aria-selected="true"]{color:var(--fv-ink);font-weight:600} .fv-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--fv-active)} .fv-tools{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0} .fv-search-control{min-width:0} .fv-search-toggle,.fv-search-collapse,.fv-search-clear{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--fv-muted);flex:none} .fv-search-toggle:hover,.fv-search-collapse:hover,.fv-search-clear:hover{background:var(--fv-soft);color:var(--fv-ink)} .fv-search{display:flex;align-items:center;gap:2px;width:266px;height:42px;padding:3px 4px 3px 12px;border:1px solid var(--fv-line);border-radius:8px;background:#fff} .fv-search:focus-within{border-color:var(--fv-link);box-shadow:0 0 0 2px #0969da16} .fv-search input{display:block;width:100%;min-width:0;height:32px;padding:0;border:0;outline:0;background:transparent;font-size:13px;line-height:32px;color:var(--fv-ink)} .detail-page .fv-root .fv-search input:focus-visible{outline:0} .fv-search input::placeholder{color:var(--fv-subtle);opacity:1} .fv-search input::-webkit-search-cancel-button{-webkit-appearance:none} .fv-search-clear{width:26px} .fv-sort{position:relative;display:flex;align-items:center;gap:12px;flex:none;z-index:45} .fv-sort-caption{font-size:12px;color:var(--fv-muted)} .fv-sort-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:152px;height:42px;padding:0 14px;border:1px solid var(--fv-line);border-radius:8px;background:#fff;font-size:13px} .fv-sort-trigger:hover{background:var(--fv-soft)} .fv-sort-trigger .fv-icon{transform:rotate(90deg)} .fv-sort-trigger[aria-expanded="true"] .fv-icon{transform:rotate(-90deg)} .fv-sort-options{position:absolute;top:calc(100% + 6px);right:0;min-width:168px;padding:5px;border:1px solid var(--fv-line);border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f23281f} .fv-sort-options button{display:block;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:left;font-size:13px} .fv-sort-options button:hover,.fv-sort-options button:focus-visible{background:var(--fv-soft)} .fv-sort-options button[aria-selected="true"]{color:var(--fv-link);font-weight:600} /* Tree labels and counts each have a real grid column. */ .fv-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:20px;min-height:460px;margin-top:20px} .fv-folders{min-width:0;align-self:stretch;padding:0 12px 20px 0;border-right:1px solid var(--fv-line)} .fv-folder-all,.fv-folder-home,.fv-tree-link{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;width:100%;min-height:40px;padding:8px;border:0;border-radius:5px;background:transparent;color:#3d444d;text-align:left;font-size:13px} .fv-folder-all>span,.fv-tree-link>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fv-folder-all b,.fv-folder-home b,.fv-tree-link b{position:static;min-width:2ch;margin:0;color:var(--fv-subtle);font-size:12px;font-weight:400;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} .fv-folders button.is-active{background:#eef1f4;box-shadow:none;color:var(--fv-ink)} .fv-folders button:hover{background:var(--fv-soft)} .fv-folder-heading{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:0;margin:8px 0 4px;padding-top:8px;border-top:1px solid var(--fv-line)} .fv-folder-home{grid-template-columns:minmax(0,1fr);padding-left:0} .fv-folder-add,.fv-tree-more{display:grid;place-items:center;width:28px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--fv-muted)} .fv-tree-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;min-width:0} .fv-tree-link{padding-left:calc(6px + var(--tree-depth)*10px);padding-right:2px;gap:6px;font-size:12px} .fv-tree-more{width:24px;color:#8c959f;opacity:0} .fv-tree-more:hover,.fv-tree-more[aria-expanded="true"]{color:#59636e} .fv-tree-row:hover .fv-tree-more,.fv-tree-row:focus-within .fv-tree-more,.fv-tree-more[aria-expanded="true"]{opacity:1} .fv-tree-row.is-menu-open{z-index:50} .fv-folder-menu{position:absolute;z-index:51;top:38px;right:0;min-width:132px;padding:5px;border:1px solid var(--fv-line);border-radius:6px;background:#fff;box-shadow:0 8px 20px #1f232820} .fv-folder-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:4px;background:transparent;font-size:13px;text-align:left} .fv-folder-menu .danger{color:#cf222e} .fv-tree-rename{display:flex;grid-column:1/-1;gap:4px;padding:4px} .fv-tree-rename input{width:100%;min-width:0;padding:5px;border:1px solid var(--fv-link);border-radius:4px;font-size:13px} .fv-tree-rename button{display:grid;place-items:center;border:0;background:var(--fv-soft);border-radius:4px} .fv-privacy{display:flex;align-items:center;gap:6px;padding:24px 8px 0;color:var(--fv-subtle);font-size:12px} .fv-folder-card.is-dragging,.fv-card.is-dragging{opacity:.45} .fv-root .is-drop-target{outline:2px solid var(--fv-link);outline-offset:2px;background:#ddf4ff} /* Context stays in the content pane, including during search updates. */ .fv-content,.fv-results{min-width:0} .fv-context{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--fv-line);scroll-margin-top:132px} .fv-directory-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0} .fv-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0} .fv-path h2{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:0} .fv-path button{padding:0;border:0;background:transparent;color:var(--fv-link);font-size:14px;line-height:1.5} .fv-path span[aria-current]{font-size:14px;font-weight:600;overflow-wrap:anywhere} .fv-path .fv-icon{color:#8c959f} .fv-search-result,.fv-count{color:var(--fv-subtle);font-size:12px;white-space:nowrap} .fv-view-switch{display:flex;flex:none;padding:2px;border:1px solid var(--fv-line);border-radius:6px;background:var(--fv-soft)} .fv-view-switch button{display:grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--fv-muted)} .fv-view-switch button[aria-pressed="true"]{background:#fff;color:var(--fv-link);box-shadow:0 1px 3px #1f23281a} .fv-section+.fv-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--fv-line)} .fv-section>header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px} .fv-section>header span{font-size:12px;color:var(--fv-subtle)} .fv-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px} .fv-folder-card{border:1px solid var(--fv-line);border-radius:6px;background:#fff} .fv-folder-open{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:16px 12px;border:0;background:transparent;text-align:left} .fv-folder-open:hover{background:var(--fv-soft)} .fv-folder-mark{display:grid;place-items:center;flex:none;color:var(--fv-muted)} .fv-folder-open>span:last-child{min-width:0} .fv-folder-open strong,.fv-folder-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fv-folder-open strong{font-size:13px} .fv-folder-open small{margin-top:5px;font-size:12px;color:var(--fv-subtle)} /* Every card part participates in normal flow. The checkbox owns its own cell. */ .fv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;align-items:stretch} .fv-card{display:flex;flex-direction:column;min-width:0;min-height:286px;padding:12px;border:1px solid var(--fv-line);border-radius:6px;background:#fff;transition:border-color .14s ease} .fv-card:hover{border-color:#8c959f} .fv-card.is-selected{border-color:var(--fv-link);background:#f6faff;box-shadow:0 0 0 1px var(--fv-link)} .fv-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:28px;margin-bottom:6px} .fv-kind{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:var(--fv-muted)} .fv-select{display:grid;place-items:center;width:28px;height:28px;flex:none;cursor:pointer} .fv-select input{appearance:auto;-webkit-appearance:checkbox;display:block;position:static;width:16px;height:16px;min-width:16px;margin:0;padding:0;opacity:1;accent-color:var(--fv-link);cursor:pointer} .fv-card-body{display:flex;flex-direction:column;flex:1;min-width:0} .fv-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:22px;color:var(--fv-link);font-family:var(--font-ui);font-size:15px;line-height:1.45;font-weight:600;font-style:normal;letter-spacing:0} .fv-mono{font-variant-numeric:tabular-nums} .fv-maker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:var(--fv-muted);font-size:12px;line-height:18px} .fv-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px;min-height:21px} .fv-badges em{display:inline-flex;align-items:center;padding:2px 5px;border-radius:4px;font-size:11px;line-height:17px;font-weight:400;white-space:nowrap} .fv-lifecycle{background:#eaf0ff;color:#4765a7} .fv-sales{background:#f2f4f7;color:var(--fv-muted)} .fv-badges .is-warning{background:#fff3df;color:#9a6700} .fv-badges .is-muted{background:#f2f4f7;color:var(--fv-muted)} .fv-taxonomy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;color:var(--fv-subtle);font-size:12px;line-height:18px} .fv-card-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:39px;margin:5px 0 10px;color:var(--fv-muted);font-size:13px;line-height:1.5} .fv-spec{display:flex;align-items:center;gap:8px;min-height:28px;margin-top:auto;color:var(--fv-subtle);font-size:12px;line-height:18px} .fv-spec>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fv-document-link{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:28px;font-size:12px;line-height:18px;white-space:nowrap} .fv-document-link>span{display:block} .fv-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin-top:9px;padding-top:8px;border-top:1px solid #d0d7de} .fv-card-context{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0} .fv-card-context time{font-size:12px;line-height:18px;color:var(--fv-subtle);white-space:nowrap} .fv-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;overflow-wrap:anywhere;white-space:pre-line;color:#8250df;font-size:12px;line-height:18px} .fv-card-actions{flex:none} .fv-card-action{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--fv-muted)} .fv-card-action:hover{background:var(--fv-soft);color:var(--fv-link)} /* List view uses the same content, icons and type sizes as cards. */ .fv-grid.is-list-view{grid-template-columns:1fr;gap:0} .fv-grid.is-list-view .fv-card{display:grid;grid-template-columns:28px minmax(0,1fr) 140px;align-items:start;gap:14px;min-height:0;padding:18px 0;border:0;border-bottom:1px solid var(--fv-line);border-radius:0} .fv-grid.is-list-view .fv-card-top{height:auto;margin:0} .fv-grid.is-list-view .fv-kind{display:none} .fv-grid.is-list-view .fv-card-body>p{min-height:0;margin-bottom:5px;-webkit-line-clamp:1} .fv-grid.is-list-view .fv-card-footer{align-self:center;margin:0;padding:0;border:0;min-height:0} .fv-grid.is-list-view .fv-taxonomy{margin-top:5px} .fv-grid.is-list-view .fv-badges{margin-top:5px} .fv-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:22px;padding-top:16px;border-top:1px solid var(--fv-line);color:var(--fv-muted);font-size:12px} .fv-page-size{display:inline-block;margin-left:12px;padding-left:12px;border-left:1px solid var(--fv-line)} .fv-pagination>div{display:flex;align-items:center;gap:4px} .fv-pagination button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;font-size:13px} .fv-pagination button:hover:not(:disabled){background:var(--fv-soft);border-color:var(--fv-line)} .fv-pagination button[aria-current="page"]{background:var(--fv-link);border-color:var(--fv-link);color:#fff} .fv-selection{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;margin-top:16px;border:1px solid #b6d6f6;border-radius:6px;background:#f6faff;font-size:13px} .fv-selection>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto} .fv-selection-icon{display:grid;place-items:center;color:var(--fv-link)} .fv-select-all{display:flex;align-items:center;gap:6px;color:var(--fv-muted)} .fv-select-all input{width:16px;height:16px;accent-color:var(--fv-link)} .fv-selection .ac-button{min-height:32px;padding:5px 10px;font-size:12px;box-shadow:none} @media(max-width:1150px){ .fv-tabs{gap:22px} .fv-tools{gap:14px} .fv-search{width:220px} .fv-sort-trigger{min-width:132px;gap:12px} .fv-sort-caption{display:none} .fv-workspace{grid-template-columns:182px minmax(0,1fr);gap:16px} } @media(max-width:950px){ .fv-toolbar{flex-wrap:wrap;gap:0;padding-bottom:10px} .fv-tabs{min-height:50px} .fv-tools{margin-left:auto;min-height:44px} .fv-grid.is-list-view .fv-card{grid-template-columns:28px minmax(0,1fr)} .fv-grid.is-list-view .fv-card-footer{grid-column:2;justify-content:space-between;border-top:1px solid #eaeef2;padding-top:8px} } @media(max-width:820px){ .fv-workspace{grid-template-columns:1fr;margin-top:16px} .fv-folders{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--fv-line)} .fv-folder-heading{margin:0;padding:0;border:0} .fv-tree{grid-column:1/-1;margin-top:4px} .fv-tree-link{font-size:13px} .fv-tree-more{opacity:1} .fv-privacy{display:none} .fv-context{scroll-margin-top:204px} .fv-card-top{margin-bottom:8px} .fv-pagination{gap:12px} } @media(max-width:480px){ .fv-tabs{justify-content:space-between;width:100%;gap:12px} .fv-tools{width:100%;justify-content:flex-end;gap:12px} .fv-tools:has(.fv-search:not([hidden])) .fv-search-control{flex:1} .fv-search{width:100%;max-width:266px} .fv-sort-trigger{min-width:112px;padding:0 10px} .fv-page-size{display:block;margin:5px 0 0;padding:0;border:0} .fv-pagination>div{margin-left:auto} } @media(pointer:coarse){ .fv-search-toggle,.fv-search-collapse,.fv-sort-trigger,.fv-view-switch button,.fv-pagination button,.fv-card-action,.fv-select{min-width:40px;min-height:40px} .fv-card-top{height:40px} .fv-search{height:44px} } @media(prefers-reduced-motion:reduce){.fv-card{transition:none}}