@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} .app-message-list[data-v-d54c89f8] { position: fixed; top: 18px; left: 50%; z-index: 300; display: grid; width: min(360px, calc(100vw - 32px)); gap: 8px; pointer-events: none; transform: translateX(-50%); } .app-message[data-v-d54c89f8] { --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, 0.08); border-radius: 8px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 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-d54c89f8] { width: 8px; height: 8px; border-radius: 50%; background: var(--message-dot); } .app-message-text[data-v-d54c89f8] { min-width: 0; overflow-wrap: anywhere; } .app-message[data-v-d54c89f8]:hover { border-color: rgba(0, 0, 0, 0.12); background: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); transform: translateY(-1px); } .app-message[data-v-d54c89f8]:focus-visible { outline: 2px solid rgba(21, 172, 112, 0.28); outline-offset: 2px; } .app-message.is-error[data-v-d54c89f8] { --message-dot: #d92d20; } .app-message.is-warning[data-v-d54c89f8] { --message-dot: #b7791f; } .app-message.is-success[data-v-d54c89f8] { --message-dot: #15ac70; } .app-message.is-info[data-v-d54c89f8] { --message-dot: #8a9096; } @media (max-width: 560px) { .app-message-list[data-v-d54c89f8] { top: calc(12px + env(safe-area-inset-top, 0px)); width: calc(100vw - 24px); } .app-message[data-v-d54c89f8] { width: 100%; justify-self: stretch; padding: 9px 12px; font-size: 13px; line-height: 19px; } } .agreement-dialog-layer[data-v-0281a389] { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; box-sizing: border-box; padding: 24px; background: rgba(0, 0, 0, 0.16); backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .agreement-dialog[data-v-0281a389] { display: grid; width: min(760px, 100%); max-height: min(760px, calc(100dvh - 48px)); grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; overflow: hidden; border: 1px solid #e4e4e7; border-radius: 12px; background: #ffffff; box-shadow: 0 24px 70px rgba(24, 24, 27, 0.14); } .agreement-dialog-head[data-v-0281a389], .agreement-dialog-foot[data-v-0281a389] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; } .agreement-dialog-head[data-v-0281a389] { border-bottom: 1px solid #e4e4e7; } .agreement-dialog-kicker[data-v-0281a389] { display: block; margin: 0 0 8px; color: #71717a; font-size: 13px; line-height: 1.5; } .agreement-dialog-head h3[data-v-0281a389] { margin: 0; color: #162018; font-size: 18px; font-weight: 400; line-height: 26px; } .agreement-dialog-close[data-v-0281a389] { display: grid; flex: 0 0 auto; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #71717a; cursor: pointer; font-size: 22px; line-height: 1; transition: background-color 150ms ease, color 150ms ease; } .agreement-dialog-close[data-v-0281a389]:hover { background: #f4f4f5; color: #18181b; } .agreement-dialog-close[data-v-0281a389]:focus-visible, .agreement-dialog-confirm[data-v-0281a389]:focus-visible { outline: 2px solid rgba(21, 172, 112, 0.28); outline-offset: 2px; } .agreement-dialog-body[data-v-0281a389] { min-height: 0; overflow: auto; padding: 20px 22px 10px; color: #162018; font-size: 14px; line-height: 1.8; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .agreement-intro[data-v-0281a389], .agreement-section[data-v-0281a389] { display: grid; gap: 10px; } .agreement-section[data-v-0281a389] { margin-top: 22px; } .agreement-section h4[data-v-0281a389] { margin: 0; color: #162018; font-size: 15px; font-weight: 400; line-height: 1.5; } .agreement-dialog-body p[data-v-0281a389] { margin: 0; } .agreement-dialog-foot[data-v-0281a389] { justify-content: flex-end; border-top: 1px solid #e4e4e7; background: #ffffff; } .agreement-dialog-confirm[data-v-0281a389] { min-width: 104px; height: 38px; border: 0; border-radius: 8px; background: #15ac70; color: rgba(255, 255, 255, 0.94); cursor: pointer; padding: 0 18px; transition: background-color 150ms ease; } .agreement-dialog-confirm[data-v-0281a389]:hover { background: #0f8758; } @media (max-width: 760px) { .agreement-dialog-layer[data-v-0281a389] { display: flex; align-items: center; justify-content: center; min-height: 0; overflow: hidden; padding: calc(20px + env(safe-area-inset-top, 0px)) 12px calc(20px + env(safe-area-inset-bottom, 0px)); } .agreement-dialog[data-v-0281a389] { width: min(100%, 430px); max-height: 100%; border-radius: 12px; } .agreement-dialog-head[data-v-0281a389], .agreement-dialog-foot[data-v-0281a389] { padding: 14px 16px; } .agreement-dialog-foot[data-v-0281a389] { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); } .agreement-dialog-body[data-v-0281a389] { padding: 16px; font-size: 13px; line-height: 1.75; } .agreement-dialog-head h3[data-v-0281a389] { font-size: 16px; } } .contact-code-form[data-v-9995e251] { --line: #e4e4e7; --panel: #ffffff; --soft: #f4f4f5; --text: #18181b; --muted: #71717a; --subtle: #a1a1aa; --primary: #15ac70; --green-deep: #0f8758; --danger: #dc2626; --ring: rgba(21, 172, 112, 0.28); display: grid; grid-template-rows: auto auto; min-width: 0; gap: 12px; } .auth-form-head[data-v-9995e251] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; min-height: 36px; gap: 14px; } .auth-form-head h3[data-v-9995e251] { margin: 0; color: var(--text); font-size: 16px; font-weight: 500; line-height: 1.35; } .login-tabs[data-v-9995e251] { display: flex; flex: 1 1 auto; min-width: 0; gap: 20px; border-bottom: 1px solid var(--line); } .login-tab[data-v-9995e251] { height: 36px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--text); cursor: pointer; padding: 0; transition: border-color 150ms ease, color 150ms ease; } .login-tab.active[data-v-9995e251] { color: var(--green-deep); border-bottom-color: var(--green-deep); } .text-btn[data-v-9995e251] { flex: 0 0 auto; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 13px; padding: 0; white-space: nowrap; transition: color 150ms ease; } .text-btn[data-v-9995e251]:hover { color: var(--green-deep); } .form[data-v-9995e251] { display: grid; min-height: var(--auth-form-height, 330px); grid-template-rows: minmax(0, 1fr) auto; } .form-fields[data-v-9995e251], .form-footer[data-v-9995e251] { display: grid; min-width: 0; } .form-fields[data-v-9995e251] { align-content: start; } .form-footer[data-v-9995e251] { align-self: end; gap: 14px; } .login-form[data-v-9995e251], .login-form .form-fields[data-v-9995e251] { gap: 14px; } .register-form[data-v-9995e251], .register-form .form-fields[data-v-9995e251], .register-form .form-footer[data-v-9995e251] { gap: 10px; } .field[data-v-9995e251] { display: grid; gap: 5px; } .field label[data-v-9995e251] { color: var(--text); font-size: 13px; line-height: 1.5; } input[data-v-9995e251] { width: 100%; height: 38px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); font: inherit; font-size: 14px; outline: none; padding: 0 12px; transition: border-color 180ms ease, box-shadow 180ms ease; } input[data-v-9995e251]::placeholder { color: var(--subtle); } input[data-v-9995e251]:focus { border-color: rgba(115, 115, 115, 0.36); box-shadow: 0 6px 18px rgba(23, 23, 23, 0.08); } .field.invalid input[data-v-9995e251] { border-color: rgba(220, 38, 38, 0.78); } .field.invalid input[data-v-9995e251]:focus { border-color: rgba(220, 38, 38, 0.86); box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1); } .primary[data-v-9995e251]:focus-visible, .secondary[data-v-9995e251]:focus-visible, .captcha-image-button[data-v-9995e251]:focus-visible, .login-tab[data-v-9995e251]:focus-visible, .text-btn[data-v-9995e251]:focus-visible, .agreement-link[data-v-9995e251]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } input[data-v-9995e251]:focus-visible { outline: 0; } .code-row[data-v-9995e251] { display: grid; grid-template-columns: minmax(86px, 1fr) 128px; gap: 10px; align-items: end; } .captcha-row[data-v-9995e251] { display: grid; grid-template-columns: minmax(0, 1fr) 108px; gap: 10px; align-items: end; } .field-error[data-v-9995e251] { grid-column: 1 / 2; margin: 0; color: var(--danger); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; } .row-error[data-v-9995e251] { margin-top: -4px; } .primary[data-v-9995e251] { width: 100%; height: 38px; justify-self: center; border: 0; border-radius: 8px; background: var(--primary); color: rgba(255, 255, 255, 0.94); cursor: pointer; font-weight: 400; padding: 0 34px; transition: background-color 150ms ease; } .primary[data-v-9995e251]:hover:not(:disabled) { background: var(--green-deep); } .primary[data-v-9995e251]:disabled, .secondary[data-v-9995e251]:disabled { cursor: not-allowed; opacity: 0.7; } .secondary[data-v-9995e251] { height: 38px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); cursor: pointer; padding: 0 12px; white-space: nowrap; transition: background-color 150ms ease, border-color 150ms ease; } .secondary[data-v-9995e251]:hover:not(:disabled) { background: var(--soft); } .captcha-image-button[data-v-9995e251] { display: grid; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #f7f7f7; color: var(--muted); cursor: pointer; overflow: hidden; padding: 0; transition: background-color 150ms ease, border-color 150ms ease; } .captcha-image-button[data-v-9995e251]:hover:not(:disabled) { background: var(--soft); } .captcha-image-button[data-v-9995e251]:disabled { cursor: wait; opacity: 0.72; } .captcha-image-button img[data-v-9995e251] { display: block; width: min(92px, calc(100% - 4px)); height: auto; object-fit: contain; } .captcha-image-button span[data-v-9995e251] { font-size: 13px; } .agreement-field[data-v-9995e251] { display: grid; gap: 4px; } .agreement-line[data-v-9995e251] { display: flex; align-items: flex-start; gap: 8px; color: var(--muted); font-size: 12px; line-height: 1.5; } .agreement-line span[data-v-9995e251] { min-width: 0; } .agreement-line input[data-v-9995e251] { appearance: none; display: grid; flex: 0 0 auto; width: 16px; height: 16px; margin-top: 2px; place-items: center; border: 1px solid var(--line); border-radius: 3px; background: var(--panel); cursor: pointer; padding: 0; } .agreement-line input[data-v-9995e251]:checked { border-color: var(--primary); background: var(--primary); } .agreement-line input[data-v-9995e251]:checked::after { content: ""; width: 4px; height: 8px; border: solid rgba(255, 255, 255, 0.95); border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); } .agreement-field.invalid .agreement-line[data-v-9995e251] { color: var(--danger); } .agreement-field.invalid .agreement-line input[data-v-9995e251] { border-color: var(--danger); } .agreement-link[data-v-9995e251] { border: 0; background: transparent; color: var(--green-deep); cursor: pointer; font: inherit; padding: 0; text-decoration: none; } .agreement-link[data-v-9995e251]:hover { text-decoration: underline; } .hint[data-v-9995e251] { color: var(--muted); font-size: 12px; line-height: 1.5; } @media (max-width: 760px) { .contact-code-form[data-v-9995e251] { height: auto; grid-template-rows: none; gap: 10px; } .form[data-v-9995e251] { min-height: 0; grid-template-rows: none; gap: 14px; } .login-form[data-v-9995e251], .login-form .form-fields[data-v-9995e251], .register-form[data-v-9995e251], .register-form .form-fields[data-v-9995e251], .register-form .form-footer[data-v-9995e251], .form-footer[data-v-9995e251] { gap: 10px; } .code-row[data-v-9995e251] { grid-template-columns: minmax(78px, 1fr) 128px; gap: 8px; } .captcha-row[data-v-9995e251] { grid-template-columns: minmax(0, 1fr) 104px; gap: 8px; } } @media (max-width: 380px) { .auth-form-head[data-v-9995e251] { align-items: flex-start; flex-direction: column; gap: 8px; } .login-tabs[data-v-9995e251] { width: 100%; gap: 16px; } .code-row[data-v-9995e251], .captcha-row[data-v-9995e251] { grid-template-columns: minmax(72px, 1fr) 128px; } .captcha-row[data-v-9995e251] { grid-template-columns: minmax(0, 1fr) 104px; } .secondary[data-v-9995e251] { font-size: 12px; padding: 0 6px; } .secondary[data-v-9995e251], .captcha-image-button[data-v-9995e251] { width: 100%; } .captcha-image-button[data-v-9995e251] { width: min(112px, 100%); justify-self: start; } .field-error[data-v-9995e251] { grid-column: 1 / -1; } .agreement-line[data-v-9995e251] { align-items: flex-start; } } .scan-panel[data-v-ee8cef53] { display: grid; grid-template-rows: auto minmax(204px, 1fr) auto; align-content: stretch; justify-items: center; gap: 10px; min-height: var(--auth-panel-height, 414px); min-width: 0; border: 1px solid #e4e4e7; border-radius: 12px; background: #fcfcfc; padding: 18px; } .scan-panel h3[data-v-ee8cef53] { display: grid; min-height: 36px; place-items: center; margin: 0; color: #18181b; font-size: 16px; font-weight: 500; line-height: 1.35; } .qr-card[data-v-ee8cef53] { position: relative; display: grid; width: 100%; min-height: 204px; place-items: center; border: 0; border-radius: 8px; background: transparent; overflow: hidden; padding: 14px 0 12px; box-shadow: none; } .qr-card.loading[data-v-ee8cef53] { background: #f4f4f5; } .qr-image[data-v-ee8cef53] { display: block; width: 172px; height: 172px; border-radius: 8px; object-fit: contain; } .qr-card.expired .qr-image[data-v-ee8cef53] { filter: grayscale(1); opacity: 0.34; } .qr-expired-mask[data-v-ee8cef53] { position: absolute; inset: 14px 0 12px; display: grid; place-items: center; border-radius: 8px; background: rgba(255, 255, 255, 0.88); color: #b42318; font-size: 14px; font-weight: 500; pointer-events: none; text-align: center; } .qr-placeholder[data-v-ee8cef53] { color: #a1a1aa; font-size: 13px; font-weight: 400; } .scan-actions[data-v-ee8cef53] { display: grid; justify-items: center; gap: 6px; } .scan-actions button[data-v-ee8cef53] { border: 0; background: transparent; color: #0f8758; cursor: pointer; font-size: 13px; font-weight: 400; padding: 0; } .scan-actions button[data-v-ee8cef53]:focus-visible { outline: 2px solid rgba(21, 172, 112, 0.28); outline-offset: 2px; } .scan-actions button[data-v-ee8cef53]:disabled { cursor: wait; opacity: 0.65; } .scan-actions p[data-v-ee8cef53] { min-height: 18px; margin: 0; color: #71717a; font-size: 13px; font-weight: 400; line-height: 1.6; text-align: center; } .scan-actions p.error[data-v-ee8cef53] { color: #b42318; } .auth-layer[data-v-dbd5c26d] { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: rgba(0, 0, 0, 0.16); padding: 20px; color: #18181b; font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .auth-layer[data-v-dbd5c26d] * { box-sizing: border-box; } .auth-layer button[data-v-dbd5c26d], .auth-layer input[data-v-dbd5c26d] { font: inherit; } .auth-modal[data-v-dbd5c26d] { position: relative; display: grid; grid-template-rows: auto auto; width: min(980px, calc(100vw - 56px)); height: auto; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow: hidden; border: 1px solid #e4e4e7; border-radius: 12px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 24px 70px rgba(24, 24, 27, 0.14); padding: 24px; } .close-button[data-v-dbd5c26d] { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #71717a; cursor: pointer; font-size: 22px; line-height: 1; transition: background-color 150ms ease, color 150ms ease; } .close-button span[data-v-dbd5c26d] { display: block; transform: translateY(-1px); } .close-button[data-v-dbd5c26d]:hover { background: #f4f4f5; color: #18181b; } .close-button[data-v-dbd5c26d]:focus-visible { outline: 2px solid rgba(21, 172, 112, 0.28); outline-offset: 2px; } .auth-modal-head[data-v-dbd5c26d] { display: flex; align-items: center; justify-content: space-between; gap: 14px; } .kicker[data-v-dbd5c26d] { display: block; margin: 0 0 8px; color: #71717a; font-size: 13px; line-height: 1.5; } .auth-modal-head h2[data-v-dbd5c26d] { margin: 0; color: #18181b; font-size: 26px; line-height: 1.18; font-weight: 500; } .auth-split[data-v-dbd5c26d] { --auth-form-height: 330px; --auth-panel-height: 414px; display: grid; align-items: stretch; grid-template-columns: 320px minmax(0, 1fr); gap: 20px; margin-top: 18px; } .auth-form-panel[data-v-dbd5c26d] { min-width: 0; min-height: var(--auth-panel-height); display: grid; grid-template-rows: auto auto; align-content: start; gap: 12px; border: 1px solid #e4e4e7; border-radius: 12px; background: #ffffff; padding: 18px; } .error-text[data-v-dbd5c26d] { margin: 0; border: 1px solid rgba(220, 70, 70, 0.18); border-radius: 8px; background: rgba(255, 241, 241, 0.86); color: #b42318; font-size: 13px; padding: 9px 11px; } .scan-error[data-v-dbd5c26d] { margin-top: 14px; text-align: center; } @media (max-width: 760px) { .auth-layer[data-v-dbd5c26d] { place-items: center; min-height: 100dvh; overflow: auto; padding: calc(20px + env(safe-area-inset-top, 0px)) 12px calc(20px + env(safe-area-inset-bottom, 0px)); } .auth-modal[data-v-dbd5c26d] { width: min(100%, 430px); height: min(560px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); max-height: min(560px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); min-height: 0; grid-template-rows: auto minmax(0, 1fr); padding: 18px 14px; } .auth-split[data-v-dbd5c26d] { --auth-form-height: 314px; grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr); gap: 0; min-height: 0; margin-top: 16px; } .auth-scan-panel[data-v-dbd5c26d] { display: none; } .auth-form-panel[data-v-dbd5c26d] { min-height: 0; overflow: auto; padding: 14px; } } @media (max-width: 380px) { .auth-layer[data-v-dbd5c26d] { padding-top: calc(14px + env(safe-area-inset-top, 0px)); } .auth-modal[data-v-dbd5c26d] { border-radius: 10px; padding: 16px 12px; } .auth-modal-head h2[data-v-dbd5c26d] { font-size: 22px; } } .cascader-field[data-v-76874050] { position: relative; min-width: 0; } .cascader-button[data-v-76874050] { display: grid; width: 100%; height: 40px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 1px solid #e4e4e7; border-radius: 8px; background: #ffffff; color: #18181b; cursor: pointer; font: inherit; font-size: 14px; outline: none; padding: 0 12px; text-align: left; transition: border-color 180ms ease, box-shadow 180ms ease; } .cascader-button span[data-v-76874050]:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cascader-button.empty[data-v-76874050] { color: #a1a1aa; } .cascader-button.open[data-v-76874050], .cascader-button[data-v-76874050]:focus-visible { border-color: rgba(115, 115, 115, 0.36); box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.04), 0 8px 22px rgba(23, 23, 23, 0.08); } .cascader-arrow[data-v-76874050] { color: #71717a; font-size: 14px; line-height: 1; } .cascader-pointer[data-v-76874050] { position: fixed; z-index: 1199; box-sizing: border-box; width: 12px; height: 12px; border: 1px solid rgba(228, 228, 231, 0.9); background: rgba(255, 255, 255, 0.98); pointer-events: none; transform: rotate(45deg); } .cascader-pointer.placement-bottom[data-v-76874050] { box-shadow: -3px -3px 8px rgba(24, 24, 27, 0.04); } .cascader-pointer.placement-top[data-v-76874050] { box-shadow: 3px 3px 8px rgba(24, 24, 27, 0.04); } .cascader-dialog-layer[data-v-76874050] { position: fixed; inset: 0; z-index: 1200; background: rgba(0, 0, 0, 0.18); backdrop-filter: blur(2px) saturate(1.04); -webkit-backdrop-filter: blur(2px) saturate(1.04); } .cascader-panel[data-v-76874050] { position: fixed; z-index: 1201; box-sizing: border-box; border: 1px solid rgba(228, 228, 231, 0.9); border-radius: 12px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 24px 60px rgba(24, 24, 27, 0.18), 0 6px 18px rgba(24, 24, 27, 0.08); overflow: hidden; padding: 6px; transform-origin: top left; animation: cascaderFloatIn-76874050 140ms ease-out; backdrop-filter: blur(18px) saturate(1.12); -webkit-backdrop-filter: blur(18px) saturate(1.12); } .cascader-panel.variant-dialog[data-v-76874050] { top: 50%; left: 50%; display: grid; width: min(680px, calc(100vw - 48px)); height: min(520px, calc(100dvh - 64px)); grid-template-rows: auto minmax(0, 1fr); padding: 0; transform: translate(-50%, -50%); transform-origin: center; animation: cascaderDialogIn-76874050 160ms ease-out; } .cascader-panel[data-v-76874050]:focus { outline: none; } .cascader-dialog-head[data-v-76874050] { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(228, 228, 231, 0.88); padding: 14px 16px 12px 18px; } .cascader-dialog-head h3[data-v-76874050] { margin: 0; color: #18181b; font-size: 16px; font-weight: 500; line-height: 1.4; } .cascader-close[data-v-76874050] { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #52525b; cursor: pointer; font: inherit; font-size: 20px; line-height: 1; padding: 0; } .cascader-close[data-v-76874050]:hover, .cascader-close[data-v-76874050]:focus-visible { background: #f4f4f5; color: #18181b; outline: 0; } .cascader-columns[data-v-76874050] { display: grid; max-height: inherit; grid-auto-columns: minmax(152px, 1fr); grid-auto-flow: column; overflow-x: auto; overflow-y: hidden; scrollbar-color: rgba(113, 113, 122, 0.34) transparent; scrollbar-width: thin; } .cascader-panel.variant-dialog .cascader-columns[data-v-76874050] { min-height: 0; padding: 6px; } .cascader-column[data-v-76874050] { display: grid; min-width: 0; max-height: inherit; align-content: start; overflow-y: auto; border-right: 1px solid rgba(244, 244, 245, 0.92); padding: 2px 4px; overscroll-behavior: contain; scrollbar-color: rgba(113, 113, 122, 0.32) transparent; scrollbar-gutter: stable; scrollbar-width: thin; } .cascader-column[data-v-76874050]:last-child { border-right: 0; } .cascader-option[data-v-76874050] { display: grid; min-height: 34px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 0; border-radius: 6px; background: transparent; color: #18181b; cursor: pointer; font: inherit; font-size: 13px; padding: 7px 8px; text-align: left; } .cascader-option[data-v-76874050]:hover, .cascader-option.active[data-v-76874050], .cascader-option[data-v-76874050]:focus-visible { background: #f4f4f5; color: #0f8758; outline: 0; } .cascader-option span[data-v-76874050]:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cascader-columns[data-v-76874050]::-webkit-scrollbar, .cascader-column[data-v-76874050]::-webkit-scrollbar { width: 8px; height: 8px; } .cascader-columns[data-v-76874050]::-webkit-scrollbar-track, .cascader-column[data-v-76874050]::-webkit-scrollbar-track { background: transparent; } .cascader-columns[data-v-76874050]::-webkit-scrollbar-thumb, .cascader-column[data-v-76874050]::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background-color: rgba(113, 113, 122, 0.34); background-clip: content-box; } .cascader-columns[data-v-76874050]::-webkit-scrollbar-thumb:hover, .cascader-column[data-v-76874050]::-webkit-scrollbar-thumb:hover { background-color: rgba(82, 82, 91, 0.46); } @keyframes cascaderFloatIn-76874050 { from { opacity: 0; transform: translateY(-4px) scale(0.985); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes cascaderDialogIn-76874050 { from { opacity: 0; transform: translate(-50%, -48%) scale(0.985); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } @media (max-width: 560px) { .cascader-panel.variant-dialog[data-v-76874050] { width: calc(100vw - 24px); height: min(560px, calc(100dvh - 32px)); } .cascader-columns[data-v-76874050] { grid-auto-columns: minmax(118px, 1fr); } .cascader-option[data-v-76874050] { gap: 6px; padding-right: 6px; padding-left: 6px; } } .settings-layer[data-v-acc4521d] { --line: #e4e4e7; --muted: #71717a; --panel: #ffffff; --primary: #15ac70; --primary-soft: #e8f7f1; --soft: #f4f4f5; --subtle: #a1a1aa; --text: #18181b; color: var(--text); position: fixed; inset: 0; z-index: 110; display: grid; place-items: center; background: rgba(0, 0, 0, 0.16); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; padding: 28px; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .settings-layer[data-v-acc4521d] * { box-sizing: border-box; } .settings-layer button[data-v-acc4521d], .settings-layer input[data-v-acc4521d], .settings-layer select[data-v-acc4521d] { font: inherit; } .settings-modal[data-v-acc4521d] { display: grid; width: min(1040px, calc(100vw - 72px)); height: min(650px, calc(100vh - 72px)); height: min(650px, calc(100dvh - 72px)); grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 24px 70px rgba(24, 24, 27, 0.14); padding: 0; } .settings-head[data-v-acc4521d] { display: flex; min-height: 102px; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, 0.92); padding: 24px 28px 20px; } .kicker[data-v-acc4521d] { display: block; margin: 0 0 8px; color: var(--muted); font-size: 12px; line-height: 1.5; } .settings-head h2[data-v-acc4521d] { margin: 0; color: var(--text); font-size: 26px; font-weight: 500; line-height: 1.18; } .settings-subtitle[data-v-acc4521d] { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; } .icon-button[data-v-acc4521d] { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--text); cursor: pointer; font-size: 22px; line-height: 1; transition: background-color 150ms ease, color 150ms ease; } .icon-button[data-v-acc4521d]:hover { background: var(--soft); color: var(--text); } .settings-home[data-v-acc4521d] { display: grid; min-height: 0; } .settings-layout[data-v-acc4521d] { display: grid; height: 100%; min-height: 0; grid-template-columns: 220px minmax(0, 1fr); } .settings-content[data-v-acc4521d] { min-width: 0; overflow: auto; padding: 24px 28px; scrollbar-color: rgba(113, 113, 122, 0.32) transparent; scrollbar-gutter: stable; scrollbar-width: thin; } .settings-content[data-v-acc4521d]::-webkit-scrollbar { width: 10px; height: 10px; } .settings-content[data-v-acc4521d]::-webkit-scrollbar-track { background: transparent; } .settings-content[data-v-acc4521d]::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 999px; background-color: rgba(113, 113, 122, 0.32); background-clip: content-box; } .settings-content[data-v-acc4521d]::-webkit-scrollbar-thumb:hover { background-color: rgba(82, 82, 91, 0.46); } .settings-tabs[data-v-acc4521d] { display: grid; min-height: 0; align-content: start; gap: 6px; border-right: 1px solid var(--line); background: #fafafa; padding: 18px 14px; } .settings-tab[data-v-acc4521d] { display: flex; height: 42px; align-items: center; gap: 10px; min-width: 0; border: 0; border-radius: 8px; background: transparent; color: var(--text); cursor: pointer; padding: 0 12px; text-align: left; transition: background-color 150ms ease, box-shadow 150ms ease, color 150ms ease; } .settings-tab[data-v-acc4521d]:hover { background: var(--soft); } .settings-tab.active[data-v-acc4521d] { background: var(--panel); color: #0f8758; box-shadow: 0 1px 2px rgba(24, 24, 27, 0.06), inset 0 0 0 1px var(--line); } .settings-tab-icon[data-v-acc4521d], .setting-icon[data-v-acc4521d] { flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .settings-tab-icon[data-v-acc4521d] { width: 17px; height: 17px; color: var(--muted); } .settings-tab.active .settings-tab-icon[data-v-acc4521d] { color: #0f8758; } .settings-panel[data-v-acc4521d], .settings-detail[data-v-acc4521d] { display: grid; align-content: start; gap: 16px; animation: pageIn-acc4521d 180ms ease-out; } .settings-panel h3[data-v-acc4521d] { margin: 0; color: var(--text); font-size: 16px; font-weight: 500; line-height: 1.35; } @keyframes pageIn-acc4521d { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } } .setting-list[data-v-acc4521d] { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); } .setting-row[data-v-acc4521d] { display: grid; width: 100%; min-height: 76px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 14px; border: 0; border-bottom: 1px solid var(--line); background: var(--panel); color: var(--text); cursor: pointer; padding: 14px 18px; text-align: left; transition: background-color 150ms ease, box-shadow 150ms ease; } .setting-row[data-v-acc4521d]:hover:not(:disabled) { background: var(--soft); } .setting-row[data-v-acc4521d]:disabled { cursor: default; } .setting-row[data-v-acc4521d]:last-child { border-bottom: 0; } .setting-icon[data-v-acc4521d] { width: 34px; height: 34px; border: 1px solid rgba(21, 172, 112, 0.14); border-radius: 10px; background: var(--primary-soft); color: #0f8758; padding: 8px; } .setting-copy[data-v-acc4521d] { display: grid; min-width: 0; gap: 2px; } .setting-copy strong[data-v-acc4521d] { display: block; color: var(--text); font-size: 14px; font-weight: 500; line-height: 1.35; } .setting-copy span[data-v-acc4521d] { display: block; overflow: hidden; margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; } .badge[data-v-acc4521d] { display: inline-flex; min-height: 24px; align-items: center; border-radius: 999px; background: var(--soft); color: var(--muted); font-size: 12px; padding: 0 8px; } .badge.ready[data-v-acc4521d] { background: var(--primary-soft); color: var(--primary); } .text-button[data-v-acc4521d] { display: inline-flex; width: max-content; height: 32px; align-items: center; border: 0; border-radius: 8px; background: transparent; color: #0f8758; cursor: pointer; font-size: 13px; margin-left: -10px; padding: 0 10px; } .text-button[data-v-acc4521d]:hover { background: var(--soft); } .detail-card[data-v-acc4521d] { display: grid; max-width: 620px; gap: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); padding: 20px; } .detail-copy[data-v-acc4521d] { display: grid; gap: 4px; } .detail-copy h3[data-v-acc4521d], .detail-copy p[data-v-acc4521d] { margin: 0; } .detail-copy h3[data-v-acc4521d] { display: none; } .detail-copy p[data-v-acc4521d] { color: var(--muted); font-size: 13px; line-height: 1.6; } .detail-form[data-v-acc4521d], .profile-form[data-v-acc4521d] { display: grid; gap: 14px; } .wechat-bind-panel[data-v-acc4521d] { display: grid; justify-items: center; gap: 12px; } .wechat-qr-card[data-v-acc4521d] { position: relative; display: grid; width: 206px; height: 206px; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); overflow: hidden; } .wechat-qr-card.loading[data-v-acc4521d] { background: var(--soft); } .wechat-qr-card.bound[data-v-acc4521d] { background: var(--soft); } .wechat-qr-card img[data-v-acc4521d] { display: block; width: 178px; height: 178px; border-radius: 8px; object-fit: contain; } .wechat-qr-card.expired img[data-v-acc4521d] { filter: grayscale(1); opacity: 0.34; } .wechat-qr-expired-mask[data-v-acc4521d] { position: absolute; inset: 14px; display: grid; place-items: center; border-radius: 8px; background: rgba(255, 255, 255, 0.88); pointer-events: none; text-align: center; } .wechat-qr-expired-mask span[data-v-acc4521d] { color: #c2413b; font-size: 14px; font-weight: 500; } .wechat-qr-card .wechat-avatar-image[data-v-acc4521d] { width: 132px; height: 132px; border-radius: 999px; object-fit: cover; } .wechat-qr-card span[data-v-acc4521d] { color: var(--subtle); font-size: 13px; } .wechat-qr-card .wechat-avatar-placeholder[data-v-acc4521d] { display: grid; width: 132px; height: 132px; place-items: center; border-radius: 999px; background: #15ac70; color: #ffffff; font-size: 44px; font-weight: 500; } .wechat-refresh-button[data-v-acc4521d] { width: 112px; } .field[data-v-acc4521d] { display: grid; gap: 7px; } .field span[data-v-acc4521d] { color: var(--text); font-size: 13px; line-height: 1.5; } input[data-v-acc4521d] { width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); font-size: 14px; outline: none; padding: 0 12px; transition: border-color 180ms ease, box-shadow 180ms ease; } select[data-v-acc4521d] { width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); font-size: 14px; outline: none; padding: 0 12px; transition: border-color 180ms ease, box-shadow 180ms ease; } input[data-v-acc4521d]::placeholder { color: var(--subtle); } input[data-v-acc4521d]:disabled { background: var(--soft); color: var(--muted); } input[data-v-acc4521d]:focus, select[data-v-acc4521d]:focus { border-color: rgba(115, 115, 115, 0.36); box-shadow: 0 6px 18px rgba(23, 23, 23, 0.08); } .field.invalid input[data-v-acc4521d], .field.invalid select[data-v-acc4521d] { border-color: rgba(220, 38, 38, 0.78); } .field.invalid input[data-v-acc4521d]:focus, .field.invalid select[data-v-acc4521d]:focus { border-color: rgba(220, 38, 38, 0.86); box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1); } .code-row[data-v-acc4521d] { display: grid; grid-template-columns: minmax(86px, 1fr) 128px; gap: 10px; align-items: end; } .captcha-row[data-v-acc4521d] { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 10px; align-items: end; } .captcha-image-button[data-v-acc4521d] { display: grid; height: 40px; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #f7f7f7; color: var(--muted); cursor: pointer; padding: 0; } .captcha-image-button[data-v-acc4521d]:hover:not(:disabled) { background: var(--soft); } .captcha-image-button[data-v-acc4521d]:disabled, .secondary[data-v-acc4521d]:disabled { cursor: not-allowed; opacity: 0.72; } .captcha-image-button img[data-v-acc4521d] { display: block; width: min(92px, calc(100% - 4px)); height: auto; object-fit: contain; } .captcha-image-button span[data-v-acc4521d] { font-size: 13px; } .field-error[data-v-acc4521d] { grid-column: 1 / 2; margin: 0; color: #dc2626; font-size: 12px; line-height: 18px; overflow-wrap: anywhere; } .row-error[data-v-acc4521d] { margin-top: -4px; } .primary[data-v-acc4521d], .secondary[data-v-acc4521d] { height: 40px; border-radius: 8px; cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease; } .primary[data-v-acc4521d] { width: 100%; border: 0; background: var(--primary); color: rgba(255, 255, 255, 0.94); } .primary[data-v-acc4521d]:hover { background: #0f8758; } .primary[data-v-acc4521d]:disabled { cursor: not-allowed; opacity: 0.72; } .secondary[data-v-acc4521d] { border: 1px solid var(--line); background: var(--panel); color: var(--text); white-space: nowrap; } .secondary[data-v-acc4521d]:hover { background: var(--soft); } .hint[data-v-acc4521d] { color: var(--muted); font-size: 13px; line-height: 20px; } .detail-card .primary[data-v-acc4521d] { width: auto; min-width: 148px; justify-self: start; padding: 0 28px; } .hint.error[data-v-acc4521d] { color: #dc2626; } .hint.ok[data-v-acc4521d] { color: #0f8758; } .icon-button[data-v-acc4521d]:focus-visible, .settings-tab[data-v-acc4521d]:focus-visible, .setting-row[data-v-acc4521d]:focus-visible, .text-button[data-v-acc4521d]:focus-visible, .primary[data-v-acc4521d]:focus-visible, .secondary[data-v-acc4521d]:focus-visible, .captcha-image-button[data-v-acc4521d]:focus-visible, select[data-v-acc4521d]:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(21, 172, 112, 0.28); } @media (max-width: 720px) { .settings-layer[data-v-acc4521d] { place-items: center; min-height: 100dvh; overflow: auto; padding: calc(20px + env(safe-area-inset-top, 0px)) 14px calc(20px + env(safe-area-inset-bottom, 0px)); } .settings-modal[data-v-acc4521d] { width: min(100%, 520px); height: min(620px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); min-height: 0; max-height: none; } .settings-head[data-v-acc4521d] { min-height: auto; padding: 18px 16px 14px; } .settings-head h2[data-v-acc4521d] { font-size: 22px; } .settings-layout[data-v-acc4521d] { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); } .settings-tabs[data-v-acc4521d] { grid-template-columns: repeat(2, minmax(0, 1fr)); border-right: 0; border-bottom: 1px solid var(--line); padding: 12px; } .settings-tab[data-v-acc4521d] { justify-content: center; } .settings-content[data-v-acc4521d] { padding: 18px 16px; } .detail-card[data-v-acc4521d] { max-width: none; padding: 16px; } .setting-row[data-v-acc4521d] { grid-template-columns: 34px minmax(0, 1fr); min-height: 68px; padding: 12px 14px; } .setting-row .badge[data-v-acc4521d] { grid-column: 2; justify-self: start; } .code-row[data-v-acc4521d] { grid-template-columns: minmax(78px, 1fr) 128px; } .captcha-row[data-v-acc4521d] { grid-template-columns: minmax(0, 1fr) 104px; } } @media (max-width: 380px) { .settings-layer[data-v-acc4521d] { padding: calc(14px + env(safe-area-inset-top, 0px)) 10px calc(14px + env(safe-area-inset-bottom, 0px)); } .settings-modal[data-v-acc4521d] { height: min(600px, calc(100dvh - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); min-height: 0; border-radius: 10px; } .settings-head[data-v-acc4521d] { gap: 10px; padding: 16px 12px 12px; } .settings-head h2[data-v-acc4521d] { font-size: 20px; } .settings-subtitle[data-v-acc4521d] { font-size: 12px; } .settings-tabs[data-v-acc4521d] { padding: 10px; } .settings-tab[data-v-acc4521d] { gap: 8px; padding: 0 10px; } .settings-content[data-v-acc4521d] { padding: 14px 12px; } .setting-copy span[data-v-acc4521d] { white-space: normal; } .code-row[data-v-acc4521d], .captcha-row[data-v-acc4521d] { grid-template-columns: minmax(72px, 1fr) 128px; } .captcha-row[data-v-acc4521d] { grid-template-columns: minmax(0, 1fr) 104px; } .secondary[data-v-acc4521d] { font-size: 12px; padding: 0 6px; } .secondary[data-v-acc4521d], .captcha-image-button[data-v-acc4521d] { width: 100%; } .captcha-image-button[data-v-acc4521d] { width: min(112px, 100%); justify-self: start; } .field-error[data-v-acc4521d] { grid-column: 1 / -1; } .detail-card .primary[data-v-acc4521d] { width: 100%; justify-self: stretch; } } .pdf-preview-backdrop[data-v-ed48abf2] { 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-ed48abf2] { 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-ed48abf2] { --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-ed48abf2] { 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-ed48abf2]: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-ed48abf2], .pdf-preview-panel:fullscreen .thumbnail-sidebar[data-v-ed48abf2], .pdf-preview-panel:fullscreen .pdf-page-number[data-v-ed48abf2] { display: none; } .pdf-preview-panel:fullscreen .pdf-preview-stage[data-v-ed48abf2], .pdf-preview-panel:fullscreen .pdf-viewer-content[data-v-ed48abf2] { min-height: 100%; background: #111827; } .pdf-preview-panel:fullscreen .pdf-page-scroller[data-v-ed48abf2] { display: block; overflow: auto; padding: 24px; background: #111827; } .pdf-preview-panel:fullscreen .all-pages-container[data-v-ed48abf2] { align-content: start; min-height: 100%; } .pdf-preview-panel:fullscreen .pdf-page-wrapper[data-v-ed48abf2] { max-width: 100%; max-height: none; background: transparent; box-shadow: none; } .pdf-preview-panel:fullscreen .pdf-preview-canvas[data-v-ed48abf2] { max-width: 100%; max-height: none; object-fit: contain; } .fullscreen-page-zone[data-v-ed48abf2] { display: none; } .pdf-preview-panel:fullscreen .fullscreen-page-zone[data-v-ed48abf2] { 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-ed48abf2] { left: 0; justify-content: flex-start; } .pdf-preview-panel:fullscreen .fullscreen-page-zone.next[data-v-ed48abf2] { right: 0; justify-content: flex-end; } .pdf-preview-panel:fullscreen .fullscreen-page-zone.previous[data-v-ed48abf2]:hover { background: linear-gradient(90deg, rgba(0, 0, 0, 0.32), transparent); } .pdf-preview-panel:fullscreen .fullscreen-page-zone.next[data-v-ed48abf2]:hover { background: linear-gradient(270deg, rgba(0, 0, 0, 0.32), transparent); } .fullscreen-nav-badge[data-v-ed48abf2] { 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-ed48abf2] { transform: translateX(8px); } .pdf-preview-panel:fullscreen .fullscreen-page-zone:hover .fullscreen-nav-badge[data-v-ed48abf2] { opacity: 1; transform: translateX(0); } .pdf-preview-panel:fullscreen .fullscreen-page-zone:hover:not(:disabled) .fullscreen-nav-badge[data-v-ed48abf2] { background: rgba(19, 165, 111, 0.82); } .pdf-preview-panel:fullscreen .fullscreen-page-zone[data-v-ed48abf2]:disabled { cursor: not-allowed; } .pdf-preview-panel:fullscreen .fullscreen-page-zone:disabled .fullscreen-nav-badge[data-v-ed48abf2] { opacity: 0.28; } .pdf-preview-header[data-v-ed48abf2] { 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-ed48abf2] { min-width: 0; } .pdf-preview-kicker[data-v-ed48abf2] { display: block; color: var(--pdf-preview-link-color); font-size: 12px; line-height: 16px; font-weight: 600; } .pdf-preview-title-block h2[data-v-ed48abf2] { 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-ed48abf2] { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px; } .toolbar-group[data-v-ed48abf2] { display: flex; align-items: center; gap: 6px; } .pdf-preview-actions button[data-v-ed48abf2] { 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-ed48abf2]:hover:not(:disabled) { border-color: var(--pdf-preview-link-color); color: var(--pdf-preview-link-color); } .pdf-preview-actions button[data-v-ed48abf2]:disabled { cursor: not-allowed; opacity: 0.4; } .page-control[data-v-ed48abf2] { display: flex; align-items: center; gap: 6px; min-height: 34px; color: #555555; font-size: 13px; line-height: 18px; } .page-control input[data-v-ed48abf2] { 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-ed48abf2] { color: #555555; font-size: 13px; white-space: nowrap; } .zoom-label[data-v-ed48abf2] { display: inline-flex; min-width: 46px; justify-content: center; color: #333333; font-size: 13px; line-height: 18px; font-weight: 500; } .control-divider[data-v-ed48abf2] { width: 1px; height: 24px; margin: 0 2px; background: #d8dce2; } .pdf-preview-stage[data-v-ed48abf2] { 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-ed48abf2] { height: 100%; } .pdf-viewer-content[data-v-ed48abf2] { display: flex; width: 100%; min-width: 0; min-height: 0; overflow: hidden; } .pdf-viewer-content.is-page-mode[data-v-ed48abf2] { display: block; height: 100%; } .thumbnail-sidebar[data-v-ed48abf2] { 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-ed48abf2]::-webkit-scrollbar { width: 8px; } .thumbnail-sidebar[data-v-ed48abf2]::-webkit-scrollbar-thumb { background: rgba(17, 24, 39, 0.22); border-radius: 999px; } .thumbnail-list[data-v-ed48abf2] { display: flex; flex-direction: column; gap: 10px; } .thumbnail-item[data-v-ed48abf2] { 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-ed48abf2]: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-ed48abf2] { 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-ed48abf2]:disabled { cursor: not-allowed; opacity: 0.55; } .thumbnail-canvas[data-v-ed48abf2] { 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-ed48abf2] { margin-top: 5px; font-size: 12px; line-height: 16px; } .pdf-page-scroller[data-v-ed48abf2] { 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-ed48abf2] { height: 100%; padding: 12px; } .all-pages-container[data-v-ed48abf2] { display: grid; width: 100%; justify-items: center; gap: 12px; } .pdf-page-wrapper.is-all-page[data-v-ed48abf2] { justify-content: center; min-height: min(72vh, 720px); max-width: 100%; } .pdf-page-wrapper.is-all-page .pdf-preview-canvas[data-v-ed48abf2] { max-width: 100%; height: auto; } .pdf-page-wrapper[data-v-ed48abf2] { 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-ed48abf2] { 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-ed48abf2] { display: grid; overflow: hidden; padding: 0; background: #f4f5f7; } .pdf-preview-canvas[data-v-ed48abf2] { display: block; margin: 0; background: #ffffff; } .pdf-preview-state[data-v-ed48abf2] { 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-ed48abf2] { color: #8f1d1d; } .pdf-error-card[data-v-ed48abf2] { 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-ed48abf2], .pdf-status-icon[data-v-ed48abf2] { display: grid; place-items: center; border-radius: 50%; } .pdf-error-icon[data-v-ed48abf2] { width: 42px; height: 42px; color: #8f1d1d; background: #fdecec; } .pdf-error-icon[data-v-ed48abf2]::before, .pdf-status-icon[data-v-ed48abf2]::before { content: "!"; font-size: 18px; line-height: 1; font-weight: 700; } .pdf-error-card strong[data-v-ed48abf2] { color: #333333; font-size: 16px; line-height: 22px; font-weight: 600; } .pdf-error-card p[data-v-ed48abf2] { margin: 0; color: #666666; font-size: 14px; line-height: 21px; } .pdf-error-actions[data-v-ed48abf2] { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px; } .pdf-error-actions button[data-v-ed48abf2], .pdf-error-actions a[data-v-ed48abf2], .pdf-browser-tip button[data-v-ed48abf2], .pdf-browser-tip a[data-v-ed48abf2] { 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-ed48abf2]:hover, .pdf-error-actions a[data-v-ed48abf2]:hover, .pdf-browser-tip button[data-v-ed48abf2]:hover, .pdf-browser-tip a[data-v-ed48abf2]:hover { color: #ffffff; background: var(--pdf-preview-link-hover-color); border-color: var(--pdf-preview-link-hover-color); } .pdf-browser-preview[data-v-ed48abf2] { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; text-align: left; } .pdf-browser-tip[data-v-ed48abf2] { 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-ed48abf2], .pdf-browser-tip small[data-v-ed48abf2] { display: block; } .pdf-browser-tip strong[data-v-ed48abf2] { color: #333333; font-size: 13px; line-height: 18px; font-weight: 600; } .pdf-browser-tip small[data-v-ed48abf2] { margin-top: 1px; color: #666666; font-size: 12px; line-height: 16px; } .pdf-status-icon[data-v-ed48abf2] { 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-ed48abf2]::before { font-size: 14px; } .pdf-browser-frame[data-v-ed48abf2] { display: block; width: 100%; height: 100%; min-height: 0; background: #ffffff; border: 0; } .pdf-loading-dot[data-v-ed48abf2] { 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-ed48abf2 720ms linear infinite; } .pdf-icon[data-v-ed48abf2] { 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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { -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-ed48abf2] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } @keyframes pdf-loading-ed48abf2 { to { transform: rotate(360deg); } } @media (max-width: 760px) { .pdf-preview-backdrop[data-v-ed48abf2] { padding: 0; } .pdf-preview-panel[data-v-ed48abf2] { width: 100%; height: 100%; border-radius: 0; } .pdf-preview-header[data-v-ed48abf2] { align-items: flex-start; flex-direction: column; gap: 10px; } .pdf-preview-actions[data-v-ed48abf2] { width: 100%; overflow-x: auto; justify-content: flex-start; padding-bottom: 2px; } .thumbnail-sidebar[data-v-ed48abf2] { display: none; } .pdf-page-scroller[data-v-ed48abf2] { padding: 16px; } .pdf-browser-tip[data-v-ed48abf2] { grid-template-columns: auto minmax(0, 1fr); } .pdf-browser-tip button[data-v-ed48abf2], .pdf-browser-tip a[data-v-ed48abf2] { grid-column: 2; width: fit-content; } } .product-entry[data-v-0b07cfeb] { position: relative; } .product-entry[data-v-0b07cfeb]::after { content: ""; position: absolute; top: 100%; right: 0; z-index: 1; width: 374px; height: 18px; pointer-events: none; } .product-entry[data-v-0b07cfeb]:hover::after, .product-entry[data-v-0b07cfeb]:focus-within::after { pointer-events: auto; } .product-button[data-v-0b07cfeb] { display: inline-flex; min-width: 116px; min-height: 44px; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(19, 32, 36, 0.09); border-radius: 8px; background: rgba(255, 255, 255, 0.78); color: var(--ink); cursor: pointer; font-size: 15px; font-weight: 800; line-height: 1; padding: 13px 22px; transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; } .product-button[data-v-0b07cfeb]:hover, .product-entry:hover .product-button[data-v-0b07cfeb], .product-entry:focus-within .product-button[data-v-0b07cfeb] { background: rgba(255, 255, 255, 0.95); border-color: rgba(35, 182, 199, 0.24); color: var(--aqua-dark); } .product-center-card[data-v-0b07cfeb] { position: absolute; top: calc(100% + 14px); right: 0; z-index: 2; display: grid; grid-template-columns: 156px minmax(0, 1fr); gap: 12px; width: 374px; border: 1px solid rgba(35, 182, 199, 0.18); border-radius: 8px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 22px 60px rgba(20, 62, 73, 0.18); backdrop-filter: blur(18px); opacity: 0; padding: 12px; pointer-events: none; transform: translateY(8px); transition: opacity 180ms ease, transform 180ms ease; } .product-center-card[data-v-0b07cfeb]::before { content: ""; position: absolute; top: -7px; right: 42px; width: 14px; height: 14px; border-left: 1px solid rgba(35, 182, 199, 0.18); border-top: 1px solid rgba(35, 182, 199, 0.18); background: rgba(255, 255, 255, 0.92); transform: rotate(45deg); } .product-entry:hover .product-center-card[data-v-0b07cfeb], .product-entry:focus-within .product-center-card[data-v-0b07cfeb] { opacity: 1; pointer-events: auto; transform: translateY(0); } .product-center-panel[data-v-0b07cfeb] { display: grid; min-width: 0; border: 1px solid rgba(19, 32, 36, 0.08); border-radius: 8px; background: rgba(248, 253, 253, 0.82); padding: 14px; } .qr-panel[data-v-0b07cfeb] { justify-items: center; text-align: center; } .qa-panel[data-v-0b07cfeb] { align-content: center; justify-items: start; text-align: left; } .qr-image[data-v-0b07cfeb] { display: block; width: 118px; height: 118px; border: 0; border-radius: 0; background: transparent; object-fit: contain; } .product-center-panel strong[data-v-0b07cfeb] { margin-top: 11px; color: var(--ink); font-size: 14px; line-height: 1.2; } .product-center-panel small[data-v-0b07cfeb] { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.3; } .qa-icon[data-v-0b07cfeb] { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 8px; background: linear-gradient(135deg, rgba(35, 182, 199, 0.18), rgba(117, 227, 196, 0.34)); color: var(--aqua-dark); font-size: 13px; font-weight: 900; letter-spacing: 0; } .qa-panel strong[data-v-0b07cfeb] { margin-top: 12px; } .qa-entry-button[data-v-0b07cfeb] { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; margin-top: 14px; border: 1px solid rgba(35, 182, 199, 0.24); border-radius: 8px; background: rgba(255, 255, 255, 0.76); color: var(--aqua-dark); cursor: pointer; font-size: 13px; font-weight: 800; line-height: 1; padding: 9px 14px; transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .qa-entry-button[data-v-0b07cfeb]:hover, .qa-entry-button[data-v-0b07cfeb]:focus-visible { border-color: rgba(35, 182, 199, 0.42); background: rgba(240, 253, 252, 0.96); box-shadow: 0 10px 24px rgba(35, 182, 199, 0.14); transform: translateY(-1px); } @media (max-width: 560px) { .product-entry[data-v-0b07cfeb], .product-button[data-v-0b07cfeb] { flex: 1 1 0; min-width: 0; } .product-center-card[data-v-0b07cfeb] { right: auto; left: 0; grid-template-columns: 1fr; width: min(calc(100vw - 36px), 360px); } .product-entry[data-v-0b07cfeb]::after { right: auto; left: 0; width: min(calc(100vw - 36px), 360px); } .product-center-card[data-v-0b07cfeb]::before { right: auto; left: 42px; } } .login-button[data-v-80ae4317], .user-button[data-v-80ae4317] { display: inline-flex; min-width: 116px; min-height: 44px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-size: 15px; font-weight: 800; line-height: 1; padding: 13px 22px; transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; } .login-button[data-v-80ae4317] { background: linear-gradient(135deg, var(--aqua), var(--mint)); color: #062b34; box-shadow: 0 12px 28px rgba(35, 182, 199, 0.22); } .login-button[data-v-80ae4317]:hover, .user-button[data-v-80ae4317]:hover { background: linear-gradient(135deg, #33c7d8, #8cebd0); transform: translateY(-1px); } .user-entry[data-v-80ae4317] { position: relative; } .user-button[data-v-80ae4317] { max-width: 152px; overflow: hidden; border-color: rgba(19, 32, 36, 0.09); background: rgba(255, 255, 255, 0.78); color: var(--ink); text-overflow: ellipsis; white-space: nowrap; } .user-menu[data-v-80ae4317] { position: absolute; top: calc(100% + 10px); right: 0; width: 128px; border: 1px solid rgba(35, 182, 199, 0.16); border-radius: 8px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 18px 46px rgba(20, 62, 73, 0.16); opacity: 0; padding: 6px; pointer-events: none; transform: translateY(6px); transition: opacity 180ms ease, transform 180ms ease; } .user-entry:hover .user-menu[data-v-80ae4317], .user-entry:focus-within .user-menu[data-v-80ae4317] { opacity: 1; pointer-events: auto; transform: translateY(0); } .user-menu button[data-v-80ae4317] { width: 100%; border: 0; border-radius: 8px; background: transparent; color: var(--ink-soft); cursor: pointer; font-size: 13px; font-weight: 760; padding: 9px 10px; text-align: center; } .user-menu button[data-v-80ae4317]:hover { background: rgba(35, 182, 199, 0.08); color: var(--aqua-dark); } @media (max-width: 560px) { .login-button[data-v-80ae4317], .user-entry[data-v-80ae4317], .user-button[data-v-80ae4317] { flex: 1 1 0; min-width: 0; } } .header-actions[data-v-8a9839e9] { display: flex; align-items: center; flex: 0 0 auto; gap: 14px; } @media (max-width: 980px) { .header-actions[data-v-8a9839e9] { width: 100%; justify-content: flex-end; } } @media (max-width: 560px) { .header-actions[data-v-8a9839e9] { justify-content: stretch; } } .site-header[data-v-a1b7bf67] { position: fixed; top: 0; left: 0; right: 0; z-index: 20; border-bottom: 1px solid rgba(255, 255, 255, 0.65); background: rgba(247, 251, 251, 0.82); backdrop-filter: blur(22px); } .header-main[data-v-a1b7bf67] { display: flex; align-items: center; justify-content: space-between; min-height: 78px; gap: 30px; padding: 0 clamp(20px, 5vw, 64px); } .header-left[data-v-a1b7bf67] { display: flex; align-items: center; min-width: 0; gap: clamp(28px, 4vw, 52px); } .brand[data-v-a1b7bf67] { display: flex; align-items: center; flex: 0 0 auto; } .brand-logo[data-v-a1b7bf67] { width: clamp(136px, 10vw, 166px); height: auto; } .nav-links[data-v-a1b7bf67] { display: flex; align-items: center; gap: clamp(10px, 1.5vw, 22px); min-width: 0; } .nav-links a[data-v-a1b7bf67] { position: relative; color: var(--ink-soft); font-size: 15px; font-weight: 700; line-height: 1; padding: 31px 0 29px; transition: color 180ms ease, opacity 180ms ease; } .nav-links a[data-v-a1b7bf67]:hover, .nav-links a.active[data-v-a1b7bf67] { color: var(--aqua-dark); } .nav-links a.active[data-v-a1b7bf67]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 19px; height: 2px; border-radius: 999px; background: var(--aqua); } @media (max-width: 980px) { .header-main[data-v-a1b7bf67] { align-items: flex-start; flex-direction: column; gap: 12px; padding-top: 14px; padding-bottom: 14px; } .header-left[data-v-a1b7bf67] { width: 100%; align-items: flex-start; flex-direction: column; gap: 10px; } .nav-links[data-v-a1b7bf67] { width: 100%; overflow-x: auto; padding-bottom: 4px; } .nav-links a[data-v-a1b7bf67] { flex: 0 0 auto; padding: 8px 0; } .nav-links a.active[data-v-a1b7bf67]::after { bottom: 0; } .header-actions[data-v-a1b7bf67] { width: 100%; justify-content: flex-end; } } @media (max-width: 560px) { .header-main[data-v-a1b7bf67] { padding-right: 18px; padding-left: 18px; } .brand-logo[data-v-a1b7bf67] { width: 126px; } .header-actions[data-v-a1b7bf67] { justify-content: stretch; } } .limit-overlay[data-v-fce33aeb] { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; background: rgba(0, 0, 0, 0.45); padding: 20px; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .limit-panel[data-v-fce33aeb] { width: min(300px, calc(100vw - 40px)); overflow: hidden; border-radius: 18px; box-shadow: 0 20px 52px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(16, 24, 28, 0.08); } .guest-panel[data-v-fce33aeb] { display: flex; flex-direction: column; align-items: center; background: #222426; color: #fff; padding: 28px 22px 22px; } .guest-icon[data-v-fce33aeb] { display: grid; width: 52px; height: 52px; place-items: center; margin-bottom: 16px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 28px; font-weight: 700; line-height: 1; } .guest-panel h2[data-v-fce33aeb], .user-panel h2[data-v-fce33aeb] { margin: 0; text-align: center; font-size: 18px; font-weight: 650; letter-spacing: 0; line-height: 26px; } .guest-panel h2[data-v-fce33aeb] { color: #fff; } .guest-panel p[data-v-fce33aeb] { margin: 9px 0 22px; color: #b9bcc0; font-size: 15px; line-height: 23px; text-align: center; } .guest-login-button[data-v-fce33aeb], .guest-later-button[data-v-fce33aeb], .user-close-button[data-v-fce33aeb], .service-row button[data-v-fce33aeb] { border: 0; cursor: pointer; font: inherit; } .guest-login-button[data-v-fce33aeb] { width: 100%; min-height: 46px; border-radius: 23px; background: #1fbf86; color: #fff; font-size: 16px; font-weight: 650; } .guest-login-button[data-v-fce33aeb]:hover { background: #18aa75; } .guest-later-button[data-v-fce33aeb] { margin-top: 14px; background: transparent; color: #8a8e93; font-size: 14px; line-height: 22px; } .guest-later-button[data-v-fce33aeb]:hover { color: #b9bcc0; } .user-panel[data-v-fce33aeb] { background: #fff; color: #1d2129; } .user-body[data-v-fce33aeb] { display: flex; flex-direction: column; align-items: center; padding: 24px 22px 16px; } .user-panel h2[data-v-fce33aeb] { color: #1d2129; } .user-panel p[data-v-fce33aeb] { margin: 11px 0 18px; color: #646f7f; font-size: 14px; line-height: 22px; text-align: center; } .service-qr[data-v-fce33aeb] { width: 132px; height: 132px; object-fit: contain; border: 1px solid #e4ecf3; border-radius: 11px; padding: 5px; } .service-row[data-v-fce33aeb] { display: flex; max-width: 100%; align-items: center; gap: 8px; margin-top: 13px; font-size: 14px; line-height: 22px; } .service-row span[data-v-fce33aeb] { color: #9aa0a6; white-space: nowrap; } .service-row strong[data-v-fce33aeb] { min-width: 0; color: #1d2129; font-weight: 650; overflow-wrap: anywhere; } .service-row button[data-v-fce33aeb] { flex: 0 0 auto; min-height: 28px; border-radius: 15px; background: #e9f7f0; color: #15a774; font-size: 13px; font-weight: 650; padding: 3px 12px; } .service-row button[data-v-fce33aeb]:hover { background: #d8f0e4; } .service-hint[data-v-fce33aeb] { margin: 5px 0 0 !important; color: #9aa0a6 !important; font-size: 13px !important; } .user-close-button[data-v-fce33aeb] { width: 100%; min-height: 50px; border-top: 1px solid #f0f1f3; background: #fff; color: #1fbf86; font-size: 17px; font-weight: 650; } .user-close-button[data-v-fce33aeb]:hover { background: #f8fbfa; } .guest-login-button[data-v-fce33aeb]:focus-visible, .guest-later-button[data-v-fce33aeb]:focus-visible, .user-close-button[data-v-fce33aeb]:focus-visible, .service-row button[data-v-fce33aeb]:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(31, 191, 134, 0.22); } .limit-modal-enter-active[data-v-fce33aeb], .limit-modal-leave-active[data-v-fce33aeb] { transition: opacity 150ms ease; } .limit-modal-enter-active .limit-panel[data-v-fce33aeb], .limit-modal-leave-active .limit-panel[data-v-fce33aeb] { transition: opacity 150ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1); } .limit-modal-enter-from[data-v-fce33aeb], .limit-modal-leave-to[data-v-fce33aeb] { opacity: 0; } .limit-modal-enter-from .limit-panel[data-v-fce33aeb], .limit-modal-leave-to .limit-panel[data-v-fce33aeb] { opacity: 0; transform: translateY(-8px) scale(0.98); } @media (max-width: 560px) { .limit-overlay[data-v-fce33aeb] { place-items: center; overflow: auto; padding: calc(20px + env(safe-area-inset-top, 0px)) 20px calc(20px + env(safe-area-inset-bottom, 0px)); } .limit-panel[data-v-fce33aeb] { max-height: calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); } } .dialog-backdrop[data-v-26909137] { position: fixed; z-index: 1100; inset: 0; display: grid; place-items: center; background: rgba(23, 23, 23, 0.18); padding: 20px; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .dialog-panel[data-v-26909137] { display: grid; width: min(380px, calc(100vw - 40px)); grid-template-columns: 34px minmax(0, 1fr); gap: 0 12px; border: 1px solid rgba(115, 115, 115, 0.16); border-radius: 8px; background: #fff; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.16), 0 3px 9px rgba(24, 24, 24, 0.06); color: #171717; padding: 18px; } .dialog-icon[data-v-26909137] { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; background: rgba(115, 115, 115, 0.1); color: #5b6066; } .dialog-panel.is-danger .dialog-icon[data-v-26909137] { background: rgba(199, 54, 47, 0.1); color: #c7362f; } .dialog-copy[data-v-26909137] { min-width: 0; } .dialog-copy h2[data-v-26909137] { margin: 1px 0 6px; color: #171717; font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 22px; } .dialog-copy p[data-v-26909137] { margin: 0; color: #5b6066; font-size: 13px; line-height: 20px; word-break: break-word; } .dialog-actions[data-v-26909137] { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; } .dialog-button[data-v-26909137] { display: inline-flex; min-width: 72px; height: 34px; align-items: center; justify-content: center; border: 0; border-radius: 8px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 500; line-height: 20px; padding: 0 14px; transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease; } .dialog-button.secondary[data-v-26909137] { background: rgba(115, 115, 115, 0.1); color: #31353a; } .dialog-button.secondary[data-v-26909137]:hover { background: rgba(115, 115, 115, 0.16); } .dialog-button.primary[data-v-26909137] { background: #171717; color: #fff; } .dialog-button.primary[data-v-26909137]:hover { background: #31353a; } .dialog-button.primary.is-danger[data-v-26909137] { background: #c7362f; } .dialog-button.primary.is-danger[data-v-26909137]:hover { background: #a92d28; } .dialog-button[data-v-26909137]:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(10, 184, 97, 0.16); } .chat-action-dialog-enter-active[data-v-26909137], .chat-action-dialog-leave-active[data-v-26909137] { transition: opacity 150ms ease; } .chat-action-dialog-enter-active .dialog-panel[data-v-26909137], .chat-action-dialog-leave-active .dialog-panel[data-v-26909137] { transition: opacity 150ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1); } .chat-action-dialog-enter-from[data-v-26909137], .chat-action-dialog-leave-to[data-v-26909137] { opacity: 0; } .chat-action-dialog-enter-from .dialog-panel[data-v-26909137], .chat-action-dialog-leave-to .dialog-panel[data-v-26909137] { opacity: 0; transform: translateY(-8px) scale(0.98); } @media (max-width: 560px) { .dialog-backdrop[data-v-26909137] { place-items: center; overflow: auto; padding: calc(20px + env(safe-area-inset-top, 0px)) 20px calc(20px + env(safe-area-inset-bottom, 0px)); } .dialog-panel[data-v-26909137] { min-height: 176px; } } .chat-composer[data-v-90ad6968] { position: absolute; left: 50%; bottom: var(--composer-bottom); z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; width: min(860px, calc(100% - 40px)); min-height: var(--composer-min-height); margin: 0; border: 1px solid var(--border-border-neutral-l2); border-radius: 16px; background: var(--bg-bg-base-default); box-shadow: var(--shadow-elevation-100); padding: 0; transform: translateX(-50%); transition: min-height 220ms ease, width 360ms ease, top 420ms cubic-bezier(0.22, 1, 0.36, 1), bottom 420ms cubic-bezier(0.22, 1, 0.36, 1), transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1), background 220ms ease, border-color 220ms ease, box-shadow 220ms ease; } .chat-composer.centered[data-v-90ad6968] { top: var(--empty-composer-top); bottom: auto; width: min(720px, calc(100% - 68px)); transform: translateX(-50%); } .chat-composer[data-v-90ad6968]:focus-within { border-color: rgba(115, 115, 115, 0.22); background: var(--bg-bg-base-default); box-shadow: 0 8px 22px rgba(24, 24, 24, 0.06), 0 18px 46px rgba(24, 24, 24, 0.04); transform: translateX(-50%) translateY(-2px) scale(1.005); } .composer-file-strip[data-v-90ad6968] { order: 1; display: flex; flex: 0 0 100%; gap: 6px; overflow-x: auto; padding: 10px 12px 0; scrollbar-width: thin; } .composer-file-chip[data-v-90ad6968] { display: inline-flex; min-width: 0; max-width: 220px; height: 28px; align-items: center; gap: 6px; border: 1px solid var(--border-border-neutral-l1); border-radius: 8px; background: var(--bg-bg-overlay-l1); color: var(--text-text-default); cursor: pointer; font: inherit; font-size: 12px; font-weight: 500; line-height: 18px; padding: 4px 8px; transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast); } .composer-file-chip[data-v-90ad6968]:hover { border-color: var(--border-border-neutral-l2); background: var(--bg-bg-overlay-l2); } .composer-file-chip span[data-v-90ad6968] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .composer-file-chip small[data-v-90ad6968] { flex: none; color: var(--text-text-tertiary); font-size: 11px; font-weight: 500; } .chat-composer textarea[data-v-90ad6968] { order: 2; flex: 0 0 100%; width: 100%; min-height: 68px; max-height: 150px; resize: none; border: 0; outline: 0; background: transparent; color: var(--text-text-default); font-family: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 20px; padding: 16px 16px 4px; } .chat-composer textarea[data-v-90ad6968]::placeholder { color: var(--text-text-tertiary); font-family: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 20px; } .chat-composer > button[type="submit"][data-v-90ad6968] { display: flex; width: 32px; height: 32px; flex: 0 0 auto; align-items: center; justify-content: center; border: 0; border-radius: 8px; cursor: pointer; font-size: 16px; line-height: 1; transition: background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast); } .chat-composer > button[type="submit"][data-v-90ad6968] { order: 4; margin: 8px 12px 12px auto; background: rgba(115, 115, 115, 0.16); color: #737373; cursor: not-allowed; } .chat-composer > button[type="submit"] span[data-v-90ad6968] { display: none; } .chat-composer > button[type="submit"][data-v-90ad6968]::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5L8 12.5M8 2.5L4.25 6.25M8 2.5L11.75 6.25' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5L8 12.5M8 2.5L4.25 6.25M8 2.5L11.75 6.25' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; } .chat-composer.has-content > button[type="submit"][data-v-90ad6968] { background: var(--bg-bg-brand); color: var(--text-text-onaccent); cursor: pointer; } .chat-composer.has-content > button[type="submit"][data-v-90ad6968]:hover { background: var(--bg-bg-brand-hover); } .composer-file-chip[data-v-90ad6968]:focus-visible, .chat-composer > button[type="submit"][data-v-90ad6968]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--focus-ring); } @media (max-width: 860px) { .chat-composer[data-v-90ad6968], .chat-composer.centered[data-v-90ad6968] { width: min(640px, calc(100% - 28px)); min-height: var(--composer-min-height); border-radius: 14px; } .chat-composer textarea[data-v-90ad6968] { min-height: 62px; max-height: 126px; font-size: 14px; line-height: 21px; padding: 17px 14px 5px; } .chat-composer textarea[data-v-90ad6968]::placeholder { font-size: 13px; line-height: 20px; } .chat-composer > button[type="submit"][data-v-90ad6968] { width: 30px; height: 30px; margin: 7px 10px 10px auto; } .composer-file-strip[data-v-90ad6968] { padding: 9px 10px 0; } .chat-composer.inline.centered[data-v-90ad6968] { position: static; top: auto; bottom: auto; left: auto; width: 100%; transform: none; } .chat-composer.inline.centered[data-v-90ad6968]:focus-within { transform: none; } } @media (max-width: 560px) { .chat-composer[data-v-90ad6968], .chat-composer.centered[data-v-90ad6968] { width: calc(100% - 28px); } } .image-preview-backdrop[data-v-01c6b7a7] { 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-01c6b7a7] { 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-01c6b7a7] { cursor: grab; } .image-preview-stage.is-dragging[data-v-01c6b7a7] { cursor: grabbing; } .image-preview-stage.is-dragging .image-preview-image[data-v-01c6b7a7] { pointer-events: none; } .image-preview-stage[data-v-01c6b7a7]::-webkit-scrollbar { width: 6px; height: 6px; } .image-preview-stage[data-v-01c6b7a7]::-webkit-scrollbar-track { background: transparent; } .image-preview-stage[data-v-01c6b7a7]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.32); border-radius: 999px; } .image-preview-scroll[data-v-01c6b7a7] { display: grid; min-width: 100%; min-height: 100%; place-items: center; padding: 1px; } .image-preview-image[data-v-01c6b7a7] { 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-01c6b7a7] { cursor: grab; } .image-preview-stage.is-dragging .image-preview-image[data-v-01c6b7a7] { cursor: grabbing; } .image-preview-toolbar[data-v-01c6b7a7] { 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-01c6b7a7] { 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-01c6b7a7]:hover:not(:disabled) { background: rgba(255, 255, 255, 0.16); } .image-preview-tool-button[data-v-01c6b7a7]:active:not(:disabled) { transform: scale(0.94); } .image-preview-tool-button[data-v-01c6b7a7]:disabled { cursor: not-allowed; opacity: 0.42; } .image-preview-tool-button[data-v-01c6b7a7]:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.34); outline-offset: 2px; } .image-preview-scale[data-v-01c6b7a7] { 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-01c6b7a7] { 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-01c6b7a7] { -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-01c6b7a7] { -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-01c6b7a7] { -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-close[data-v-01c6b7a7] { 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-01c6b7a7]:hover { background: rgba(255, 255, 255, 0.2); } .image-preview-close[data-v-01c6b7a7]:active { transform: scale(0.94); } .image-preview-close[data-v-01c6b7a7]:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.38); outline-offset: 2px; } .image-preview-close-icon[data-v-01c6b7a7] { 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-01c6b7a7], .image-preview-leave-active[data-v-01c6b7a7] { transition: opacity 180ms ease; } .image-preview-enter-active .image-preview-image[data-v-01c6b7a7], .image-preview-leave-active .image-preview-image[data-v-01c6b7a7] { transition: opacity 180ms ease, transform 180ms ease; } .image-preview-enter-from[data-v-01c6b7a7], .image-preview-leave-to[data-v-01c6b7a7] { opacity: 0; } .image-preview-enter-from .image-preview-image[data-v-01c6b7a7], .image-preview-leave-to .image-preview-image[data-v-01c6b7a7] { opacity: 0; transform: scale(0.98); } @media (max-width: 560px) { .image-preview-backdrop[data-v-01c6b7a7] { padding: 78px 14px 44px; } .image-preview-toolbar[data-v-01c6b7a7] { top: 14px; } .image-preview-close[data-v-01c6b7a7] { top: 14px; right: 14px; } } .markdown-table-card[data-v-6f379599] { display: grid; gap: 8px; width: 100%; max-width: 100%; margin: 8px 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 8px; } .table-toolbar[data-v-6f379599] { display: flex; min-width: 0; align-items: center; gap: 8px; } .table-toolbar strong[data-v-6f379599] { min-width: 0; overflow: hidden; color: var(--ink); font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; } .table-toolbar span[data-v-6f379599] { margin-right: auto; color: var(--muted); font-size: 12px; white-space: nowrap; } .table-toolbar button[data-v-6f379599] { flex: 0 0 auto; min-height: 28px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); padding: 0 9px; color: var(--ink-soft); font-size: 12px; cursor: pointer; } .table-toolbar button[data-v-6f379599]:hover { border-color: var(--line-heavy); color: var(--ink); } .table-scroll[data-v-6f379599] { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-color: var(--overlay-3) transparent; scrollbar-width: thin; } .table-scroll[data-v-6f379599]::-webkit-scrollbar { height: 5px; } .table-scroll[data-v-6f379599]::-webkit-scrollbar-track { background: transparent; } .table-scroll[data-v-6f379599]::-webkit-scrollbar-thumb { background: var(--overlay-3); border-radius: 999px; } table[data-v-6f379599] { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 12px; } th[data-v-6f379599], td[data-v-6f379599] { border-bottom: 1px solid var(--line); padding: 7px 10px; text-align: left; white-space: nowrap; } th[data-v-6f379599] { background: var(--overlay-1); color: var(--ink); font-weight: 650; } tr:last-child td[data-v-6f379599] { border-bottom: 0; } @media (max-width: 560px) { .markdown-table-card[data-v-6f379599] { max-width: 100%; padding: 7px; } .table-toolbar[data-v-6f379599] { flex-wrap: wrap; gap: 6px; } th[data-v-6f379599], td[data-v-6f379599] { padding: 7px 8px; } } .ppn-card[data-v-46973f61] { display: grid; align-content: start; flex: 0 0 var(--ppn-card-width, 300px); width: var(--ppn-card-width, 300px); gap: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 12px; white-space: normal; box-shadow: 0 1px 2px rgba(26, 33, 46, 0.04); } .card-main[data-v-46973f61] { display: grid; align-content: start; gap: 8px; width: 100%; border: 0; background: transparent; padding: 0; color: inherit; text-align: left; cursor: pointer; } .card-main[data-v-46973f61]:disabled { cursor: default; } .product-image[data-v-46973f61] { display: grid; width: 100%; height: 180px; place-items: center; overflow: hidden; border: 0; border-radius: 6px; background: #f7f9fb; } .product-image img[data-v-46973f61] { width: 90%; height: 100%; object-fit: contain; } .product-info[data-v-46973f61] { display: grid; min-width: 0; align-content: start; gap: 4px; } .product-brand-row[data-v-46973f61] { display: flex; min-width: 0; align-items: center; gap: 6px; height: 20px; overflow: hidden; flex-wrap: nowrap; } .product-number[data-v-46973f61] { flex: 0 1 auto; max-width: 136px; overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } .product-brand[data-v-46973f61] { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #3f4654; font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } .product-status[data-v-46973f61] { flex: 0 0 auto; border-radius: 3px; padding: 0 5px; font-size: 11px; line-height: 16px; } .product-status.is-new[data-v-46973f61] { background: rgba(191, 59, 232, 0.1); color: #bf3be8; } .product-status.is-available[data-v-46973f61] { background: rgba(58, 104, 255, 0.1); color: #3a68ff; } .product-status.is-preview[data-v-46973f61] { background: rgba(233, 130, 26, 0.1); color: #e9821a; } .product-status.is-not-recommended[data-v-46973f61] { background: rgba(219, 90, 111, 0.1); color: #db5a6f; } .product-status.is-stopped[data-v-46973f61] { background: rgba(96, 105, 108, 0.1); color: #60696c; } .product-status.is-neutral[data-v-46973f61] { background: rgba(100, 111, 127, 0.1); color: #646f7f; } .product-category[data-v-46973f61], .product-package[data-v-46973f61] { height: 18px; overflow: hidden; color: #8c99a9; font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; } .product-title[data-v-46973f61] { display: -webkit-box; height: 38px; overflow: hidden; color: #3f4654; font-size: 13px; line-height: 19px; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product-meta[data-v-46973f61] { min-width: 0; overflow: hidden; color: #8c99a9; font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; } .reference-list[data-v-46973f61] { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--line); padding-top: 8px; padding-bottom: 4px; } .reference-link[data-v-46973f61] { display: -webkit-box; overflow: hidden; border: 0; background: transparent; padding: 0; color: #3f4654; font-size: 13px; line-height: 20px; text-align: left; text-overflow: ellipsis; word-break: break-all; cursor: pointer; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .reference-link:hover .reference-title[data-v-46973f61] { color: var(--aqua-dark); } .reference-index[data-v-46973f61] { margin-right: 3px; color: #3f4654; } .reference-label[data-v-46973f61] { color: #3f4654; } .reference-title[data-v-46973f61] { color: #13a56f; text-decoration: underline; } .select-button[data-v-46973f61] { min-height: 34px; border: 2px solid var(--aqua); border-radius: 999px; background: #fff; color: var(--aqua-dark); font-size: 13px; font-weight: 600; cursor: pointer; } .select-button[data-v-46973f61]:hover { background: #dcf2e9; } .select-button[data-v-46973f61]:disabled { background: var(--overlay-3); cursor: not-allowed; } @media (max-width: 560px) { .ppn-card[data-v-46973f61] { flex-basis: min(300px, calc(100vw - 76px)); width: min(300px, calc(100vw - 76px)); } .product-image[data-v-46973f61] { height: 148px; } } .ppn-card-list[data-v-a62d2642] { --ppn-card-gap: 10px; --ppn-card-width: calc((100% - (var(--ppn-card-gap) * 1.5)) / 2.5); display: grid; gap: 10px; width: 100%; margin: 8px 0; } .card-list-header[data-v-a62d2642] { display: grid; gap: 3px; } .card-list-header strong[data-v-a62d2642] { color: var(--ink); font-size: 14px; font-weight: 650; } .card-list-header span[data-v-a62d2642], .card-list-footer[data-v-a62d2642] { margin: 0; color: var(--ink-soft); font-size: 12px; line-height: 18px; } .card-track[data-v-a62d2642] { display: flex; max-width: 100%; gap: var(--ppn-card-gap); overflow-x: auto; overscroll-behavior-x: contain; padding: 2px 0 8px; scrollbar-color: var(--overlay-3) transparent; scrollbar-width: thin; } .card-track[data-v-a62d2642]::-webkit-scrollbar { height: 5px; } .card-track[data-v-a62d2642]::-webkit-scrollbar-track { background: transparent; } .card-track[data-v-a62d2642]::-webkit-scrollbar-thumb { background: var(--overlay-3); border-radius: 999px; } .fallback-button[data-v-a62d2642] { display: grid; flex: 0 0 var(--ppn-card-width); width: var(--ppn-card-width); place-items: center; align-content: center; gap: 6px; justify-self: start; min-height: 100%; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 12px; color: var(--ink-soft); font-size: 13px; cursor: pointer; white-space: normal; } .fallback-button[data-v-a62d2642]:hover { border-color: var(--line-heavy); color: var(--ink); } .fallback-button strong[data-v-a62d2642] { color: var(--ink); font-size: 14px; font-weight: 600; } .fallback-button span[data-v-a62d2642] { color: #8c99a9; font-size: 12px; line-height: 18px; } @media (max-width: 560px) { .ppn-card-list[data-v-a62d2642] { --ppn-card-width: min(300px, calc(100vw - 76px)); overflow: hidden; } } .message-item[data-v-a8d05f56] { display: block; align-items: start; } .message-item.user[data-v-a8d05f56] { display: flex; justify-content: flex-end; } .message-item.user .message-body[data-v-a8d05f56] { max-width: min(74%, 640px); } .user-message[data-v-a8d05f56] { display: flex; max-width: 100%; align-items: flex-start; justify-content: flex-end; gap: 8px; } .user-name-mark[data-v-a8d05f56] { display: grid; width: 32px; height: 32px; flex: 0 0 auto; margin-top: 6px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #dcf2e9; color: #13a56f; font-size: 13px; font-weight: 600; line-height: 1; } .message-item.assistant .message-body[data-v-a8d05f56] { min-width: 0; max-width: 100%; } .assistant-header[data-v-a8d05f56] { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; } .assistant-logo-wrapper[data-v-a8d05f56] { position: relative; width: 33px; height: 33px; flex: 0 0 auto; } .assistant-border-rotation[data-v-a8d05f56] { position: absolute; inset: 0; z-index: 1; border-radius: 50%; background: linear-gradient(360deg, #0ff19e, #229efd); box-shadow: 0 0 3px 1.5px rgba(0, 255, 94, 0.15); animation: avatar-spin-a8d05f56 2s linear infinite,avatar-breathing-a8d05f56 2s ease-in-out infinite; } .assistant-logo-container[data-v-a8d05f56] { position: relative; z-index: 2; display: grid; width: 29px; height: 29px; margin: 2px; place-items: center; border-radius: 50%; background: #f7f9fb; } .assistant-logo[data-v-a8d05f56] { width: 24px; height: 24px; border-radius: 50%; object-fit: contain; } .assistant-status[data-v-a8d05f56] { display: flex; min-width: 0; max-width: calc(100% - 40px); align-items: center; color: #3f4654; font-size: 14px; font-weight: 500; line-height: 17px; } .assistant-status > span[data-v-a8d05f56]:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .loading-dots[data-v-a8d05f56] { display: inline-flex; flex: 0 0 auto; align-items: center; margin-left: 5px; } .loading-dots span[data-v-a8d05f56] { display: inline-block; width: 4px; height: 4px; margin-bottom: 3px; border-radius: 50%; background: #e4ecf0; box-shadow: 8px 0 0 0 #e4ecf2, 16px 0 0 0 #646f80; animation: dots-loading-a8d05f56 1.5s infinite ease-in-out both; } .message-text[data-v-a8d05f56] { max-width: 100%; color: var(--ink-soft); font-size: 14px; line-height: 22px; word-break: break-word; } .user-text[data-v-a8d05f56] { min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: #dcf2e9; color: #13a56f; padding: 10px 12px; white-space: pre-wrap; } .message-item.is-error .message-text[data-v-a8d05f56] { color: #b3261e; } .message-text[data-v-a8d05f56] p { margin: 0 0 6px; font-size: 14px; font-weight: 400; line-height: 22px; } .message-text[data-v-a8d05f56] p:last-child { margin-bottom: 0; } .message-text[data-v-a8d05f56] h1, .message-text[data-v-a8d05f56] h2, .message-text[data-v-a8d05f56] h3, .message-text[data-v-a8d05f56] h4 { margin: 10px 0 6px; color: var(--ink); font-weight: 500; } .message-text[data-v-a8d05f56] h1 { font-size: 18px; line-height: 28px; } .message-text[data-v-a8d05f56] h2 { font-size: 18px; line-height: 28px; } .message-text[data-v-a8d05f56] h3 { font-size: 16px; line-height: 26px; } .message-text[data-v-a8d05f56] h4 { font-size: 14px; line-height: 25px; } .message-text[data-v-a8d05f56] ul, .message-text[data-v-a8d05f56] ol { margin: 8px 0 8px 18px; padding-left: 0; } .message-text[data-v-a8d05f56] li { margin-bottom: 6px; font-size: 14px; line-height: 22px; } .message-text[data-v-a8d05f56] code { border-radius: 4px; background: #f5f5f5; padding: 2px 4px; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: 12px; } .message-text[data-v-a8d05f56] pre, .card-raw[data-v-a8d05f56] { overflow-x: auto; margin: 10px 0; border: 1px solid var(--line); border-radius: 8px; background: #f5f5f5; padding: 10px; color: var(--ink); font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: 12px; line-height: 18px; } .message-text[data-v-a8d05f56] pre code { background: transparent; padding: 0; color: inherit; } .message-text[data-v-a8d05f56] .table-scroll-wrap { overflow-x: auto; margin: 8px 0 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; } .message-text[data-v-a8d05f56] table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 12px; } .message-text[data-v-a8d05f56] th, .message-text[data-v-a8d05f56] td { max-width: 200px; border: 1px solid #e0e0e0; padding: 8px; text-align: left; overflow-wrap: break-word; white-space: normal; } .message-text[data-v-a8d05f56] th { background: #f5f5f5; color: var(--ink); font-weight: 500; } .message-text[data-v-a8d05f56] a { color: var(--aqua-dark); font-size: 14px; font-weight: 400; line-height: 22px; text-decoration: none; } .message-text[data-v-a8d05f56] a:hover { text-decoration: underline; } .message-text[data-v-a8d05f56] img { display: block; max-width: min(100%, 520px); max-height: 360px; margin: 8px 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); cursor: zoom-in; object-fit: contain; transition: border-color 160ms ease, box-shadow 160ms ease; } .message-text[data-v-a8d05f56] img:hover { border-color: rgba(10, 184, 97, 0.42); box-shadow: 0 4px 14px rgba(26, 33, 46, 0.1); } .message-text[data-v-a8d05f56] th img, .message-text[data-v-a8d05f56] td img { width: 100px; max-width: 100px; max-height: 100px; } .message-text[data-v-a8d05f56] blockquote { margin: 8px 0; border-left: 3px solid var(--line-heavy); padding: 2px 0 2px 12px; color: var(--ink-soft); } .message-text[data-v-a8d05f56] hr { display: none; } .message-text[data-v-a8d05f56] .image-loading { display: inline-flex; min-height: 28px; align-items: center; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); padding: 0 10px; color: var(--muted); font-size: 12px; } .message-text[data-v-a8d05f56] strong { color: var(--ink); font-weight: 600; } .message-text[data-v-a8d05f56] em { font-style: italic; } .message-text[data-v-a8d05f56] .math-inline { display: inline-block; max-width: 100%; overflow: visible; color: var(--ink); vertical-align: middle; } .message-text[data-v-a8d05f56] .math-block { display: block; overflow-x: auto; overflow-y: hidden; margin: 10px 0; padding: 8px 0; color: var(--ink); scrollbar-width: none; text-align: center; } .message-text[data-v-a8d05f56] .math-block::-webkit-scrollbar { display: none; } .message-text[data-v-a8d05f56] .katex-display { overflow: visible; margin: 0; } .message-text[data-v-a8d05f56] .math-fallback, .message-text[data-v-a8d05f56] .math-inline-fallback { border-radius: 4px; background: rgba(10, 184, 97, 0.08); padding: 0 5px; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; } .card-pending span[data-v-a8d05f56] { width: 6px; height: 6px; border-radius: 999px; background: var(--aqua); animation: thinking-bounce-a8d05f56 1s infinite ease-in-out; } .card-pending[data-v-a8d05f56] { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 8px 10px; color: var(--ink-soft); font-size: 13px; } .message-actions[data-v-a8d05f56] { display: flex; max-width: 520px; align-items: center; justify-content: flex-start; margin-top: 7px; } .message-action-group[data-v-a8d05f56] { display: flex; flex-wrap: wrap; gap: 12px; } .message-action-button[data-v-a8d05f56] { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 6px; background: transparent; padding: 0; cursor: pointer; transition: background 160ms ease, transform 160ms ease; } .message-action-button[data-v-a8d05f56]:hover, .message-action-button.active[data-v-a8d05f56] { background: var(--overlay-1); } .message-action-button.active .message-action-icon[data-v-a8d05f56], .message-action-button:hover .message-action-icon[data-v-a8d05f56] { background: var(--aqua-dark); } .message-action-button[data-v-a8d05f56]:active { transform: scale(0.92); } .message-action-button[data-v-a8d05f56]:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; } .message-action-icon[data-v-a8d05f56] { display: block; width: 18px; height: 18px; background: var(--ink-soft); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .icon-copy[data-v-a8d05f56] { -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%3Crect x='7' y='5' width='9' height='11' rx='2' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 12.5V5C4 3.89543 4.89543 3 6 3H12.5' stroke='black' stroke-width='1.7' 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%3Crect x='7' y='5' width='9' height='11' rx='2' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 12.5V5C4 3.89543 4.89543 3 6 3H12.5' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-like[data-v-a8d05f56] { -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.2 8.5L9.1 3.8C9.6 3 10.8 3.3 10.8 4.3V7H14.5C15.6 7 16.4 8.1 16.1 9.1L14.7 14.3C14.5 15 13.9 15.5 13.2 15.5H6.2M6.2 8.5V15.5M6.2 8.5H4.5C3.7 8.5 3 9.2 3 10V14C3 14.8 3.7 15.5 4.5 15.5H6.2' stroke='black' stroke-width='1.7' 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.2 8.5L9.1 3.8C9.6 3 10.8 3.3 10.8 4.3V7H14.5C15.6 7 16.4 8.1 16.1 9.1L14.7 14.3C14.5 15 13.9 15.5 13.2 15.5H6.2M6.2 8.5V15.5M6.2 8.5H4.5C3.7 8.5 3 9.2 3 10V14C3 14.8 3.7 15.5 4.5 15.5H6.2' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-like-filled[data-v-a8d05f56] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 8.6L9.3 4C9.9 3 11.4 3.4 11.4 4.6V7H14.6C15.9 7 16.9 8.3 16.5 9.5L15.1 14.4C14.8 15.3 14 16 13 16H6.5V8.6Z'/%3E%3Cpath d='M3 10C3 9.2 3.7 8.5 4.5 8.5H5.5V16H4.5C3.7 16 3 15.3 3 14.5V10Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 8.6L9.3 4C9.9 3 11.4 3.4 11.4 4.6V7H14.6C15.9 7 16.9 8.3 16.5 9.5L15.1 14.4C14.8 15.3 14 16 13 16H6.5V8.6Z'/%3E%3Cpath d='M3 10C3 9.2 3.7 8.5 4.5 8.5H5.5V16H4.5C3.7 16 3 15.3 3 14.5V10Z'/%3E%3C/svg%3E"); } .icon-dislike[data-v-a8d05f56] { transform: rotate(180deg); } .icon-dislike[data-v-a8d05f56] { -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.2 8.5L9.1 3.8C9.6 3 10.8 3.3 10.8 4.3V7H14.5C15.6 7 16.4 8.1 16.1 9.1L14.7 14.3C14.5 15 13.9 15.5 13.2 15.5H6.2M6.2 8.5V15.5M6.2 8.5H4.5C3.7 8.5 3 9.2 3 10V14C3 14.8 3.7 15.5 4.5 15.5H6.2' stroke='black' stroke-width='1.7' 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.2 8.5L9.1 3.8C9.6 3 10.8 3.3 10.8 4.3V7H14.5C15.6 7 16.4 8.1 16.1 9.1L14.7 14.3C14.5 15 13.9 15.5 13.2 15.5H6.2M6.2 8.5V15.5M6.2 8.5H4.5C3.7 8.5 3 9.2 3 10V14C3 14.8 3.7 15.5 4.5 15.5H6.2' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-dislike-filled[data-v-a8d05f56] { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 8.6L9.3 4C9.9 3 11.4 3.4 11.4 4.6V7H14.6C15.9 7 16.9 8.3 16.5 9.5L15.1 14.4C14.8 15.3 14 16 13 16H6.5V8.6Z'/%3E%3Cpath d='M3 10C3 9.2 3.7 8.5 4.5 8.5H5.5V16H4.5C3.7 16 3 15.3 3 14.5V10Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 8.6L9.3 4C9.9 3 11.4 3.4 11.4 4.6V7H14.6C15.9 7 16.9 8.3 16.5 9.5L15.1 14.4C14.8 15.3 14 16 13 16H6.5V8.6Z'/%3E%3Cpath d='M3 10C3 9.2 3.7 8.5 4.5 8.5H5.5V16H4.5C3.7 16 3 15.3 3 14.5V10Z'/%3E%3C/svg%3E"); transform: rotate(180deg); } .icon-reask[data-v-a8d05f56] { -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"); } @keyframes avatar-spin-a8d05f56 { to { transform: rotate(360deg); } } @keyframes avatar-breathing-a8d05f56 { 0%, 100% { box-shadow: 0 0 3px 1.5px rgba(0, 255, 94, 0.15); } 50% { box-shadow: 0 0 5px 2.5px rgba(0, 255, 94, 0.25); } } @keyframes dots-loading-a8d05f56 { 0%, 100% { background: #e4ecf0; box-shadow: 8px 0 0 0 #e4ecf2, 16px 0 0 0 #646f80; } 33.33% { background: #e4ecf2; box-shadow: 8px 0 0 0 #646f80, 16px 0 0 0 #e4ecf0; } 66.66% { background: #646f80; box-shadow: 8px 0 0 0 #e4ecf0, 16px 0 0 0 #e4ecf2; } } @keyframes thinking-bounce-a8d05f56 { 0%, 80%, 100% { opacity: 0.35; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } } @media (max-width: 560px) { .message-item.user .message-body[data-v-a8d05f56] { max-width: 86%; } .user-message[data-v-a8d05f56] { gap: 6px; } .user-name-mark[data-v-a8d05f56] { width: 28px; height: 28px; margin-top: 4px; font-size: 12px; } .user-text[data-v-a8d05f56] { border-radius: 10px; padding: 9px 11px; } .assistant-header[data-v-a8d05f56] { gap: 6px; margin-bottom: 8px; } .assistant-logo-wrapper[data-v-a8d05f56] { width: 29px; height: 29px; } .assistant-logo-container[data-v-a8d05f56] { width: 25px; height: 25px; } .assistant-logo[data-v-a8d05f56] { width: 21px; height: 21px; } .assistant-status[data-v-a8d05f56] { font-size: 13px; line-height: 16px; } .message-text[data-v-a8d05f56] img { max-width: 100%; max-height: 280px; } .message-text[data-v-a8d05f56] pre, .card-raw[data-v-a8d05f56] { max-width: 100%; font-size: 11px; line-height: 17px; } .message-text[data-v-a8d05f56] .table-scroll-wrap { max-width: 100%; } .message-actions[data-v-a8d05f56] { margin-top: 5px; } .message-action-group[data-v-a8d05f56] { gap: 8px; } .message-action-button[data-v-a8d05f56] { width: 28px; height: 28px; } } .chat-conversation[data-v-ecca351b] { position: relative; min-height: 0; padding-top: var(--conversation-top-padding, 0px); } .chat-content[data-v-ecca351b] { min-height: 0; height: calc(100% - var(--conversation-top-padding, 0px)); overflow-y: auto; padding: var(--conversation-scroll-top-padding, 30px) var(--conversation-side-padding, clamp(20px, 6vw, 92px)) var(--composer-clearance, 202px); scroll-padding-bottom: var(--composer-clearance, 202px); scrollbar-color: var(--overlay-3) transparent; scrollbar-width: thin; } .chat-content[data-v-ecca351b]::-webkit-scrollbar { width: 6px; } .chat-content[data-v-ecca351b]::-webkit-scrollbar-button { display: none; width: 0; height: 0; border: 0; background: transparent; } .chat-content[data-v-ecca351b]::-webkit-scrollbar-button:single-button, .chat-content[data-v-ecca351b]::-webkit-scrollbar-button:vertical:start:decrement, .chat-content[data-v-ecca351b]::-webkit-scrollbar-button:vertical:end:increment { display: none; width: 0; height: 0; border: 0; background: transparent; } .chat-content[data-v-ecca351b]::-webkit-scrollbar-track { background: transparent; } .chat-content[data-v-ecca351b]::-webkit-scrollbar-thumb { background: var(--overlay-3); border-radius: 999px; } .chat-content.is-empty[data-v-ecca351b] { display: grid; align-items: start; justify-items: center; padding-top: calc(clamp(86px, 17vh, 142px) + var(--empty-stack-offset, 0px)); padding-top: calc(clamp(86px, 17dvh, 142px) + var(--empty-stack-offset, 0px)); } .welcome-panel[data-v-ecca351b] { width: min(860px, 100%); text-align: center; opacity: 1; transform: translateY(0) scale(1); transform-origin: center; transition: opacity 260ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1), filter 260ms ease; } .welcome-panel h1[data-v-ecca351b] { margin: 0; color: #18181b; font-size: 32px; font-weight: 400; letter-spacing: 0; line-height: 1.25; } .welcome-title-accent[data-v-ecca351b] { color: var(--aqua); } .message-list[data-v-ecca351b] { display: grid; gap: 24px; width: min(840px, 100%); margin: 0 auto; } .back-to-bottom[data-v-ecca351b] { position: absolute; right: max(calc((100% - 860px) / 2), 20px); bottom: calc(var(--composer-bottom, 48px) + var(--composer-min-height, 118px) + 20px); z-index: 3; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink-soft); font-size: 20px; line-height: 1; box-shadow: var(--shadow-soft); cursor: pointer; } .back-to-bottom[data-v-ecca351b]:hover { border-color: rgba(10, 184, 97, 0.38); color: var(--aqua-dark); } @media (max-width: 860px) { .chat-content[data-v-ecca351b] { padding: 18px 16px var(--composer-clearance, 202px); } .chat-content.is-empty[data-v-ecca351b] { padding-top: var(--empty-welcome-top, 58px); overflow: hidden; } .welcome-panel h1[data-v-ecca351b] { font-size: 24px; line-height: 32px; } .message-list[data-v-ecca351b] { gap: 18px; } } @media (max-width: 560px) { .chat-content[data-v-ecca351b] { padding: 16px 14px var(--composer-clearance, 202px); } .chat-content.is-empty[data-v-ecca351b] { padding-top: var(--empty-welcome-top, 52px); } .welcome-panel h1[data-v-ecca351b] { font-size: 22px; line-height: 30px; } .back-to-bottom[data-v-ecca351b] { right: 16px; } } .feedback-layer[data-v-e2d12a33] { position: fixed; inset: 0; z-index: 80; display: grid; align-items: center; background: rgba(17, 18, 20, 0.28); padding: 24px 0; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .feedback-panel[data-v-e2d12a33] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(640px, calc(100% - 24px)); max-height: min(78vh, 640px); max-height: min(78dvh, 640px); margin: 0 auto; overflow: hidden; border: 1px solid rgba(77, 107, 153, 0.18); border-radius: 12px 12px 8px 8px; background: #fff; box-shadow: 0 18px 56px rgba(26, 33, 46, 0.2); } .feedback-header[data-v-e2d12a33], .feedback-footer[data-v-e2d12a33] { display: flex; align-items: center; gap: 10px; padding: 14px 18px; } .feedback-header[data-v-e2d12a33] { justify-content: space-between; border-bottom: 1px solid rgba(77, 107, 153, 0.12); } .feedback-header strong[data-v-e2d12a33] { color: #31353a; font-size: 16px; font-weight: 650; } .feedback-header button[data-v-e2d12a33] { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #5b6066; font-size: 22px; line-height: 1; cursor: pointer; } .feedback-header button[data-v-e2d12a33]:hover { background: rgba(86, 99, 119, 0.1); color: #31353a; } .feedback-body[data-v-e2d12a33] { display: grid; gap: 18px; overflow-y: auto; padding: 18px; } .feedback-loading[data-v-e2d12a33] { margin: 0; color: #8a9096; font-size: 13px; } .feedback-section[data-v-e2d12a33] { display: grid; gap: 10px; } .feedback-section h3[data-v-e2d12a33] { margin: 0; color: #31353a; font-size: 14px; font-weight: 650; } .tag-group[data-v-e2d12a33] { display: flex; flex-wrap: wrap; gap: 8px; } .tag-group button[data-v-e2d12a33] { min-height: 32px; border: 1px solid rgba(77, 107, 153, 0.18); border-radius: 6px; background: #fbfbfc; padding: 0 12px; color: #5b6066; font-size: 13px; cursor: pointer; } .tag-group button.active[data-v-e2d12a33] { border-color: rgba(10, 184, 97, 0.42); background: rgba(10, 184, 97, 0.1); color: #099e53; } @media (hover: hover) and (pointer: fine) { .tag-group button[data-v-e2d12a33]:hover:not(:disabled) { border-color: rgba(10, 184, 97, 0.42); background: rgba(10, 184, 97, 0.1); color: #099e53; } } .tag-group button[data-v-e2d12a33]:disabled { opacity: 0.5; cursor: not-allowed; } .feedback-input-wrap[data-v-e2d12a33] { position: relative; display: grid; } .feedback-input-wrap textarea[data-v-e2d12a33] { width: 100%; min-height: 112px; resize: vertical; border: 1px solid rgba(77, 107, 153, 0.18); border-radius: 8px; background: #fbfbfc; padding: 12px 14px 30px; color: #31353a; font: inherit; font-size: 14px; line-height: 22px; outline: 0; } .feedback-input-wrap textarea[data-v-e2d12a33]:focus { border-color: rgba(10, 184, 97, 0.42); box-shadow: 0 0 0 3px rgba(10, 184, 97, 0.12); } .feedback-input-wrap span[data-v-e2d12a33] { position: absolute; right: 12px; bottom: 9px; color: #8a9096; font-size: 12px; } .feedback-footer[data-v-e2d12a33] { justify-content: flex-end; border-top: 1px solid rgba(77, 107, 153, 0.12); } .feedback-footer button[data-v-e2d12a33] { min-width: 88px; min-height: 34px; border-radius: 6px; padding: 0 14px; font-size: 13px; font-weight: 600; cursor: pointer; } .ghost-button[data-v-e2d12a33] { border: 1px solid rgba(77, 107, 153, 0.18); background: #fff; color: #5b6066; } .submit-button[data-v-e2d12a33] { border: 0; background: #0ab861; color: #fff; } .submit-button[data-v-e2d12a33]:hover { background: #099e53; } .submit-button[data-v-e2d12a33]:disabled { background: rgba(86, 99, 119, 0.22); cursor: not-allowed; } @media (max-width: 560px) { .feedback-layer[data-v-e2d12a33] { align-items: center; padding: calc(20px + env(safe-area-inset-top, 0px)) 0 calc(20px + env(safe-area-inset-bottom, 0px)); } .feedback-panel[data-v-e2d12a33] { width: calc(100% - 20px); height: min(560px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); max-height: min(560px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); margin-bottom: 0; border: 1px solid rgba(77, 107, 153, 0.18); border-right: 0; border-left: 0; border-radius: 12px; } } .prompt-suggestions[data-v-d22276ac] { position: absolute; top: var(--empty-suggestions-top); left: 50%; z-index: 2; display: grid; width: min(720px, calc(100% - 68px)); gap: 8px; transform: translateX(-50%); } .prompt-suggestions-head[data-v-d22276ac] { display: flex; height: 28px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px; } .prompt-suggestions-head span[data-v-d22276ac] { color: var(--text-text-secondary); font-size: 13px; font-weight: 500; line-height: 20px; } .prompt-suggestions-head button[data-v-d22276ac] { border: 0; border-radius: 6px; background: transparent; color: var(--text-text-brand); cursor: pointer; font-size: 13px; font-weight: 500; line-height: 20px; padding: 4px 8px; transition: background-color var(--transition-fast), color var(--transition-fast); } .prompt-suggestions-head button[data-v-d22276ac]:hover { background: var(--bg-bg-overlay-l1); color: var(--text-text-default-hover); } .prompt-suggestions-list[data-v-d22276ac] { display: grid; gap: 2px; } .prompt-suggestions-list button[data-v-d22276ac] { display: flex; height: 40px; align-items: center; gap: 10px; overflow: hidden; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--text-text-default); cursor: pointer; padding: 0 10px; text-align: left; transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast); } .prompt-suggestions-list button[data-v-d22276ac]:hover { border-color: rgba(21, 172, 112, 0.35); background: #e8f7f1; } .prompt-suggestions-list strong[data-v-d22276ac] { flex: 0 0 auto; color: var(--text-text-default); font-size: 13px; font-weight: 500; line-height: 20px; } .prompt-suggestions-list span[data-v-d22276ac] { min-width: 0; overflow: hidden; color: var(--text-text-tertiary); font-size: 13px; font-weight: 400; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 560px) { .prompt-suggestions[data-v-d22276ac] { width: calc(100% - 28px); max-height: calc(100dvh - var(--empty-suggestions-top) - 28px); gap: 10px; overflow-y: auto; } .prompt-suggestions-head[data-v-d22276ac] { height: auto; } .prompt-suggestions-list[data-v-d22276ac] { gap: 6px; } .prompt-suggestions-list button[data-v-d22276ac] { height: auto; min-height: 50px; align-items: flex-start; flex-direction: column; gap: 2px; border-color: var(--border-border-neutral-l1); background: rgba(255, 255, 255, 0.72); padding: 8px 10px; } .prompt-suggestions-list strong[data-v-d22276ac], .prompt-suggestions-list span[data-v-d22276ac] { width: 100%; } .prompt-suggestions-list span[data-v-d22276ac] { text-overflow: ellipsis; white-space: nowrap; } } @media (max-width: 860px) { .prompt-suggestions.inline[data-v-d22276ac] { position: static; top: auto; left: auto; width: 100%; max-height: none; overflow: visible; transform: none; } } .account-panel[data-v-89c4626e] { position: relative; display: grid; width: 100%; min-height: 44px; flex: 0 0 auto; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; margin-top: auto; border-radius: 8px; padding: 6px; transition: background-color 150ms ease, padding 240ms cubic-bezier(0.2, 0.8, 0.2, 1); } .account-panel[data-v-89c4626e]:hover { background: var(--sidebar-hover); } .account-panel.collapsed[data-v-89c4626e] { width: 32px; min-height: 32px; grid-template-columns: 32px; justify-items: center; padding: 0; } .account-panel.collapsed[data-v-89c4626e]:hover { background: transparent; } .account-panel.collapsed .account-menu[data-v-89c4626e] { right: auto; left: 0; width: 168px; } .avatar-button[data-v-89c4626e] { display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; overflow: hidden; border: 0; border-radius: 8px; background: #262626; color: #ffffff; cursor: pointer; font-size: 13px; font-weight: 600; line-height: 1; padding: 0; transition: background-color 150ms ease, color 150ms ease; } .avatar-button[data-v-89c4626e]:hover { background: #171717; } .avatar-button img[data-v-89c4626e] { width: 100%; height: 100%; object-fit: cover; } .avatar-icon[data-v-89c4626e] { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; } .account-meta-button[data-v-89c4626e] { display: grid; min-width: 0; gap: 1px; border: 0; background: transparent; cursor: pointer; padding: 0; text-align: left; } .account-meta-button strong[data-v-89c4626e], .account-meta-button span[data-v-89c4626e] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .account-meta-button strong[data-v-89c4626e] { color: var(--sidebar-ink); font-size: 13px; font-weight: 500; line-height: 18px; } .account-meta-button span[data-v-89c4626e] { color: var(--sidebar-muted); font-size: 11px; font-weight: 400; line-height: 16px; } .account-action[data-v-89c4626e] { display: inline-flex; height: 28px; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: transparent; color: var(--sidebar-muted); cursor: pointer; font-size: 12px; font-weight: 500; line-height: 18px; padding: 0 8px; transition: background-color 150ms ease, color 150ms ease; } .account-action[data-v-89c4626e]:hover { background: var(--sidebar-hover); color: var(--sidebar-ink); } .account-menu[data-v-89c4626e] { position: absolute; right: 0; bottom: calc(100% + 8px); left: 0; z-index: 6; display: grid; gap: 4px; border: 1px solid var(--sidebar-border); border-radius: 12px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 18px 50px rgba(23, 23, 23, 0.14), 0 3px 9px rgba(24, 24, 24, 0.06); opacity: 0; padding: 6px; pointer-events: none; transform: translateY(6px); transition: opacity 150ms ease, transform 150ms ease; } .account-menu.active[data-v-89c4626e] { opacity: 1; pointer-events: auto; transform: translateY(0); } .account-menu button[data-v-89c4626e] { display: flex; min-height: 36px; align-items: center; gap: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--sidebar-ink); cursor: pointer; font-size: 13px; font-weight: 400; line-height: 18px; padding: 0 10px; text-align: left; transition: background-color 150ms ease, color 150ms ease; white-space: nowrap; } .account-menu button[data-v-89c4626e]:hover { background: var(--sidebar-hover); } .account-menu .logout[data-v-89c4626e] { margin-top: 4px; border-top: 1px solid var(--sidebar-border); border-radius: 0 0 8px 8px; padding-top: 8px; } .menu-icon[data-v-89c4626e] { flex: 0 0 auto; color: var(--sidebar-muted); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; } .avatar-button[data-v-89c4626e]:focus-visible, .account-meta-button[data-v-89c4626e]:focus-visible, .account-menu button[data-v-89c4626e]:focus-visible, .account-action[data-v-89c4626e]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--sidebar-focus); } @media (max-width: 860px) { .account-panel[data-v-89c4626e] { width: 100%; min-height: 44px; grid-template-columns: 32px minmax(0, 1fr) auto; margin-top: auto; margin-left: 0; padding: 6px; } .account-meta-button[data-v-89c4626e] { display: grid; } .account-action[data-v-89c4626e] { display: inline-flex; } .account-menu[data-v-89c4626e] { top: auto; right: 0; bottom: calc(100% + 8px); left: 0; width: auto; } } .sidebar-top[data-v-3b934da5] { display: flex; width: 100%; height: 40px; flex: 0 0 auto; align-items: center; justify-content: space-between; margin-bottom: 16px; } .sidebar-top.collapsed[data-v-3b934da5] { height: auto; justify-content: center; margin-bottom: 0; } .chat-brand[data-v-3b934da5] { display: flex; min-width: 0; max-width: 172px; height: 40px; align-items: center; border-radius: 6px; padding: 4px 2px; transition: background-color 150ms ease, opacity 180ms ease; } .chat-brand[data-v-3b934da5]:hover { background: var(--sidebar-hover); } .chat-brand img[data-v-3b934da5] { width: 146px; max-height: 32px; object-fit: contain; object-position: left center; } .sidebar-actions[data-v-3b934da5] { display: flex; align-items: center; gap: 6px; margin-left: auto; } .sidebar-top.collapsed .sidebar-actions[data-v-3b934da5] { flex-direction: column; gap: 8px; margin-left: 0; } .icon-button[data-v-3b934da5] { display: inline-flex; width: 32px; height: 32px; flex: 0 0 auto; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: transparent; color: var(--sidebar-icon); cursor: pointer; padding: 0; transition: background-color 150ms ease, color 150ms ease; } .icon-button[data-v-3b934da5]:hover { background: var(--sidebar-hover); color: var(--sidebar-ink); } .icon-button[data-v-3b934da5]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--sidebar-focus); } .collapsed-new-chat[data-v-3b934da5] { border-radius: 50%; } .collapsed-new-chat[data-v-3b934da5]:hover, .collapsed-new-chat[data-v-3b934da5]:focus-visible { background: var(--sidebar-hover); } .collapse-button svg[data-v-3b934da5] { transition: transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1); } .sidebar-top.collapsed .collapse-button svg[data-v-3b934da5] { transform: scaleX(-1); } @media (max-width: 860px) { .sidebar-top[data-v-3b934da5], .sidebar-top.collapsed[data-v-3b934da5] { height: 40px; margin-bottom: 24px; } .sidebar-actions[data-v-3b934da5], .sidebar-top.collapsed .sidebar-actions[data-v-3b934da5] { flex-direction: row; gap: 6px; } } .empty-state[data-v-d14b8fb3] { display: flex; min-height: 160px; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--empty-state-muted, var(--sidebar-muted, #737373)); font-size: 12px; font-weight: 400; line-height: 18px; text-align: center; } .empty-icon[data-v-d14b8fb3] { display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; color: var(--empty-state-muted, var(--sidebar-muted, #737373)); } .history-row[data-v-59906239] { position: relative; display: grid; width: 100%; min-height: 34px; grid-template-columns: minmax(0, 1fr); align-items: center; overflow: visible; border: 1px solid transparent; border-radius: 8px; background: transparent; transition: background-color 150ms ease, border-color 150ms ease; } .history-row[data-v-59906239]:hover, .history-row.active[data-v-59906239], .history-row.is-menu-open[data-v-59906239], .history-row.is-renaming[data-v-59906239] { background: var(--sidebar-hover); } .history-title-button[data-v-59906239] { display: flex; width: 100%; min-height: 34px; min-width: 0; align-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--sidebar-ink); cursor: pointer; font: inherit; font-size: 14px; font-weight: 400; line-height: 20px; padding: 0 6px; text-align: left; transition: padding-right 150ms ease; } .history-row:not(.is-pending):hover .history-title-button[data-v-59906239], .history-row:not(.is-pending):focus-within .history-title-button[data-v-59906239], .history-row:not(.is-pending).is-menu-open .history-title-button[data-v-59906239] { padding-right: 34px; } .history-title-button[data-v-59906239]::before { width: 6px; height: 6px; flex: 0 0 auto; border: 1px solid rgba(115, 115, 115, 0.58); border-radius: 50%; content: ""; margin-right: 7px; transition: background-color 150ms ease, border-color 150ms ease; } .history-row:hover .history-title-button[data-v-59906239]::before, .history-row.active .history-title-button[data-v-59906239]::before, .history-row.is-menu-open .history-title-button[data-v-59906239]::before { border-color: var(--sidebar-ink); } .history-row.active .history-title-button[data-v-59906239]::before { border-color: var(--sidebar-muted); background: var(--sidebar-muted); } .history-title-text[data-v-59906239] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .history-status[data-v-59906239] { flex: 0 0 auto; margin-left: 8px; color: #13a56f; font-size: 12px; line-height: 18px; white-space: nowrap; } .history-rename-input[data-v-59906239] { width: calc(100% - 8px); height: 28px; min-width: 0; margin-left: 4px; border: 1px solid rgba(115, 115, 115, 0.28); border-radius: 7px; background: #fff; color: var(--sidebar-ink); font: inherit; font-size: 14px; line-height: 20px; outline: 0; padding: 0 8px; } .history-rename-input[data-v-59906239]:focus { border-color: rgba(115, 115, 115, 0.44); } .history-actions[data-v-59906239] { position: absolute; top: 50%; right: 3px; display: flex; height: 32px; flex: 0 0 auto; align-items: center; gap: 2px; opacity: 0; pointer-events: none; transform: translateY(-50%); transition: opacity 150ms ease; } .history-row:hover .history-actions[data-v-59906239], .history-row:focus-within .history-actions[data-v-59906239], .history-row.is-menu-open .history-actions[data-v-59906239] { opacity: 1; pointer-events: auto; } .history-row.is-pending .history-actions[data-v-59906239] { display: none; } .history-icon-button[data-v-59906239] { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: transparent; color: var(--sidebar-muted); cursor: pointer; padding: 0; transition: background-color 150ms ease, color 150ms ease; } .history-icon-button[data-v-59906239]:hover, .history-icon-button.active[data-v-59906239] { background: var(--sidebar-hover); color: var(--sidebar-ink); } .history-title-button[data-v-59906239]:focus-visible, .history-icon-button[data-v-59906239]:focus-visible, .history-rename-input[data-v-59906239]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--sidebar-focus); } .history-more-wrap[data-v-59906239] { position: relative; display: inline-flex; } .history-title-tooltip[data-v-59906239] { position: fixed; z-index: 40; padding: 7px 10px; border: 1px solid var(--sidebar-border); border-radius: 8px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 8px 24px rgba(24, 24, 27, 0.14); color: var(--sidebar-ink); font-size: 13px; line-height: 1.5; pointer-events: none; transform: translateY(-50%); white-space: normal; word-break: break-word; } .history-title-tooltip[data-v-59906239]::before { position: absolute; top: 50%; left: -5px; width: 8px; height: 8px; border-bottom: 1px solid var(--sidebar-border); border-left: 1px solid var(--sidebar-border); background: rgba(255, 255, 255, 0.98); content: ""; transform: translateY(-50%) rotate(45deg); } @media (max-width: 860px) { .history-title-button[data-v-59906239] { min-height: 40px; -webkit-touch-callout: none; user-select: none; } .history-actions[data-v-59906239] { display: none; } .history-row.is-menu-open[data-v-59906239] { background: var(--sidebar-hover); } } .history-section[data-v-68e22444] { display: flex; width: 100%; min-height: 0; flex: 1 1 auto; flex-direction: column; } .history-section h2[data-v-68e22444] { display: flex; min-height: 20px; align-items: center; margin: 8px 0 12px; color: var(--sidebar-muted); font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 20px; padding: 0 6px; } .history-list[data-v-68e22444] { display: grid; min-height: 0; align-content: start; gap: 8px; overflow-x: hidden; overflow-y: auto; padding-bottom: 8px; scrollbar-color: rgba(115, 115, 115, 0.28) transparent; scrollbar-width: thin; } .history-list[data-v-68e22444]::-webkit-scrollbar { width: 6px; } .history-list[data-v-68e22444]::-webkit-scrollbar-track { background: transparent; } .history-list[data-v-68e22444]::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(115, 115, 115, 0.28); } .history-group[data-v-68e22444] { display: grid; align-content: start; gap: 0; } .history-items[data-v-68e22444] { display: grid; gap: 8px; } .search-modal-backdrop[data-v-2022ecb4] { --dialog-ink: #171717; --dialog-muted: #737373; --dialog-hover: rgba(115, 115, 115, 0.12); --dialog-border: rgba(115, 115, 115, 0.18); --dialog-focus: rgba(115, 115, 115, 0.2); --empty-state-muted: var(--dialog-muted); position: fixed; z-index: 1000; inset: 0; display: grid; place-items: start center; background: rgba(23, 23, 23, 0.18); padding: min(12vh, 96px) 16px 24px; padding: min(12dvh, 96px) 16px 24px; backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .search-dialog[data-v-2022ecb4] { width: min(560px, calc(100vw - 32px)); overflow: hidden; border: 1px solid var(--dialog-border); border-radius: 12px; background: #fafafa; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.16), 0 3px 9px rgba(24, 24, 24, 0.06); color: var(--dialog-ink); } .search-dialog-heading[data-v-2022ecb4] { display: flex; height: 52px; align-items: center; justify-content: space-between; padding: 10px 12px 8px 16px; } .search-dialog-heading h2[data-v-2022ecb4] { margin: 0; color: var(--dialog-ink); font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 20px; } .icon-button[data-v-2022ecb4] { display: inline-flex; width: 32px; height: 32px; flex: 0 0 auto; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: transparent; color: var(--dialog-muted); cursor: pointer; padding: 0; transition: background-color 150ms ease, color 150ms ease; } .icon-button[data-v-2022ecb4]:hover { background: var(--dialog-hover); color: var(--dialog-ink); } .search-field[data-v-2022ecb4] { display: flex; height: 40px; align-items: center; gap: 8px; margin: 0 12px 10px; border: 1px solid var(--dialog-border); border-radius: 8px; background: #fff; color: var(--dialog-muted); padding: 0 10px; } .search-field[data-v-2022ecb4]:focus-within { border-color: rgba(115, 115, 115, 0.36); box-shadow: 0 6px 18px rgba(23, 23, 23, 0.08); } .search-field input[data-v-2022ecb4] { min-width: 0; flex: 1 1 auto; border: 0; outline: 0; background: transparent; color: var(--dialog-ink); font: inherit; font-size: 14px; line-height: 20px; } .search-field input[data-v-2022ecb4]::placeholder { color: var(--dialog-muted); } .search-results[data-v-2022ecb4] { display: grid; max-height: min(420px, 52vh); max-height: min(420px, 52dvh); align-content: start; gap: 2px; overflow-x: hidden; overflow-y: auto; padding: 0 12px 12px; scrollbar-color: rgba(115, 115, 115, 0.28) transparent; scrollbar-width: thin; } .search-results[data-v-2022ecb4]::-webkit-scrollbar { width: 6px; } .search-results[data-v-2022ecb4]::-webkit-scrollbar-track { background: transparent; } .search-results[data-v-2022ecb4]::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(115, 115, 115, 0.28); } .search-result[data-v-2022ecb4] { display: grid; width: 100%; height: 34px; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; overflow: hidden; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--dialog-ink); cursor: pointer; font-size: 14px; font-weight: 400; line-height: 20px; padding: 6px; text-align: left; transition: background-color 150ms ease, border-color 150ms ease; } .search-result[data-v-2022ecb4]:hover, .search-result.active[data-v-2022ecb4] { background: var(--dialog-hover); } .search-result-title[data-v-2022ecb4] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-result time[data-v-2022ecb4] { min-width: max-content; color: var(--dialog-muted); font-size: 12px; line-height: 18px; white-space: nowrap; } .icon-button[data-v-2022ecb4]:focus-visible, .search-result[data-v-2022ecb4]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--dialog-focus); } .search-empty[data-v-2022ecb4] { min-height: 180px; } .search-modal-enter-active[data-v-2022ecb4], .search-modal-leave-active[data-v-2022ecb4] { transition: opacity 160ms ease; } .search-modal-enter-active .search-dialog[data-v-2022ecb4], .search-modal-leave-active .search-dialog[data-v-2022ecb4] { transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 160ms ease; } .search-modal-enter-from[data-v-2022ecb4], .search-modal-leave-to[data-v-2022ecb4] { opacity: 0; } .search-modal-enter-from .search-dialog[data-v-2022ecb4], .search-modal-leave-to .search-dialog[data-v-2022ecb4] { opacity: 0; transform: translateY(-10px) scale(0.98); } .history-menu-layer[data-v-831a7f51] { --menu-hover: rgba(115, 115, 115, 0.08); --menu-focus: rgba(115, 115, 115, 0.22); --menu-ink: #171717; position: fixed; z-index: 900; inset: 0; } .history-menu[data-v-831a7f51] { position: fixed; display: grid; width: 168px; gap: 2px; border: 1px solid rgba(115, 115, 115, 0.14); border-radius: 12px; background: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(24, 24, 24, 0.06); padding: 6px; } .history-menu button[data-v-831a7f51] { display: flex; height: 34px; align-items: center; gap: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--menu-ink); cursor: pointer; font: inherit; font-size: 14px; font-weight: 400; line-height: 20px; padding: 0 10px; text-align: left; transition: background-color 150ms ease, color 150ms ease; } .history-menu button[data-v-831a7f51]:hover { background: var(--menu-hover); } .history-menu button[data-v-831a7f51]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--menu-focus); } .history-menu button.danger[data-v-831a7f51] { color: #c7362f; } .history-menu button.danger[data-v-831a7f51]:hover { background: rgba(199, 54, 47, 0.09); } .history-menu svg[data-v-831a7f51] { flex: 0 0 auto; } .history-menu-enter-active[data-v-831a7f51], .history-menu-leave-active[data-v-831a7f51] { transition: opacity 120ms ease; } .history-menu-enter-active .history-menu[data-v-831a7f51], .history-menu-leave-active .history-menu[data-v-831a7f51] { transition: opacity 120ms ease, transform 120ms ease; } .history-menu-enter-from[data-v-831a7f51], .history-menu-leave-to[data-v-831a7f51] { opacity: 0; } .history-menu-enter-from .history-menu[data-v-831a7f51], .history-menu-leave-to .history-menu[data-v-831a7f51] { opacity: 0; transform: translateY(-4px) scale(0.98); } @media (max-width: 860px) { .history-menu[data-v-831a7f51] { width: 184px; } .history-menu button[data-v-831a7f51] { height: 42px; } } .chat-sidebar[data-v-b7078380] { --sidebar-bg: var(--chat-sidebar-bg, #f5f5f5); --sidebar-ink: #171717; --sidebar-icon: #262626; --sidebar-muted: #737373; --sidebar-hover: rgba(115, 115, 115, 0.12); --sidebar-hover-soft: rgba(115, 115, 115, 0.08); --sidebar-border: rgba(115, 115, 115, 0.18); --sidebar-focus: rgba(115, 115, 115, 0.22); position: relative; display: flex; height: 100%; min-height: 0; flex-direction: column; overflow: hidden; background: var(--sidebar-bg); color: var(--sidebar-ink); padding: 16px 12px 12px; transition: padding 240ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 180ms ease; } .chat-sidebar.collapsed[data-v-b7078380] { align-items: center; overflow: visible; padding: 16px 8px; } .nav-item[data-v-b7078380] { display: flex; width: 100%; height: 34px; align-items: center; gap: 4px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--sidebar-ink); cursor: pointer; font-size: 14px; font-weight: 400; line-height: 20px; padding: 6px; text-align: left; transition: background-color 150ms ease, border-color 150ms ease; } .nav-item[data-v-b7078380]:hover, .nav-item.active[data-v-b7078380] { background: var(--sidebar-hover); } .new-chat[data-v-b7078380], .new-chat[data-v-b7078380]:hover, .new-chat[data-v-b7078380]:focus-visible { background: transparent; } .new-chat.active[data-v-b7078380], .new-chat.active[data-v-b7078380]:hover { background: var(--sidebar-hover); } .nav-item[data-v-b7078380]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--sidebar-focus); } .new-chat[data-v-b7078380] { flex: 0 0 auto; gap: 7px; margin-bottom: 12px; } .nav-icon[data-v-b7078380] { display: flex; width: 24px; height: 24px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; background: var(--sidebar-hover-soft); color: var(--sidebar-icon); transition: background-color 150ms ease, color 150ms ease; } .new-chat:hover:not(.active) .nav-icon[data-v-b7078380], .new-chat:focus-visible:not(.active) .nav-icon[data-v-b7078380] { background: var(--sidebar-hover); } .new-chat.active .nav-icon[data-v-b7078380] { background: transparent; color: var(--sidebar-icon); } .nav-text[data-v-b7078380] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 860px) { .chat-sidebar[data-v-b7078380] { height: 100%; min-height: 0; flex-direction: column; align-items: stretch; padding: calc(28px + env(safe-area-inset-top, 0px)) 12px calc(14px + env(safe-area-inset-bottom, 0px)); } .chat-sidebar.collapsed[data-v-b7078380] { align-items: stretch; padding: calc(28px + env(safe-area-inset-top, 0px)) 12px calc(14px + env(safe-area-inset-bottom, 0px)); } .new-chat[data-v-b7078380] { display: flex; margin-top: 2px; margin-bottom: 16px; } .chat-sidebar[data-v-b7078380] .history-section { display: flex; min-height: 0; flex: 1 1 auto; } .chat-sidebar[data-v-b7078380] .history-list { min-height: 0; flex: 1 1 auto; } } .chat-page[data-v-0e318774] { --ink: #31353a; --ink-soft: #5b6066; --muted: #8a9096; --paper: #f5f5f5; --chat-sidebar-bg: #f5f5f5; --chat-frame-line: var(--chat-sidebar-bg); --chat-content-line: rgba(115, 115, 115, 0.14); --white: #ffffff; --line: var(--chat-content-line); --line-strong: #4d6b992e; --line-heavy: #4d6b995c; --aqua: #0ab861; --aqua-dark: #099e53; --mint: #32f08c; --surface: #ffffff; --surface-soft: #fbfbfc; --surface-muted: #edeff2; --overlay-1: #56637712; --overlay-2: #5663771c; --overlay-3: #56637726; --invert: #36393d; --invert-hover: #585b5f; --focus-ring: rgba(10, 184, 97, 0.16); --shadow-soft: 0 0 0.5px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08); --shadow-panel: 0 3px 10px rgba(0, 0, 0, 0.08); --bg-bg-base-default: #ffffff; --bg-bg-base-secondary: #f5f5f5; --bg-bg-base-tertiary: #ffffff; --bg-bg-menu: #f8f9fa; --bg-bg-brand: #0ab861; --bg-bg-brand-hover: #099e53; --bg-bg-overlay-l1: rgba(115, 115, 115, 0.08); --bg-bg-overlay-l2: rgba(115, 115, 115, 0.12); --bg-bg-overlay-l3: #56637726; --bg-bg-overlay-l4: #56637730; --text-text-default: #31353a; --text-text-default-hover: #111214; --text-text-default-active: #111214; --text-text-secondary: #5b6066; --text-text-tertiary: #8a9096; --text-text-disabled: #8a9096; --text-text-brand: #099e53; --text-text-onaccent: #ffffff; --icon-icon-default: #31353a; --icon-icon-secondary: #5b6066; --icon-icon-tertiary: #8a9096; --icon-icon-onbrand: #0c0c0d; --border-border-neutral-l1: #4d6b9917; --border-border-neutral-l2: #4d6b992e; --border-border-neutral-l3: #4d6b995c; --radius-radius-sm-8: 8px; --radius-radius-md-12: 12px; --radius-16: 16px; --font-size-base: 14px; --transition-fast: 150ms ease; --shadow-elevation-100: 0 0 0.5px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08); --shadow-elevation-200: 0 3px 10px rgba(0, 0, 0, 0.08); display: grid; grid-template-columns: var(--chat-sidebar-width, 300px) 10px minmax(0, 1fr); height: 100vh; height: 100dvh; min-height: 0; margin: 0; overflow: hidden; border-radius: 12px; background: var(--chat-sidebar-bg); color: var(--ink); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; padding: 8px; transition: grid-template-columns 260ms cubic-bezier(0.2, 0.8, 0.2, 1); } .chat-page.is-sidebar-collapsed[data-v-0e318774] { grid-template-columns: 64px minmax(0, 1fr); } .chat-page.is-product-detail-open[data-v-0e318774] { grid-template-columns: var(--chat-sidebar-width, 300px) 10px minmax(0, 1fr) 10px var(--product-detail-panel-width, 640px); } .chat-page.is-sidebar-collapsed.is-product-detail-open[data-v-0e318774] { grid-template-columns: 64px minmax(0, 1fr) 10px var( --product-detail-panel-width, 640px ); } .chat-page.is-sidebar-resizing[data-v-0e318774], .chat-page.is-product-detail-resizing[data-v-0e318774] { cursor: col-resize; transition: none; } .chat-page.is-sidebar-resizing .chat-shell[data-v-0e318774], .chat-page.is-product-detail-resizing .chat-shell[data-v-0e318774], .chat-page.is-product-detail-resizing .product-detail-panel[data-v-0e318774] { user-select: none; } .sidebar-resizer[data-v-0e318774], .product-detail-resizer[data-v-0e318774] { position: relative; z-index: 5; display: flex; width: 10px; min-width: 10px; height: 100%; align-items: center; align-self: stretch; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--icon-icon-tertiary); cursor: col-resize; padding: 0; touch-action: none; transition: background-color 150ms ease, color 150ms ease; } .sidebar-resizer[data-v-0e318774]::before, .product-detail-resizer[data-v-0e318774]::before { position: absolute; top: 6px; bottom: 6px; left: 50%; width: 1px; background: var(--chat-content-line); content: ""; transform: translateX(-50%); } .sidebar-resizer span[data-v-0e318774], .product-detail-resizer span[data-v-0e318774] { position: relative; width: 4px; height: 38px; border-radius: 999px; background: rgba(115, 115, 115, 0.28); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.86); transition: background-color 150ms ease, height 150ms ease; } .sidebar-resizer[data-v-0e318774]:hover, .sidebar-resizer[data-v-0e318774]:focus-visible, .product-detail-resizer[data-v-0e318774]:hover, .product-detail-resizer[data-v-0e318774]:focus-visible, .chat-page.is-sidebar-resizing .sidebar-resizer[data-v-0e318774], .chat-page.is-product-detail-resizing .product-detail-resizer[data-v-0e318774] { background: rgba(115, 115, 115, 0.08); color: var(--text-text-brand); } .sidebar-resizer:hover span[data-v-0e318774], .sidebar-resizer:focus-visible span[data-v-0e318774], .product-detail-resizer:hover span[data-v-0e318774], .product-detail-resizer:focus-visible span[data-v-0e318774], .chat-page.is-sidebar-resizing .sidebar-resizer span[data-v-0e318774], .chat-page.is-product-detail-resizing .product-detail-resizer span[data-v-0e318774] { height: 48px; background: var(--aqua); } .sidebar-resizer[data-v-0e318774]:focus-visible, .product-detail-resizer[data-v-0e318774]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--focus-ring); } .product-detail-panel[data-v-0e318774] { box-sizing: border-box; display: grid; grid-template-rows: auto minmax(0, 1fr); width: var(--product-detail-panel-width, 640px); min-width: 0; max-width: var(--product-detail-panel-width, 640px); min-height: 0; overflow: hidden; border-left: 1px solid var(--chat-content-line); border-radius: 10px; background: #ffffff; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.78), 0 0 0 1px rgba(115, 115, 115, 0.08); } .product-detail-tabbar[data-v-0e318774] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; min-width: 0; min-height: 46px; padding: 0 8px 0 0; background: #f7f7f7; } .product-detail-tab-list[data-v-0e318774] { display: flex; align-items: end; gap: 0; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .product-detail-tab-list[data-v-0e318774]::-webkit-scrollbar { height: 6px; } .product-detail-tab-list[data-v-0e318774]::-webkit-scrollbar-track { background: transparent; } .product-detail-tab-list[data-v-0e318774]::-webkit-scrollbar-thumb { background: rgba(115, 115, 115, 0.24); border-radius: 999px; } .product-detail-tab[data-v-0e318774] { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; min-width: 116px; max-width: 190px; min-height: 42px; color: #555555; background: transparent; border: 0; border-radius: 0; } .product-detail-tab.active[data-v-0e318774] { z-index: 1; color: #13a56f; background: #ffffff; border-radius: 12px 12px 0 0; } .product-detail-tab:not(.active) + .product-detail-tab[data-v-0e318774]:not(.active)::before { position: absolute; top: 12px; left: 0; width: 1px; height: 18px; background: rgba(115, 115, 115, 0.14); content: ""; pointer-events: none; } .product-detail-tab.active[data-v-0e318774]::before, .product-detail-tab.active[data-v-0e318774]::after { position: absolute; bottom: 0; width: 12px; height: 12px; content: ""; pointer-events: none; } .product-detail-tab.active[data-v-0e318774]::before { left: -12px; background: radial-gradient(circle at 0 0, transparent 12px, #ffffff 12.5px); } .product-detail-tab.active[data-v-0e318774]::after { right: -12px; background: radial-gradient( circle at 100% 0, transparent 12px, #ffffff 12.5px ); } .product-detail-tab-button[data-v-0e318774] { min-width: 0; flex: 1 1 auto; height: 100%; overflow: hidden; padding: 0 8px 0 16px; color: inherit; background: transparent; border: 0; cursor: pointer; font-size: 13px; line-height: 18px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .product-detail-tab-close[data-v-0e318774], .product-detail-close-all[data-v-0e318774] { position: relative; display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; margin: 2px 0; padding: 0; color: #777777; background: transparent; border: 0; border-radius: 999px; cursor: pointer; font-size: 0; line-height: 0; } .product-detail-tab-close[data-v-0e318774]::before, .product-detail-tab-close[data-v-0e318774]::after, .product-detail-close-all[data-v-0e318774]::before, .product-detail-close-all[data-v-0e318774]::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background: currentColor; border-radius: 999px; content: ""; transform-origin: center; } .product-detail-tab-close[data-v-0e318774]::before, .product-detail-close-all[data-v-0e318774]::before { transform: translate(-50%, -50%) rotate(45deg); } .product-detail-tab-close[data-v-0e318774]::after, .product-detail-close-all[data-v-0e318774]::after { transform: translate(-50%, -50%) rotate(-45deg); } .product-detail-tab-close[data-v-0e318774] { width: 28px; height: 28px; margin-left: 0; margin-right: 4px; } .product-detail-close-all[data-v-0e318774] { margin-left: 8px; margin-bottom: 7px; background: #ffffff; border: 1px solid rgba(115, 115, 115, 0.14); } .product-detail-tab-button[data-v-0e318774]:hover, .product-detail-tab-button[data-v-0e318774]:focus-visible, .product-detail-tab-close[data-v-0e318774]:hover, .product-detail-tab-close[data-v-0e318774]:focus-visible, .product-detail-close-all[data-v-0e318774]:hover, .product-detail-close-all[data-v-0e318774]:focus-visible { color: #13a56f; outline: 0; } .product-detail-tab-close[data-v-0e318774]:hover, .product-detail-tab-close[data-v-0e318774]:focus-visible, .product-detail-close-all[data-v-0e318774]:hover, .product-detail-close-all[data-v-0e318774]:focus-visible { background: rgba(19, 165, 111, 0.1); } .product-detail-panel-body[data-v-0e318774] { display: grid; min-width: 0; min-height: 0; overflow: hidden; } .product-detail-panel-view[data-v-0e318774] { display: none; min-width: 0; min-height: 0; overflow: hidden; } .product-detail-panel-view.active[data-v-0e318774] { display: block; } .product-detail-panel[data-v-0e318774] .product-detail-page { width: 100%; max-width: 100%; height: 100%; box-sizing: border-box; min-height: 0; overflow-x: hidden; } .product-detail-panel[data-v-0e318774] .reference-detail-page, .product-detail-panel[data-v-0e318774] .technical-paper-detail-page { width: 100%; max-width: 100%; height: 100%; box-sizing: border-box; min-height: 0; overflow-x: hidden; overflow-y: auto; } .product-detail-panel[data-v-0e318774] .product-identity-bar.is-stuck { box-shadow: none; } .product-detail-panel[data-v-0e318774] .product-hero, .product-detail-panel[data-v-0e318774] .product-identity-bar-inner, .product-detail-panel[data-v-0e318774] .product-layout, .product-detail-panel[data-v-0e318774] .reference-hero, .product-detail-panel[data-v-0e318774] .reference-layout, .product-detail-panel[data-v-0e318774] .technical-hero, .product-detail-panel[data-v-0e318774] .technical-layout { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; padding-right: 22px; padding-left: 22px; } .product-detail-panel[data-v-0e318774] .product-tabs-inner { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; padding-right: 22px; padding-left: 0; } .product-detail-panel[data-v-0e318774] .detail-section, .product-detail-panel[data-v-0e318774] .tab-panel, .product-detail-panel[data-v-0e318774] .table-scroll { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; } .product-detail-panel[data-v-0e318774] .table-scroll { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } .product-detail-panel[data-v-0e318774] .table-scroll::-webkit-scrollbar { height: 8px; } .product-detail-panel[data-v-0e318774] .table-scroll::-webkit-scrollbar-track { background: #f2f2f2; } .product-detail-panel[data-v-0e318774] .table-scroll::-webkit-scrollbar-thumb { background: #c8c8c8; border-radius: 999px; } .product-detail-panel[data-v-0e318774] .product-topbar { height: 52px; padding-right: 22px; padding-left: 22px; } .product-detail-panel[data-v-0e318774] .product-tabs { top: calc( var(--product-topbar-height, 52px) + var(--product-identity-bar-height, 86px) ); border-bottom: 1px solid #cccccc; } .product-detail-panel[data-v-0e318774] .product-tabs button { background: #f7f7f7; border-top: 3px solid transparent; border-right: 1px solid #e8e8e8; border-bottom: 1px solid transparent; border-radius: 0; } .product-detail-panel[data-v-0e318774] .product-tabs button.active { color: #13a56f; background: #ffffff; border-top-color: #13a56f; border-bottom-color: #ffffff; border-radius: 0; } .product-detail-panel[data-v-0e318774] .product-tabs button.active::before, .product-detail-panel[data-v-0e318774] .product-tabs button.active::after { display: none; } .product-detail-panel[data-v-0e318774] .reference-detail-page .sub-tabs, .product-detail-panel[data-v-0e318774] .technical-paper-detail-page .sub-tabs { overflow-x: auto; flex-wrap: nowrap; gap: 24px; scrollbar-width: none; } .product-detail-panel[data-v-0e318774] .reference-detail-page .sub-tabs::-webkit-scrollbar, .product-detail-panel[data-v-0e318774] .technical-paper-detail-page .sub-tabs::-webkit-scrollbar { display: none; } .product-detail-panel[data-v-0e318774] .reference-detail-page .sub-tabs button, .product-detail-panel[data-v-0e318774] .technical-paper-detail-page .sub-tabs button { flex: 0 0 auto; min-height: 44px; margin-right: 0; padding: 0; } .product-detail-panel[data-v-0e318774] .reference-detail-page .tab-panel, .product-detail-panel[data-v-0e318774] .technical-paper-detail-page .tab-panel { min-height: 140px; padding-top: 18px; } .mobile-sidebar-backdrop[data-v-0e318774], .mobile-chat-topbar[data-v-0e318774], .mobile-empty-greeting[data-v-0e318774] { display: none; } .empty-composer-group[data-v-0e318774] { display: contents; } .chat-shell[data-v-0e318774] { --empty-stack-offset: 20px; --empty-composer-top: calc( clamp(220px, 34vh, 286px) + var(--empty-stack-offset) ); --empty-composer-top: calc( clamp(220px, 34dvh, 286px) + var(--empty-stack-offset) ); --empty-suggestions-top: calc( clamp(238px, 38vh, 306px) + 136px + var(--empty-stack-offset) ); --empty-suggestions-top: calc( clamp(238px, 38dvh, 306px) + 136px + var(--empty-stack-offset) ); --composer-bottom: 48px; --composer-min-height: 118px; --composer-clearance: calc( var(--composer-bottom) + var(--composer-min-height) + 36px ); --chat-shell-bg: #fbfbfc; position: relative; display: grid; grid-template-rows: minmax(0, 1fr); min-height: 0; overflow: hidden; border-left: 1px solid var(--chat-content-line); border-radius: 10px; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 160px ), var(--chat-shell-bg); } .chat-shell[data-v-0e318774]::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(237, 239, 242, 0.16), rgba(251, 251, 252, 0.58) ); opacity: 0; pointer-events: none; transition: opacity 360ms ease; } .chat-shell.is-composer-centered[data-v-0e318774]::before { opacity: 1; } .chat-shell.is-guest-mode[data-v-0e318774] { grid-template-rows: auto minmax(0, 1fr); } .chat-shell.has-conversation[data-v-0e318774] { --composer-bottom: 34px; --conversation-top-padding: 30px; --conversation-scroll-top-padding: 0px; } .guest-status-bar[data-v-0e318774] { position: relative; z-index: 3; display: flex; min-height: 52px; align-items: center; gap: 12px; border-bottom: 1px solid var(--chat-content-line); background: rgba(255, 255, 255, 0.72); color: var(--text-text-secondary); font-size: 13px; line-height: 1.6; padding: 0 18px; } .chat-shell[data-v-0e318774]::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; height: calc(var(--composer-clearance, 202px) + 12px); background: linear-gradient( 180deg, rgba(251, 251, 252, 0), var(--chat-shell-bg) 30%, var(--chat-shell-bg) ); pointer-events: none; } .chat-shell.is-composer-centered[data-v-0e318774]::after { display: none; } .chat-shell.has-composer-attachments[data-v-0e318774] { --composer-clearance: calc(var(--composer-bottom) + 178px + 36px); } .chat-page.is-product-detail-open .chat-shell[data-v-0e318774] { --conversation-side-padding: 22px; } .chat-page.is-product-detail-open .chat-shell[data-v-0e318774] .message-list { width: 100%; } .chat-page.is-product-detail-open .chat-shell[data-v-0e318774] .message-item.user .message-body { max-width: min(86%, 640px); } .chat-page.is-product-detail-open .chat-shell[data-v-0e318774] .chat-composer { width: min(860px, calc(100% - 24px)); } .chat-page.is-product-detail-open .chat-shell[data-v-0e318774] .ppn-card-list { --ppn-card-width: 300px; overflow: hidden; } .ai-generated-note[data-v-0e318774] { position: absolute; right: 0; bottom: 0; left: 0; z-index: 4; background: var(--chat-shell-bg); color: rgba(115, 115, 115, 0.86); font-size: 12px; font-weight: 400; line-height: 18px; padding: 6px 20px; text-align: center; } .chat-empty-footer[data-v-0e318774] { display: flex; align-items: center; justify-content: center; min-width: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; } .chat-empty-footer[data-v-0e318774]::-webkit-scrollbar { display: none; } .chat-empty-footer[data-v-0e318774] > * { display: inline-flex; align-items: center; color: inherit; } .chat-empty-footer[data-v-0e318774] > * + *::before { content: "|"; margin: 0 9px; color: rgba(115, 115, 115, 0.36); } .chat-empty-footer a[data-v-0e318774], .chat-empty-footer button[data-v-0e318774] { border: 0; background: transparent; color: inherit; cursor: pointer; font-weight: inherit; padding: 0; text-decoration: none; transition: color 0.18s ease; } .chat-empty-footer a[data-v-0e318774]:hover, .chat-empty-footer button[data-v-0e318774]:hover { color: #171717; } .complaint-dialog-layer[data-v-0e318774] { position: fixed; inset: 0; z-index: 130; display: grid; place-items: center; padding: 24px; background: rgba(0, 0, 0, 0.16); backdrop-filter: blur(1px) saturate(1.06); -webkit-backdrop-filter: blur(1px) saturate(1.06); } .complaint-dialog[data-v-0e318774] { width: min(520px, 100%); overflow: hidden; border: 1px solid #e4e4e7; border-radius: 12px; background: #ffffff; box-shadow: 0 24px 70px rgba(24, 24, 27, 0.14); } .complaint-dialog-head[data-v-0e318774] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e4e4e7; padding: 16px 22px; } .complaint-dialog-kicker[data-v-0e318774] { display: block; margin: 0 0 8px; color: #71717a; font-size: 13px; line-height: 1.5; } .complaint-dialog-head h3[data-v-0e318774] { margin: 0; color: #162018; font-size: 18px; font-weight: 400; line-height: 26px; } .complaint-dialog-head button[data-v-0e318774] { display: inline-grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #71717a; cursor: pointer; font-size: 22px; line-height: 1; } .complaint-dialog-head button[data-v-0e318774]:hover { background: #f4f4f5; color: #18181b; } .complaint-dialog-body[data-v-0e318774] { display: grid; gap: 20px; padding: 22px; } .complaint-contact-list[data-v-0e318774] { display: grid; gap: 12px; margin: 0; } .complaint-contact-list div[data-v-0e318774] { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; align-items: baseline; border-top: 1px solid #e4e4e7; padding-top: 12px; } .complaint-contact-list dt[data-v-0e318774] { color: #162018; font-size: 14px; font-weight: 400; } .complaint-contact-list dd[data-v-0e318774] { min-width: 0; margin: 0; color: #162018; font-size: 14px; font-weight: 400; overflow-wrap: anywhere; } .complaint-contact-list a[data-v-0e318774], .complaint-phone-action[data-v-0e318774] { color: inherit; font: inherit; text-decoration: none; } .complaint-phone-action[data-v-0e318774] { border: 0; background: transparent; cursor: pointer; padding: 0; } .complaint-contact-list a[data-v-0e318774]:hover, .complaint-phone-action[data-v-0e318774]:hover { color: #162018; text-decoration: underline; text-underline-offset: 3px; } .complaint-dialog-body p[data-v-0e318774] { margin: 0; color: #162018; font-size: 15px; line-height: 26px; } @media (max-width: 860px) { .chat-page[data-v-0e318774] { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr); height: 100vh; height: 100dvh; margin: 0; border-radius: 0; background: #fbfbfc; padding: 0; } .chat-page.is-sidebar-collapsed[data-v-0e318774] { grid-template-columns: 1fr; } .chat-page.is-product-detail-open[data-v-0e318774], .chat-page.is-sidebar-collapsed.is-product-detail-open[data-v-0e318774] { grid-template-columns: 1fr; } .chat-page[data-v-0e318774] .chat-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 30; width: min(320px, 86vw); height: 100vh; height: 100dvh; box-shadow: none; pointer-events: none; transform: translateX(calc(-100% - 12px)); transition: box-shadow 220ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1); } .chat-page.is-mobile-sidebar-open[data-v-0e318774] .chat-sidebar { box-shadow: 18px 0 44px rgba(23, 23, 23, 0.12), 2px 0 8px rgba(23, 23, 23, 0.08); pointer-events: auto; transform: translateX(0); } .mobile-sidebar-backdrop[data-v-0e318774] { position: fixed; inset: 0; z-index: 24; display: block; border: 0; background: rgba(23, 23, 23, 0.22); cursor: default; padding: 0; } .sidebar-resizer[data-v-0e318774] { display: none; } .product-detail-resizer[data-v-0e318774], .product-detail-panel[data-v-0e318774] { display: none; } .chat-shell[data-v-0e318774] { --empty-stack-offset: 0px; --empty-suggestions-top: calc(50% + 104px); --mobile-chat-topbar-height: calc(52px + env(safe-area-inset-top, 0px)); --mobile-guest-status-height: 42px; --composer-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); --composer-min-height: 104px; --composer-clearance: calc( var(--composer-bottom) + var(--composer-min-height) + 22px ); grid-template-rows: auto minmax(0, 1fr); border-top: 0; border-left: 0; border-radius: 0; } .chat-shell.is-guest-mode[data-v-0e318774] { grid-template-rows: auto auto minmax(0, 1fr); } .chat-shell.is-guest-mode .empty-composer-group.active[data-v-0e318774] { top: calc( var(--mobile-chat-topbar-height) + var(--mobile-guest-status-height) ); bottom: 0; align-content: center; max-height: none; transform: translateX(-50%); } .chat-shell.has-conversation[data-v-0e318774] { --composer-bottom: calc(36px + env(safe-area-inset-bottom, 0px)); --conversation-top-padding: 0px; --conversation-scroll-top-padding: 18px; } .chat-shell.has-conversation .ai-generated-note[data-v-0e318774] { padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); } .chat-shell.is-composer-centered .ai-generated-note[data-v-0e318774] { z-index: 8; padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px)); } .chat-empty-footer[data-v-0e318774] { flex-wrap: wrap; justify-content: center; gap: 4px 10px; overflow: visible; white-space: normal; } .chat-empty-footer[data-v-0e318774] > * { max-width: 100%; min-height: 24px; justify-content: center; overflow-wrap: anywhere; text-align: center; } .chat-empty-footer[data-v-0e318774] > * + *::before { content: none; } .chat-empty-footer a[data-v-0e318774], .chat-empty-footer button[data-v-0e318774] { line-height: 20px; } .complaint-dialog-layer[data-v-0e318774] { place-items: center; padding: 12px; } .complaint-dialog[data-v-0e318774] { display: grid; width: min(520px, 100%); max-height: min(620px, calc(100dvh - 48px)); grid-template-rows: auto minmax(0, 1fr); } .complaint-dialog-head[data-v-0e318774] { padding: 14px 16px; } .complaint-dialog-body[data-v-0e318774] { overflow: auto; padding: 16px; } .complaint-dialog-body p[data-v-0e318774] { font-size: 14px; line-height: 24px; } .complaint-contact-list div[data-v-0e318774] { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; } .mobile-chat-topbar[data-v-0e318774] { position: relative; z-index: 6; display: flex; min-height: calc(52px + env(safe-area-inset-top, 0px)); flex: 0 0 auto; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid rgba(115, 115, 115, 0.1); background: rgba(251, 251, 252, 0.92); backdrop-filter: blur(18px); padding: env(safe-area-inset-top, 0px) 12px 8px; } .mobile-icon-button[data-v-0e318774] { display: inline-flex; width: 36px; height: 36px; flex: 0 0 auto; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--icon-icon-default); cursor: pointer; padding: 0; transition: background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast); } .mobile-icon-button[data-v-0e318774]:hover, .mobile-icon-button[data-v-0e318774]:focus-visible { background: var(--bg-bg-overlay-l1); color: var(--text-text-default-hover); } .mobile-icon-button[data-v-0e318774]:active { transform: scale(0.94); } .mobile-icon-button[data-v-0e318774]:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--focus-ring); } .guest-status-bar[data-v-0e318774] { z-index: 5; background: rgba(251, 251, 252, 0.94); min-height: var(--mobile-guest-status-height); font-size: 12px; line-height: 18px; padding: 8px 14px; } .chat-shell.is-composer-centered[data-v-0e318774] .welcome-panel { display: none; } .chat-shell.is-composer-centered[data-v-0e318774] .chat-content.is-empty { padding-top: 0; } .empty-composer-group.active[data-v-0e318774] { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; width: min(640px, calc(100% - 28px)); max-height: calc( 100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) ); gap: 14px; justify-items: center; overflow-y: auto; transform: translate(-50%, -50%); scrollbar-width: none; } .empty-composer-group.active[data-v-0e318774]::-webkit-scrollbar { display: none; } .mobile-empty-greeting[data-v-0e318774] { display: block; min-width: 0; margin-bottom: 10px; text-align: center; } .mobile-empty-greeting h1[data-v-0e318774] { margin: 0; color: #18181b; font-size: 23px; font-weight: 400; letter-spacing: 0; line-height: 31px; } .mobile-welcome-title-accent[data-v-0e318774] { color: var(--aqua); } .empty-composer-group.active[data-v-0e318774] .chat-composer.centered { position: static; top: auto; bottom: auto; left: auto; width: 100%; transform: none; } .empty-composer-group.active[data-v-0e318774] .chat-composer.centered:focus-within { transform: none; } .empty-composer-group.active[data-v-0e318774] .prompt-suggestions.inline { margin-top: 18px; } } @media (max-width: 560px) { .chat-shell[data-v-0e318774] { --empty-suggestions-top: calc(50% + 100px); } .empty-composer-group.active[data-v-0e318774] { width: calc(100% - 28px); max-height: calc( 100dvh - 92px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) ); gap: 12px; } .mobile-empty-greeting h1[data-v-0e318774] { font-size: 22px; line-height: 30px; } } :root { --ink: #132024; --ink-soft: #4d6269; --muted: #6b7e85; --paper: #f7fbfb; --white: #ffffff; --line: rgba(28, 78, 92, 0.13); --aqua: #23b6c7; --aqua-dark: #0e7d90; --mint: #79dfc1; --lemon: #d5f46d; --shadow: 0 24px 70px rgba(20, 62, 73, 0.16); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { min-width: 320px; margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; line-height: 1.7; -webkit-font-smoothing: antialiased; } a { color: inherit; text-decoration: none; } button { font: inherit; } img { display: block; max-width: 100%; } ::selection { background: var(--lemon); color: var(--ink); }