@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/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(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/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(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/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(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/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(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(https://ai-physics-lab.oss-cn-shenzhen.aliyuncs.com/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.28"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.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 .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{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 .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.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 .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.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;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;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.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 .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>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.advanced-circuit-lab{display:flex;flex-direction:column;height:100%;background:var(--bg-warm);overflow:hidden}.lab-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:2px solid var(--border-soft);flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.header-left h2{font-size:18px;color:var(--text-dark);margin:0}.vip-tag{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.header-center{flex:1;display:flex;justify-content:center}.question-context{background:#1976d214;padding:8px 16px;border-radius:8px;font-size:13px;color:var(--text-medium)}.question-context strong{color:var(--primary);margin-left:6px}.header-actions{display:flex;gap:12px}.view-toggle{padding:10px 18px;background:#fff;border:2px solid var(--border-soft);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.view-toggle:hover:not(:disabled){border-color:var(--primary);background:#1976d20d}.view-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.view-toggle:disabled{opacity:.5;cursor:not-allowed}.run-btn{padding:10px 24px;background:linear-gradient(135deg,var(--success) 0%,#2e7d32 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #388e3c66}.stop-btn{padding:10px 24px;background:linear-gradient(135deg,var(--danger) 0%,#c62828 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.lab-body{flex:1;display:flex;overflow:hidden;padding:16px;gap:16px}.lab-sidebar{width:220px;display:flex;flex-direction:column;gap:16px;flex-shrink:0;overflow-y:auto}.component-palette{background:#fff;border-radius:12px;border:1px solid var(--border-soft);padding:16px}.component-palette h3{font-size:14px;color:var(--text-dark);margin:0 0 8px}.palette-hint{font-size:11px;color:var(--text-light);margin-bottom:12px}.palette-items{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.palette-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-warm);border:1px solid var(--border-soft);border-radius:8px;cursor:pointer;transition:all .2s}.palette-item:hover{background:#1976d214;border-color:var(--primary);transform:translate(4px)}.item-name{font-size:13px;color:var(--text-medium)}.palette-tools{border-top:1px solid var(--border-soft);padding-top:12px;margin-bottom:12px}.palette-tools h4{font-size:12px;color:var(--text-light);margin:0 0 8px}.palette-tools .tool-btn{width:100%;padding:10px;margin-bottom:8px;background:#fff;border:1px solid var(--border-soft);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.palette-tools .tool-btn:hover{border-color:var(--primary);background:#1976d20d}.palette-tools .tool-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.palette-tools .tool-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.palette-stats{border-top:1px solid var(--border-soft);padding-top:12px}.palette-stats h4{font-size:12px;color:var(--text-light);margin:0 0 8px}.stat-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.stat-row span{color:var(--text-light)}.stat-row strong{color:var(--primary)}.result-panel{background:#fff;border-radius:12px;border:1px solid var(--border-soft);padding:16px}.result-panel h4{font-size:14px;margin:0 0 12px}.result-data{display:flex;flex-direction:column;gap:8px}.data-item{display:flex;justify-content:space-between;padding:8px 10px;background:var(--bg-warm);border-radius:6px;font-size:13px}.data-item span{color:var(--text-light)}.data-item strong{color:var(--text-dark);font-family:JetBrains Mono,monospace}.data-item.highlight{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.data-item.highlight strong{color:var(--success)}.component-data{padding:8px;background:#1976d20d;border-radius:6px;margin-top:4px}.comp-type{font-size:11px;color:var(--primary);font-weight:700;margin-bottom:4px}.comp-values{display:flex;gap:8px;font-size:11px;color:var(--text-medium);font-family:JetBrains Mono,monospace}.error-message{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--danger);font-size:13px}.lab-editor{flex:1;background:#fff;border-radius:12px;border:1px solid var(--border-soft);display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.lab-editor.with-3d{flex:.6}.editor-title{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-warm);border-bottom:1px solid var(--border-soft);font-size:14px;font-weight:600;color:var(--text-dark)}.editor-hint-small{font-size:11px;color:var(--text-light);font-weight:400}.circuit-2d-editor{flex:1;position:relative;overflow:hidden}.circuit-2d-editor svg{width:100%;height:100%;display:block}.circuit-2d-editor svg.wire-cursor{cursor:crosshair}.terminal-hover{transition:all .2s}.terminal-hover:hover{transform:scale(1.3)}.editor-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:20px;font-size:12px;pointer-events:none}.wire-hint{background:#3b82f6e6;color:#fff}.selection-hint{background:#1e293bd9;color:#fff}.lab-preview{flex:.4;background:#fff;border-radius:12px;border:1px solid var(--border-soft);display:flex;flex-direction:column;overflow:hidden}.preview-title{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;font-size:14px;font-weight:600}.preview-hint{font-size:11px;opacity:.7;font-weight:400}.circuit-3d-preview{flex:1;background:linear-gradient(180deg,#1e293b,#0f172a)}.lab-footer{padding:10px 24px;background:#fff;border-top:1px solid var(--border-soft);flex-shrink:0}.formula-reminder{font-size:12px;color:var(--text-medium);text-align:center}.formula-reminder strong{color:var(--primary)}.component-editor{background:#fff;border-radius:16px;padding:24px;min-width:320px;box-shadow:0 20px 60px #0000004d}.component-editor h3{font-size:16px;margin:0 0 20px;color:var(--text-dark)}.editor-field label{display:block;font-size:13px;color:var(--text-medium);margin-bottom:8px}.editor-field input[type=number],.editor-field input[type=text]{width:100%;padding:10px 14px;border:2px solid var(--border-soft);border-radius:8px;font-size:14px}.editor-field input[type=number]:focus,.editor-field input[type=text]:focus{border-color:var(--primary);outline:none}.editor-field input[type=range]{width:calc(100% - 50px);margin-right:10px}.editor-field span{font-size:14px;color:var(--primary);font-weight:700}.switch-toggle{padding:10px 20px;border-radius:8px;border:2px solid var(--border-soft);background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.switch-toggle.closed{background:var(--success);color:#fff;border-color:var(--success)}.editor-actions{display:flex;gap:12px;margin-top:20px}.cancel-btn{flex:1;padding:12px;border:2px solid var(--border-soft);background:#fff;border-radius:8px;font-size:14px;cursor:pointer}.cancel-btn:hover{background:var(--bg-warm)}.save-btn{flex:1;padding:12px;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.save-btn:hover{transform:translateY(-2px)}.label-3d{background:#1e293be6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-family:JetBrains Mono,monospace;white-space:nowrap}.label-3d.on{background:#22c55ee6}.label-3d.off{background:#ef4444e6}.label-3d.ammeter{background:#3b82f6e6}.label-3d.voltmeter{background:#ef4444e6}.preset-circuits{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.preset-circuits h4{margin:0 0 8px;font-size:13px;color:#475569}.preset-item{display:flex;flex-direction:column;padding:8px 10px;margin-bottom:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;cursor:pointer;transition:all .2s}.preset-item:hover{transform:translate(4px);box-shadow:0 2px 8px #f59e0b4d}.preset-name{font-weight:600;font-size:12px;color:#92400e}.preset-desc{font-size:10px;color:#a16207;margin-top:2px}.warning-label{background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;animation:blink .5s infinite}@keyframes blink{50%{opacity:.5}}.preset-tabs{display:flex;gap:8px;margin:16px 0 8px}.tab-btn{flex:1;padding:8px;border:1px solid var(--border-soft);background:#fff;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.preset-item.classic{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.preset-item.classic .preset-name{color:#1e40af}.preset-item.fault{background:linear-gradient(135deg,#fee2e2,#fecaca)}.preset-item.fault .preset-name{color:#b91c1c}.warning-label.blink{animation:blink .3s infinite}@keyframes overloadGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.field-hint{font-size:11px;color:#94a3b8;margin-top:4px}.switch-buttons{display:flex;gap:8px}.switch-pos-btn{flex:1;padding:10px;border:2px solid var(--border-soft);background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.switch-pos-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.switch-pos-btn:hover:not(.active){border-color:var(--primary)}@media (max-width: 768px){.advanced-circuit-lab{height:calc(100vh - 56px)}.lab-header{flex-wrap:wrap;padding:10px 12px;gap:8px}.header-left{width:100%;gap:10px}.header-left h2{font-size:14px}.header-center{display:none}.header-actions{width:100%;justify-content:flex-end}.view-toggle,.run-btn,.stop-btn{padding:8px 12px;font-size:12px}.lab-body{flex-direction:column;padding:0;gap:0;position:relative}.lab-sidebar{position:fixed;top:56px;left:0;width:85vw;max-width:280px;height:calc(100vh - 106px);background:#fff;z-index:200;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 20px #00000026;padding:12px;overflow-y:auto}.lab-sidebar.open{transform:translate(0)}.lab-editor{flex:1;border-radius:0;border-left:none;border-right:none;margin:0}.lab-editor.with-3d{flex:1}.editor-title{padding:8px 12px;font-size:13px}.editor-hint-small{display:none}.lab-preview{position:fixed;bottom:50px;left:0;right:0;height:40vh;border-radius:16px 16px 0 0;z-index:150;transform:translateY(100%);transition:transform .3s ease}.lab-preview.open{transform:translateY(0)}.lab-footer{padding:8px 12px}.formula-reminder{font-size:11px;white-space:nowrap;overflow-x:auto}.result-panel{padding:12px}.result-panel h4{font-size:13px}.data-item{padding:6px 8px;font-size:12px}.component-palette{padding:12px}.palette-item{padding:8px 10px}.item-name{font-size:12px}.component-editor-overlay{padding:16px}.component-editor{width:100%;max-width:320px;padding:20px}}.lab-mobile-toggle{display:none}@media (max-width: 768px){.lab-mobile-toggle{display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%);gap:12px;z-index:180}.lab-toggle-btn{width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:20px;box-shadow:0 4px 15px #1976d266;cursor:pointer}.lab-toggle-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--warning) 100%)}.lab-sidebar-overlay{position:fixed;right:0;bottom:0;left:0;top:56px;background:#0006;z-index:190;opacity:0;pointer-events:none;transition:opacity .3s}.lab-sidebar-overlay.show{opacity:1;pointer-events:auto}}@media (max-width: 768px){.lab-preview{position:fixed;bottom:0;left:0;right:0;height:45vh;border-radius:16px 16px 0 0;z-index:200;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px #0003}.lab-preview.open{transform:translateY(0)}.circuit-3d-preview{height:100%}.preview-title{padding:10px 16px;font-size:13px}.lab-preview canvas{width:100%!important;height:calc(45vh - 45px)!important}}.advanced-lens-lab{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8fafc;overflow:hidden}.lens-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;flex-shrink:0;z-index:100}.toolbar-left{display:flex;align-items:center;gap:10px}.toolbar-left h2{margin:0;font-size:16px;font-weight:600;color:#1f2937}.vip-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.toolbar-center{flex:1;display:flex;justify-content:center;align-items:center}.mode-view-bar{display:inline-flex;align-items:center;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px}.experiment-modes,.view-modes{display:flex;gap:2px}.experiment-modes button,.view-modes button{padding:5px 10px;border:none;background:transparent;border-radius:5px;cursor:pointer;font-size:12px;color:#6b7280;white-space:nowrap;transition:all .15s}.experiment-modes button:hover,.view-modes button:hover{background:#fff9}.experiment-modes button.active{background:#3b82f6;color:#fff}.view-modes button.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.view-divider{width:1px;height:20px;background:#d1d5db;margin:0 4px}.view-switcher{display:flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px}.view-switcher button{padding:6px 14px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:12px;color:#6b7280;transition:all .15s ease}.view-switcher button:hover{color:#374151;background:#ffffff80}.view-switcher button.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a;font-weight:500}.toolbar-right{display:flex;align-items:center;gap:12px}.run-btn,.stop-btn{padding:8px 18px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.run-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 4px #22c55e4d}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #22c55e66}.run-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.lens-main{display:flex;flex:1;min-height:0;overflow:hidden}.lens-sidebar{width:220px;min-width:220px;max-width:220px;overflow-y:auto;overflow-x:hidden}.lens-sidebar.right{width:250px;min-width:250px;max-width:250px}.lens-sidebar .control-panel,.lens-sidebar .result-panel{padding:8px 10px;border-bottom:1px solid #f3f4f6}.lens-sidebar h4{font-size:12px;margin:0 0 6px;color:#374151}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:11px}.result-item{padding:4px 6px;background:#f9fafb;border-radius:3px}.result-item .label{font-size:9px;color:#9ca3af}.result-item .value{font-size:12px;font-weight:600;color:#1f2937}.lens-workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.workspace-full{flex:1;width:100%;height:100%;min-height:0;position:relative}.workspace-full>*{width:100%!important;height:100%!important}.workspace-split{display:flex;flex-direction:column;height:100%;gap:4px;padding:4px;background:#e5e7eb}.workspace-split .split-pane{flex:1 1 50%;min-height:0;background:#fff;border-radius:4px;overflow:hidden;position:relative}.pane-label{display:none}.split-divider{height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);flex-shrink:0;cursor:ns-resize}.pane-label{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#3b82f6e6;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;z-index:50}.lens-2d-editor{width:100%;height:100%;position:relative;background:#fafaf9}.lens-2d-editor svg{display:block}.zoom-controls{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:#fff;padding:6px 10px;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:100}.zoom-controls button{width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;font-size:16px;color:#374151}.zoom-controls button:hover{background:#f3f4f6}.zoom-controls button.reset{width:auto;padding:0 10px;font-size:11px}.zoom-controls span{font-size:12px;color:#6b7280;min-width:40px;text-align:center}.live-data-panel{position:absolute;top:12px;left:12px;background:#fffffff2;padding:10px 14px;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:100}.live-data-panel .data-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.live-data-panel .data-row:last-child{margin-bottom:0}.live-data-panel .label{font-size:12px;color:#6b7280}.live-data-panel .value{font-size:14px;font-weight:600;color:#1f2937;font-family:JetBrains Mono,monospace}.operation-hints{position:absolute;bottom:12px;left:12px;display:flex;gap:12px;font-size:11px;color:#9ca3af;z-index:100}.eye-control-panel{position:absolute;top:12px;left:12px;width:220px;background:#fff;padding:14px;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:100}.eye-control-panel h4{margin:0 0 12px;font-size:14px;color:#1f2937}.eye-control-panel .slider-group{margin-bottom:14px}.eye-control-panel .slider-group label{display:block;font-size:12px;color:#4b5563;margin-bottom:6px}.eye-control-panel .slider-group input[type=range]{width:100%;height:6px;accent-color:#3b82f6}.eye-control-panel .slider-group .hint{display:block;font-size:10px;color:#9ca3af;margin-top:4px}.eye-control-panel .correction-controls{border-top:1px solid #e5e7eb;padding-top:12px;margin-top:12px}.eye-control-panel .correction-controls h5{margin:0 0 10px;font-size:12px;color:#6b7280}.eye-control-panel .correction-buttons{display:flex;flex-direction:column;gap:6px}.eye-control-panel .correction-buttons button{padding:8px 12px;border:none;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}.eye-control-panel .correction-buttons button.concave{background:#f3e8ff;color:#7c3aed}.eye-control-panel .correction-buttons button.concave:hover:not(:disabled){background:#e9d5ff}.eye-control-panel .correction-buttons button.convex{background:#dcfce7;color:#16a34a}.eye-control-panel .correction-buttons button.convex:hover:not(:disabled){background:#bbf7d0}.eye-control-panel .correction-buttons button:disabled{opacity:.4;cursor:not-allowed}.eye-control-panel .correction-active{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f0fdf4;border-radius:6px}.eye-control-panel .correction-active button{padding:4px 10px;border:none;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:11px;cursor:pointer}.eye-control-panel .diagnosis-box{margin-top:12px;padding:10px;border-radius:8px}.eye-control-panel .diagnosis-box.normal{background:#f0fdf4;border:1px solid #86efac}.eye-control-panel .diagnosis-box.abnormal{background:#fef3c7;border:1px solid #fcd34d}.eye-control-panel .diagnosis-title{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:4px}.eye-control-panel .diagnosis-cause{font-size:11px;color:#6b7280}.eye-control-panel .correction-hint{font-size:11px;color:#2563eb;margin-top:6px}.pip-container{position:absolute;bottom:20px;right:20px;width:200px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;overflow:hidden;z-index:200}.pip-header{padding:8px 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:12px;font-weight:600}.pip-content{width:200px;height:150px;background:#1f2937;position:relative;display:flex;align-items:center;justify-content:center;transition:filter .3s ease}.pip-emoji{font-size:60px;opacity:.9}.pip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8}.pip-dark{text-align:center;color:#9ca3af}.pip-dark span{font-size:40px;display:block;margin-bottom:8px}.pip-dark p{margin:4px 0;font-size:12px}.pip-dark .hint{font-size:10px;color:#6b7280}.pip-status{padding:8px 12px;font-size:12px;text-align:center;background:#f9fafb}.pip-status .clear{color:#22c55e}.pip-status .slight{color:#f59e0b}.pip-status .blurry{color:#ef4444}.optics-palette{padding:12px}.optics-palette h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#374151}.mode-selector{margin-bottom:16px}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-buttons button{padding:8px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}.mode-buttons button:hover{border-color:#3b82f6;color:#3b82f6}.mode-buttons button.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;font-weight:500}.component-library{margin-bottom:16px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.draggable-component{display:flex;align-items:center;gap:8px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:grab;transition:all .15s}.draggable-component:hover{background:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.draggable-component:active{cursor:grabbing}.draggable-component .icon{font-size:18px}.draggable-component .label{font-size:12px;color:#4b5563}.preset-scenes{margin-top:16px}.preset-group{margin-bottom:16px}.group-title{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.preset-card{padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .15s}.preset-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.preset-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.preset-name{font-size:13px;font-weight:600;color:#1f2937}.exam-badge{padding:1px 6px;background:#fef3c7;color:#92400e;font-size:9px;font-weight:600;border-radius:3px}.preset-desc{font-size:11px;color:#6b7280}.exam-tip{margin-top:6px;padding:6px 8px;background:#fffbeb;border-radius:4px;font-size:10px;color:#92400e}.preset-hint{margin-top:6px;font-size:10px;color:#3b82f6;font-style:italic}.palette-actions{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.clear-btn{width:100%;padding:10px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.clear-btn:hover{background:#fecaca}.eye-correction-tools{margin-bottom:16px}.correction-lenses{display:flex;flex-direction:column;gap:6px}.eye-hint{margin-top:10px;padding:8px;background:#eff6ff;border-radius:6px;font-size:11px;color:#3b82f6}.snap-indicator line{animation:snap-pulse .8s ease-in-out infinite}@keyframes snap-pulse{0%,to{opacity:.6}50%{opacity:1}}.telescope-control-panel{position:absolute;top:12px;left:12px;width:240px;background:#fff;padding:14px;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:100}.telescope-control-panel h4{margin:0 0 12px;font-size:14px;color:#1f2937;display:flex;align-items:center;gap:8px}.telescope-control-panel .slider-group{margin-bottom:14px}.telescope-control-panel .slider-group label{display:flex;justify-content:space-between;font-size:12px;color:#4b5563;margin-bottom:6px}.telescope-control-panel .slider-group label span{color:#3b82f6;font-weight:600;font-family:JetBrains Mono,monospace}.telescope-control-panel .slider-group input[type=range]{width:100%;height:6px;accent-color:#3b82f6}.telescope-control-panel .alignment-status{padding:10px;border-radius:8px;margin-top:12px;text-align:center}.telescope-control-panel .alignment-status.aligned{background:#dcfce7;border:1px solid #86efac}.telescope-control-panel .alignment-status.misaligned{background:#fef3c7;border:1px solid #fcd34d}.telescope-control-panel .alignment-status .status-icon{font-size:24px;display:block;margin-bottom:6px}.telescope-control-panel .alignment-status .status-text{font-size:13px;font-weight:600;color:#1f2937}.telescope-control-panel .alignment-status .status-hint{font-size:11px;color:#6b7280;margin-top:4px}.telescope-control-panel .magnification-display{margin-top:12px;padding:12px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-radius:8px;text-align:center}.telescope-control-panel .magnification-display .value{font-size:28px;font-weight:700;color:#1e40af;font-family:JetBrains Mono,monospace}.telescope-control-panel .magnification-display .label{font-size:11px;color:#6b7280;margin-top:4px}.telescope-control-panel .auto-align-btn{width:100%;padding:10px;margin-top:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.telescope-control-panel .auto-align-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.microscope-control-panel{position:absolute;top:12px;left:12px;width:240px;background:#fff;padding:14px;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:100}.microscope-control-panel h4{margin:0 0 12px;font-size:14px;color:#1f2937;display:flex;align-items:center;gap:8px}.microscope-control-panel .slider-group{margin-bottom:14px}.microscope-control-panel .slider-group label{display:flex;justify-content:space-between;font-size:12px;color:#4b5563;margin-bottom:6px}.microscope-control-panel .slider-group label span{color:#8b5cf6;font-weight:600;font-family:JetBrains Mono,monospace}.microscope-control-panel .slider-group input[type=range]{width:100%;height:6px;accent-color:#8b5cf6}.microscope-control-panel .magnification-breakdown{margin-top:12px;padding:12px;background:#faf5ff;border-radius:8px}.microscope-control-panel .magnification-breakdown .mag-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.microscope-control-panel .magnification-breakdown .mag-row.total{border-top:1px solid #e9d5ff;margin-top:8px;padding-top:8px;font-weight:600}.microscope-control-panel .magnification-breakdown .mag-label{color:#6b7280}.microscope-control-panel .magnification-breakdown .mag-value{color:#7c3aed;font-family:JetBrains Mono,monospace}.microscope-control-panel .magnification-breakdown .mag-value.large{font-size:20px;color:#5b21b6}.microscope-control-panel .light-control{margin-top:12px;padding:10px;background:#fefce8;border-radius:8px}.microscope-control-panel .light-control label{display:flex;align-items:center;gap:8px;font-size:12px;color:#713f12;margin-bottom:8px}.microscope-control-panel .light-control input[type=range]{width:100%;accent-color:#eab308}.microscope-control-panel .image-info{margin-top:12px;padding:10px;background:#f0fdf4;border-radius:8px;border:1px solid #86efac}.microscope-control-panel .image-info .info-title{font-size:11px;color:#166534;font-weight:600;margin-bottom:6px}.microscope-control-panel .image-info .info-item{font-size:11px;color:#15803d;margin:2px 0}.lens-2d-editor.mode-eye{background:linear-gradient(180deg,#fef3c7,#fefce8)}.lens-2d-editor.mode-telescope{background:linear-gradient(180deg,#1e293b,#334155)}.lens-2d-editor.mode-microscope{background:linear-gradient(180deg,#f5f3ff,#ede9fe)}.mode-info-box{position:absolute;bottom:12px;right:12px;max-width:280px;background:#fffffff2;padding:12px 14px;border-radius:10px;box-shadow:0 4px 12px #0000001a;z-index:100}.mode-info-box .info-title{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:8px;display:flex;align-items:center;gap:6px}.mode-info-box .info-content{font-size:11px;color:#6b7280;line-height:1.5}.mode-info-box .formula{font-family:Times New Roman,serif;font-size:14px;color:#1e40af;background:#eff6ff;padding:6px 10px;border-radius:4px;margin:8px 0;text-align:center}.mode-selector .mode-btn{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.mode-selector .mode-btn:hover{border-color:#93c5fd;background:#f0f9ff;transform:translateY(-2px)}.mode-selector .mode-btn.active{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f633}.mode-selector .mode-btn .mode-icon{font-size:22px;margin-bottom:4px}.mode-selector .mode-btn .mode-name{font-size:11px;font-weight:500;color:#4b5563}.mode-selector .mode-btn.active .mode-name{color:#1d4ed8}.preset-list{display:flex;flex-direction:column;gap:6px}.preset-btn-full{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s;width:100%}.preset-btn-full:hover{border-color:#3b82f6;background:#eff6ff;transform:translate(2px)}.preset-btn-full .preset-name{font-size:12px;font-weight:600;color:#1f2937}.preset-btn-full .preset-desc{font-size:10px;color:#6b7280;margin-top:2px}.formula-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin:10px 0;color:#000!important;font-weight:800!important}.formula-box .formula{font-family:Times New Roman,Georgia,serif;font-size:15px;color:#000;font-weight:700;text-align:center;margin:6px 0}.formula-box .formula sub{font-size:10px}.exam-hints{display:flex;flex-direction:column;gap:8px}.hint-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#fefce8;border-radius:6px;font-size:11px;color:#713f12;border-left:3px solid #fbbf24}.hint-item.warn{background:#fff7ed;border-left-color:#f97316}.hint-item .hint-title{font-weight:600;color:#92400e}.hint-item .hint-fix{color:#15803d;font-weight:500}.telescope-dark-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1e293b,#0f172a);z-index:0}.telescope-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 130px 80px,white,transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.7),transparent);background-size:200px 100px;animation:twinkle 4s ease-in-out infinite;z-index:1}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 1200px){.lens-sidebar{width:220px}.lens-sidebar.right{width:240px}.pip-container{width:160px}.pip-content{width:160px;height:120px}}.optics-palette{background:linear-gradient(180deg,#fafafa,#f1f5f9);border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000a}.palette-section{padding:12px;border-bottom:1px solid #e2e8f0}.section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;margin-bottom:10px}.section-icon{font-size:16px}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.component-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:grab;transition:all .2s ease}.component-item:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.component-item:active{cursor:grabbing;transform:scale(.95)}.comp-icon{font-size:24px}.comp-name{font-size:11px;color:#64748b;text-align:center}.basic-hints{background:#f8fafc;border-radius:8px;padding:10px 12px;font-size:12px;color:#64748b;line-height:1.8}.basic-hints p{margin:0}.lens-result-panel{background:linear-gradient(180deg,#fafafa,#f8fafc);border-left:1px solid #e2e8f0;padding:16px;overflow-y:auto}.result-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.result-card-header{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.result-row .label{color:#64748b}.result-row .value{font-weight:600;color:#0f172a;font-family:JetBrains Mono,monospace}.image-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.image-badge.real{background:#dcfce7;color:#166534}.image-badge.virtual{background:#f3e8ff;color:#7c3aed}.view-controls{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px}.view-controls button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;border-radius:8px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s ease}.view-controls button:hover{background:#e2e8f0;color:#334155}.view-controls button.active{background:#fff;color:#3b82f6;box-shadow:0 2px 6px #00000014;font-weight:600}.view-icon{font-size:16px;line-height:1}.preset-cards{display:flex;flex-direction:column;gap:8px}.preset-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.preset-card:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff);transform:translate(4px)}.preset-card.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.preset-icon{font-size:20px}.preset-info{flex:1}.preset-name{font-size:13px;font-weight:600;color:#1e293b}.preset-desc{font-size:11px;color:#64748b;margin-top:2px}.immersive-view-container{position:relative;width:100%;height:100%;background:#0a0a0a;overflow:hidden}.main-viewport{width:100%;height:100%}.pip-structure-window{position:absolute;right:16px;bottom:16px;width:280px;height:200px;background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:100;border:1px solid rgba(255,255,255,.2)}.pip-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-size:12px;font-weight:600}.pip-icon{font-size:14px}.pip-canvas{width:100%;height:calc(100% - 32px)}.eye-view-experience{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e3f2fd,#bbdefb);position:relative}.eye-viewport{width:85%;height:85%;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:#fff;box-shadow:inset 0 0 60px #0000001a}.vision-scene{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.eye-chart{background:#fff;padding:30px 50px;border-radius:8px;box-shadow:0 4px 20px #0000001a}.chart-row{text-align:center;font-family:Arial Black,sans-serif;color:#1a1a1a;letter-spacing:.3em;margin:8px 0}.size-1{font-size:48px}.size-2{font-size:40px}.size-3{font-size:32px}.size-4{font-size:26px}.size-5{font-size:20px}.size-6{font-size:16px}.size-7{font-size:12px}.size-8{font-size:9px}.distance-label{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:6px 16px;background:#000000b3;color:#fff;border-radius:20px;font-size:13px}.correction-lens-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.lens-frame{width:90%;height:90%;border:8px solid #374151;border-radius:50%/40%;position:relative}.lens-frame.concave{background:radial-gradient(ellipse at center,transparent 0%,rgba(139,92,246,.1) 100%)}.lens-frame.convex{background:radial-gradient(ellipse at center,rgba(59,130,246,.15) 0%,transparent 70%)}.lens-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#374151;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;white-space:nowrap}.vision-status{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:10px}.status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.status-badge.normal{background:#dcfce7;color:#166534}.status-badge.myopia-mild{background:#fef3c7;color:#92400e}.status-badge.myopia-severe{background:#fee2e2;color:#991b1b}.status-badge.hyperopia{background:#fae8ff;color:#86198f}.blur-indicator{display:flex;align-items:center;gap:8px;background:#ffffffe6;padding:8px 12px;border-radius:8px;font-size:12px}.blur-bar{width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.blur-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);transition:width .3s}.telescope-view-experience{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.telescope-viewport{width:min(500px,80vmin);height:min(500px,80vmin);position:relative}.telescope-mask{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#0a0a1a;box-shadow:inset 0 0 80px #000c}.telescope-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.crosshair-h,.crosshair-v{position:absolute;background:#f009}.crosshair-h{width:40px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-v{width:1px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%)}.moon-scene{width:100%;height:100%;position:relative;background:radial-gradient(ellipse at 30% 30%,#1a1a2e,#0a0a15)}.moon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0,#bdbdbd);border-radius:50%;box-shadow:inset -20px -20px 40px #0000004d,0 0 60px #ffffff1a}.crater{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 30% 30%,#bdbdbd,#9e9e9e);box-shadow:inset 2px 2px 4px #0000004d}.crater-1{width:40px;height:40px;top:30%;left:25%}.crater-2{width:25px;height:25px;top:50%;left:60%}.crater-3{width:35px;height:35px;top:65%;left:35%}.crater-4{width:20px;height:20px;top:25%;left:55%}.mare{position:absolute;border-radius:50%;background:#757575;opacity:.4}.mare-1{width:60px;height:50px;top:40%;left:40%}.mare-2{width:45px;height:35px;top:55%;left:55%}.stars{position:absolute;top:0;left:0;right:0;bottom:0}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s infinite}.telescope-status{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:10px}.mag-display{background:#000c;padding:12px 20px;border-radius:12px;text-align:center}.mag-value{display:block;font-size:28px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.mag-label{font-size:11px;color:#9ca3af}.align-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.align-status.aligned{background:#166534;color:#dcfce7}.align-status.misaligned{background:#92400e;color:#fef3c7}.microscope-view-experience{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;position:relative}.microscope-viewport{width:min(480px,75vmin);height:min(480px,75vmin);position:relative}.microscope-mask{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff;border:12px solid #1f2937}.microscope-content{width:100%;height:100%}.viewport-vignette{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:inset 0 0 100px #0006;pointer-events:none}.cell-scene{width:100%;height:100%;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;position:relative}.plant-cell{position:relative;border:3px solid #2e7d32;border-radius:4px;background:#ffffff80}.cell-wall{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #558b2f;border-radius:2px}.cytoplasm{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#c8e6c999;border-radius:2px}.nucleus{position:absolute;width:30%;height:40%;top:30%;left:35%;background:radial-gradient(ellipse at 40% 40%,#7b1fa2,#4a148c);border-radius:50%}.nucleolus{position:absolute;width:30%;height:30%;top:35%;left:35%;background:#e91e63;border-radius:50%}.vacuole{position:absolute;width:40%;height:50%;top:25%;right:10%;background:#2196f34d;border:1px solid rgba(33,150,243,.5);border-radius:40%}.chloroplast{position:absolute;width:12px;height:6px;background:#4caf50;border-radius:50%}.chloroplast.c1{top:15%;left:10%;transform:rotate(30deg)}.chloroplast.c2{bottom:20%;left:15%;transform:rotate(-20deg)}.chloroplast.c3{bottom:15%;right:20%;transform:rotate(45deg)}.specimen-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px}.microscope-status{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:10px}.light-control{display:flex;align-items:center;gap:8px;background:#000c;padding:8px 12px;border-radius:8px;color:#fff;font-size:12px}.light-bar{width:60px;height:4px;background:#374151;border-radius:2px;overflow:hidden}.light-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#fff)}.focus-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.focus-status.focused{background:#166534;color:#dcfce7}.focus-status.unfocused{background:#78350f;color:#fef3c7}.near-scene{background:linear-gradient(180deg,#fffbeb,#fef3c7)}.book-page{background:#fff;padding:30px 40px;border-radius:4px;box-shadow:0 2px 10px #0000001a,-5px 0 15px #0000000d;max-width:400px;font-family:"Noto Serif SC",serif}.book-page h3{font-size:18px;color:#1e293b;margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.book-page p{font-size:14px;color:#334155;line-height:1.8;margin:8px 0}.split-pane{cursor:pointer;transition:flex .3s ease}.split-pane:hover{outline:2px solid #3b82f6}.pip-window.clickable{cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.pip-window.clickable:hover{transform:scale(1.05);border-color:#3b82f6;box-shadow:0 4px 20px #3b82f666}.expand-icon{font-size:14px;opacity:.7}.pip-window.clickable:hover .expand-icon{opacity:1}.lens-3d-preview{width:100%;height:100%;position:relative}.lens-3d-preview.advanced-mode{display:flex;flex-direction:column}.lens-3d-preview.advanced-mode .main-view-container{flex:1;position:relative;overflow:hidden;border-radius:12px;background:#1a1a2e}.lens-3d-preview.advanced-mode .pip-container{position:absolute;right:12px;bottom:12px;width:180px;height:140px;background:#1e293bf2;border:2px solid #475569;border-radius:10px;cursor:pointer;overflow:hidden;z-index:10;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.pip-container:hover{border-color:#3b82f6;transform:scale(1.02)}.pip-container .pip-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#334155;font-size:11px;color:#e2e8f0}.pip-container .pip-header .swap-icon{font-size:14px}.pip-container .pip-content{width:100%;height:calc(100% - 24px)}.vision-view{width:100%;height:100%}.vision-view.main{min-height:300px}.vision-view.pip{transform:scale(.9)}.structure-view{width:100%;height:100%}.eye-vision-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);position:relative}.eye-vision-field{width:90%;height:90%;display:flex;align-items:center;justify-content:center;transition:filter .3s ease}.eye-overlay{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px}.diagnosis-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;background:#e8f5e9;color:#2e7d32}.diagnosis-badge.myopia-mild,.diagnosis-badge.myopia-severe{background:#ffebee;color:#c62828}.diagnosis-badge.hyperopia{background:#fff3e0;color:#e65100}.blur-indicator{padding:4px 10px;background:#0009;color:#fff;border-radius:12px;font-size:11px}.vision-scene.far-scene{text-align:center}.eye-chart{background:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chart-row{font-family:Courier New,monospace;font-weight:700;margin:4px 0}.chart-row.size-1{font-size:48px}.chart-row.size-2{font-size:36px}.chart-row.size-3{font-size:28px}.chart-row.size-4{font-size:22px}.chart-row.size-5{font-size:16px}.chart-row.size-6{font-size:12px}.vision-scene.near-scene .book-page{background:#fffef0;padding:20px;border-radius:4px;box-shadow:2px 2px 8px #00000026;font-size:14px;line-height:1.8;max-width:300px}.book-page h3{margin:0 0 10px;color:#1565c0}.distance-label{margin-top:12px;font-size:12px;color:#666}.telescope-vision-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a1a;position:relative}.telescope-mask-circle{width:min(85%,350px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid #1a1a2e;box-shadow:inset 0 0 50px #000c;position:relative;display:flex;align-items:center;justify-content:center}.telescope-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;transform-origin:center center}.moon-scene{width:100%;height:100%;background:radial-gradient(circle,#0d1b2a,#000);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.moon{width:50%;aspect-ratio:1;background:linear-gradient(135deg,#f5f5f5,#bdbdbd,#9e9e9e);border-radius:50%;position:relative;box-shadow:-10px -10px 30px #ffffff1a inset,5px 5px 15px #0000004d;flex-shrink:0}.no-light-warning{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px}.light-indicator{background:#00000080;padding:2px 8px;border-radius:10px}.crater{position:absolute;border-radius:50%;background:#00000026}.crater.c1{width:20%;height:20%;top:20%;left:30%}.crater.c2{width:15%;height:15%;top:50%;left:60%}.crater.c3{width:12%;height:12%;top:35%;left:15%}.mare{position:absolute;border-radius:50%;background:#6464784d}.mare.m1{width:35%;height:25%;top:25%;left:40%;border-radius:40%}.stars .star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.crosshair-h,.crosshair-v{position:absolute;background:#ff000080}.crosshair-h{width:40px;height:1px;left:-20px;top:0}.crosshair-v{width:1px;height:40px;left:0;top:-20px}.telescope-overlay{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px}.mag-badge{padding:6px 12px;background:#3b82f6e6;color:#fff;border-radius:20px;font-size:14px;font-weight:700}.align-badge{padding:4px 10px;border-radius:12px;font-size:11px}.align-badge.good{background:#22c55ee6;color:#fff}.align-badge.bad{background:#ef4444e6;color:#fff}.microscope-vision-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;position:relative}.microscope-circle-mask{width:min(90%,400px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid #333;background:#fff;position:relative}.specimen-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cell-grid{display:grid;gap:4px}.plant-cell{position:relative;border:2px solid #4caf50;border-radius:4px;background:#c8e6c980}.cell-wall{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #388e3c;border-radius:2px}.nucleus{position:absolute;width:30%;height:40%;top:30%;left:35%;background:#7b1fa2;border-radius:50%;opacity:.7}.chloroplast{position:absolute;width:15%;height:10%;background:#2e7d32;border-radius:40%}.microscope-mag-label{position:absolute;top:10px;right:10px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:12px;font-size:14px;font-weight:700}.scale-bar{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.scale-line{width:50px;height:2px;background:#333}.scale-bar span{font-size:10px;color:#333}@media (max-width: 768px){.advanced-lens-lab{height:calc(100vh - 56px)}.lens-toolbar{flex-wrap:wrap;padding:8px 12px;gap:8px}.toolbar-left{width:100%;gap:8px}.toolbar-left h2{font-size:14px}.toolbar-center{width:100%;justify-content:center}.mode-view-bar{flex-wrap:wrap;gap:6px}.view-modes button{padding:6px 10px;font-size:11px}.view-icon{display:none}.toolbar-right{width:100%;justify-content:flex-end}.status-hint{font-size:11px}.run-btn,.stop-btn{padding:8px 16px;font-size:12px}.lens-main{flex-direction:column;padding:0;gap:0;position:relative}.lens-sidebar.left{position:fixed;top:56px;left:0;width:85vw;max-width:280px;height:calc(100vh - 56px);background:#fff;z-index:200;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 20px #00000026;overflow-y:auto}.lens-sidebar.left.open{transform:translate(0)}.lens-sidebar.right{position:fixed;top:56px;right:0;width:85vw;max-width:300px;height:calc(100vh - 56px);background:#fff;z-index:200;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 20px #00000026;overflow-y:auto}.lens-sidebar.right.open{transform:translate(0)}.lens-workspace{flex:1;border-radius:0}.workspace-full{height:100%}.workspace-split{flex-direction:column}.split-pane{flex:1;min-height:40vh}.control-panel{padding:12px}.control-panel h4{font-size:13px}.slider-group label{font-size:12px}.result-panel{padding:12px}.result-grid{grid-template-columns:repeat(2,1fr);gap:8px}.result-item{padding:8px}.result-item .label{font-size:11px}.result-item .value{font-size:14px}.help-panel{display:none}}.lens-mobile-toggle,.lens-sidebar-overlay{display:none}@media (max-width: 768px){.lens-mobile-toggle{display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);gap:12px;z-index:180}.lens-toggle-btn{width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:20px;box-shadow:0 4px 15px #1976d266;cursor:pointer}.lens-toggle-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--warning) 100%)}.lens-sidebar-overlay{display:block;position:fixed;right:0;bottom:0;left:0;top:56px;background:#0006;z-index:190;opacity:0;pointer-events:none;transition:opacity .3s}.lens-sidebar-overlay.show{opacity:1;pointer-events:auto}}.advanced-projectile-lab{display:flex;flex-direction:column;height:100vh;background:#f8fafc}.advanced-projectile-lab .lab-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;gap:20px}.advanced-projectile-lab .header-left{display:flex;align-items:center;gap:12px}.advanced-projectile-lab .header-left h2{margin:0;font-size:18px;font-weight:600}.advanced-projectile-lab .back-btn{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.advanced-projectile-lab .back-btn:hover{background:#fff3}.advanced-projectile-lab .vip-tag{padding:3px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;font-size:11px;font-weight:600}.advanced-projectile-lab .header-center{flex:1}.advanced-projectile-lab .question-context{background:#ffffff1a;padding:8px 16px;border-radius:8px;font-size:13px}.advanced-projectile-lab .header-actions{display:flex;align-items:center;gap:12px}.env-controls{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#ffffff1a;border-radius:8px}.env-controls select{padding:4px 8px;border-radius:4px;border:none;background:#ffffffe6;font-size:12px;cursor:pointer}.env-controls .checkbox-label{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.env-controls .checkbox-label input{cursor:pointer}.ghost-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.ghost-btn:hover{background:#ffffff1a}.ghost-btn.active{background:#8b5cf6;border-color:#8b5cf6}.advanced-projectile-lab .run-btn{padding:8px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.advanced-projectile-lab .run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.advanced-projectile-lab .run-btn:disabled{opacity:.5;cursor:not-allowed}.advanced-projectile-lab .pause-btn{padding:8px 16px;background:#f59e0b;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.advanced-projectile-lab .stop-btn{padding:8px 16px;background:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.advanced-projectile-lab .lab-body{display:flex;flex:1;overflow:hidden}.advanced-projectile-lab .lab-sidebar{width:220px;background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;padding:16px}.terrain-palette h4{margin:0 0 12px;font-size:13px;color:#374151;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.palette-items{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.palette-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.palette-item:hover:not(:disabled){background:#f1f5f9;border-color:#3b82f6}.palette-item:disabled{opacity:.5;cursor:not-allowed}.launcher-item{border-left:3px solid}.item-icon{font-size:18px}.item-name{font-size:12px;font-weight:500;color:#374151}.item-desc{font-size:10px;color:#64748b;margin-left:auto}.palette-hint{font-size:11px;color:#94a3b8;text-align:center;margin-bottom:16px}.palette-actions{margin-top:16px}.clear-btn{width:100%;padding:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;cursor:pointer;transition:all .2s}.clear-btn:hover:not(:disabled){background:#fee2e2}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.realtime-panel{margin-top:20px;padding:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.realtime-panel h4{margin:0 0 12px;font-size:13px;color:#166534;border-bottom:none;padding-bottom:0}.stat-block{padding:10px;background:#fff;border-radius:8px;border-left:3px solid #22c55e;margin-bottom:10px}.stat-row{display:flex;justify-content:space-between;font-size:11px;color:#374151;margin-bottom:4px;font-family:JetBrains Mono,monospace}.stat-row.highlight{font-weight:600;color:#166534;margin-top:6px;padding-top:6px;border-top:1px dashed #d1d5db}.advanced-projectile-lab .lab-editor{flex:1;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e2e8f0;min-width:400px}.advanced-projectile-lab .editor-title{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px;font-weight:500;color:#374151}.advanced-projectile-lab .editor-hint-small{font-size:11px;color:#94a3b8;font-weight:400}.projectile-2d-editor{flex:1;position:relative}.projectile-2d-editor svg{display:block}.advanced-projectile-lab .lab-preview{width:400px;display:flex;flex-direction:column;background:#0f172a}.advanced-projectile-lab .preview-title{padding:10px 16px;background:#1e293b;font-size:13px;font-weight:500;color:#fff}.advanced-projectile-lab .lab-preview canvas{flex:1}.advanced-projectile-lab .lab-footer{padding:10px 20px;background:#fffbeb;border-top:1px solid #fde68a}.advanced-projectile-lab .formula-reminder{font-size:12px;color:#92400e;text-align:center}.component-editor{background:#fff;padding:24px;border-radius:16px;min-width:320px;box-shadow:0 20px 40px #0003}.component-editor h3{margin:0 0 20px;font-size:16px;color:#1f2937}.editor-field{margin-bottom:16px}.editor-field label{display:block;font-size:13px;color:#374151;margin-bottom:6px}.editor-field input[type=number],.editor-field input[type=text]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}.editor-field input[type=range]{width:calc(100% - 50px);vertical-align:middle}.editor-field span{display:inline-block;width:45px;text-align:right;font-size:13px;color:#374151;font-weight:500}.editor-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn{flex:1;padding:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px}.save-btn{flex:1;padding:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.save-btn:hover{box-shadow:0 4px 12px #3b82f666}.mobile-only{display:none}.mobile-menu-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:18px;cursor:pointer}.mobile-dropdown{background:#1e293b;padding:12px 16px;display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid #334155}.mobile-dropdown .dropdown-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-dropdown label{color:#94a3b8;font-size:12px}.mobile-dropdown select{padding:6px 10px;border-radius:6px;border:none;font-size:12px}@media (max-width: 768px){.mobile-only{display:flex}.desktop-only{display:none!important}.advanced-projectile-lab{height:100vh;height:100dvh}.advanced-projectile-lab .lab-header{padding:10px 12px;gap:10px;flex-shrink:0}.advanced-projectile-lab .header-left h2{font-size:14px}.advanced-projectile-lab .back-btn{padding:6px 10px;font-size:14px}.advanced-projectile-lab .vip-tag{font-size:10px;padding:2px 6px}.advanced-projectile-lab .lab-body{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.mobile-view-tabs{display:flex;flex-shrink:0}.advanced-projectile-lab .lab-sidebar,.advanced-projectile-lab .lab-editor,.advanced-projectile-lab .lab-preview{display:none;width:100%;min-width:0}.advanced-projectile-lab .lab-sidebar.mobile-show{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.advanced-projectile-lab .lab-editor.mobile-show{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.advanced-projectile-lab .lab-preview.mobile-show{display:flex;flex-direction:column;flex:1;min-height:300px;overflow:hidden;background:#0f172a}.advanced-projectile-lab .lab-sidebar.mobile-show{display:flex!important;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.advanced-projectile-lab .lab-editor.mobile-show{display:flex!important;flex-direction:column;flex:1;min-height:0;overflow:hidden}.advanced-projectile-lab .lab-editor.mobile-show .projectile-2d-editor{flex:1;min-height:0;display:flex;flex-direction:column}.advanced-projectile-lab .lab-editor.mobile-show .projectile-2d-editor svg{flex:1;min-height:200px}.advanced-projectile-lab .lab-preview.mobile-show{display:flex!important;flex-direction:column;flex:1;min-height:300px;overflow:hidden;background:#0f172a}.advanced-projectile-lab .lab-preview.mobile-show .preview-title{flex-shrink:0}.advanced-projectile-lab .lab-preview.mobile-show .projectile-3d-container{flex:1;min-height:250px;width:100%;position:relative}.advanced-projectile-lab .lab-preview.mobile-show .projectile-3d-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.advanced-projectile-lab .lab-footer{padding:8px 12px;flex-shrink:0}.advanced-projectile-lab .formula-reminder{font-size:10px;line-height:1.5}.advanced-projectile-lab .editor-title{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;flex-shrink:0}.realtime-panel{padding:10px}.stat-row{font-size:10px}.palette-item{padding:8px 10px}.item-icon{font-size:16px}.item-name{font-size:11px}.item-desc{font-size:9px}.component-editor{margin:16px;min-width:auto;width:calc(100% - 32px);max-width:360px}}@media (max-width: 480px){.advanced-projectile-lab .header-left h2{font-size:13px}.mobile-view-tabs button{padding:8px 6px;font-size:12px}.advanced-projectile-lab .formula-reminder{font-size:9px}}@media (max-width: 768px){.advanced-projectile-lab .lab-sidebar.mobile-show{display:flex!important;flex-direction:column;flex:1;width:100%;min-height:0;overflow-y:auto;position:relative!important;transform:none!important;top:auto!important;left:auto!important;max-width:none!important}.advanced-projectile-lab .lab-editor.mobile-show{display:flex!important;flex-direction:column;flex:1;width:100%;min-height:0;position:relative!important;transform:none!important}.advanced-projectile-lab .lab-preview.mobile-show{display:flex!important;flex-direction:column;flex:1;width:100%;min-height:300px;background:#0f172a;position:relative!important;transform:none!important}}.ai-float-btn{position:fixed;right:30px;bottom:100px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.ai-float-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #667eea99}.ai-chat-panel{position:fixed;right:30px;bottom:170px;width:380px;height:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:1001;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.ai-chat-header button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8;transition:opacity .2s}.ai-chat-header button:hover{opacity:1}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa;display:flex;flex-direction:column;gap:12px}.ai-msg{max-width:85%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-line}.ai-msg.ai{background:#fff;color:#333;align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.ai-msg.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-msg.typing{font-style:italic;color:#999;background:transparent;box-shadow:none}.ai-chat-input{display:flex;padding:15px;background:#fff;border-top:1px solid #e0e0e0;gap:10px}.ai-chat-input input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:25px;font-size:14px;outline:none;transition:border-color .2s}.ai-chat-input input:focus{border-color:#667eea}.ai-chat-input button{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:14px;cursor:pointer;transition:all .2s}.ai-chat-input button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.ai-chat-input button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ai-float-btn{width:50px;height:50px;font-size:20px;right:20px;bottom:120px}.ai-chat-panel{right:10px;left:10px;bottom:80px;width:auto;height:400px}}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#aaa}.advanced-buoyancy-lab{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);overflow:hidden}.buoyancy-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;flex-shrink:0;z-index:100}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-title{font-size:16px;font-weight:700;color:#0c4a6e;display:flex;align-items:center;gap:8px}.toolbar-title .title-icon{font-size:20px}.toolbar-center{display:flex;gap:8px}.mode-btn{padding:6px 14px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.mode-btn:hover{background:#f1f5f9;border-color:#94a3b8}.mode-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0ea5e94d}.toolbar-right{display:flex;align-items:center;gap:10px}.run-btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.run-btn.start{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.run-btn.start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.run-btn.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn{padding:8px 14px;border:1px solid #fca5a5;border-radius:8px;background:#fff;color:#dc2626;font-size:13px;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#fef2f2}.screenshot-btn{padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;font-size:13px;cursor:pointer}.screenshot-btn:hover{background:#f1f5f9}.buoyancy-content{display:flex;flex:1;overflow:hidden}.buoyancy-left-panel{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.object-palette{display:flex;flex-direction:column;height:100%;overflow:hidden}.palette-tabs{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.tab-btn{flex:1;padding:10px 8px;border:none;background:transparent;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.tab-btn:hover{background:#f1f5f9}.tab-btn.active{color:#0284c7;background:#fff;border-bottom:2px solid #0284c7;margin-bottom:-1px}.tab-icon{font-size:14px}.tab-content{flex:1;overflow-y:auto;padding:12px}.size-panel{background:#f8fafc;border-radius:8px;padding:10px;margin-bottom:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;color:#475569}.size-preview{font-family:JetBrains Mono,monospace;color:#0284c7;background:#e0f2fe;padding:2px 8px;border-radius:4px;font-size:11px}.size-sliders label{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;color:#64748b}.size-sliders label span:first-child{width:20px}.size-sliders input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:#e2e8f0;border-radius:2px}.size-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#0ea5e9;border-radius:50%;cursor:pointer}.size-val{width:24px;text-align:right;font-family:JetBrains Mono,monospace;font-weight:600;color:#334155}.material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.material-card{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.material-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.material-card.float{border-color:#86efac}.material-card.float:hover{background:#f0fdf4}.material-card.sink{border-color:#fca5a5}.material-card.sink:hover{background:#fef2f2}.material-card.suspend{border-color:#fde047}.material-card.suspend:hover{background:#fefce8}.material-icon-box{width:32px;height:32px;border-radius:6px;border:2px solid;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.material-icon-inner{width:18px;height:18px;border-radius:3px}.card-info{text-align:center}.card-name{display:block;font-size:11px;font-weight:600;color:#334155;margin-bottom:2px}.card-density{font-size:10px;color:#64748b;font-family:JetBrains Mono,monospace}.card-badge{position:absolute;top:4px;right:4px;font-size:9px;padding:1px 5px;border-radius:8px;font-weight:700}.badge-float{background:#dcfce7;color:#16a34a}.badge-sink{background:#fee2e2;color:#dc2626}.badge-suspend{background:#fef9c3;color:#ca8a04}.custom-section{margin-top:8px}.custom-toggle{width:100%;padding:8px;border:1px dashed #cbd5e1;border-radius:6px;background:#fafafa;color:#64748b;font-size:12px;cursor:pointer;transition:all .2s}.custom-toggle:hover{background:#f1f5f9;border-color:#94a3b8}.custom-input-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:10px;background:#f8fafc;border-radius:6px}.custom-input-group input[type=number]{width:80px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px}.custom-input-group .unit{font-size:11px;color:#64748b;align-self:center}.add-custom-btn{padding:6px 12px;background:#8b5cf6;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.add-custom-btn:hover{background:#7c3aed}.density-hint{width:100%;font-size:11px;color:#64748b;margin-top:4px}.liquid-info-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;color:#64748b}.liquid-progress{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.liquid-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#06b6d4);transition:width .3s}.liquid-grid{display:flex;flex-direction:column;gap:8px}.liquid-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.liquid-card:hover{background:color-mix(in srgb,var(--liquid-color) 10%,white);border-color:var(--liquid-color);transform:translate(3px)}.liquid-icon-box{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.liquid-info{flex:1}.liquid-name{display:block;font-size:12px;font-weight:600;color:#334155}.liquid-density{font-size:10px;color:#64748b}.liquid-density-bar{width:40px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.density-indicator{height:100%;background:var(--liquid-color)}.liquid-tips{margin-top:16px;padding:10px;background:#fffbeb;border-radius:8px;border:1px solid #fde68a}.tip-item{font-size:11px;color:#92400e;margin-bottom:4px}.tip-item:last-child{margin-bottom:0}.current-section{margin-bottom:16px}.current-section h4{font-size:12px;font-weight:600;color:#475569;margin-bottom:8px;display:flex;align-items:center;gap:6px}.count-badge{font-size:10px;background:#e0f2fe;color:#0284c7;padding:1px 6px;border-radius:8px}.layer-hint{font-size:10px;font-weight:400;color:#94a3b8}.empty-hint{display:flex;flex-direction:column;align-items:center;padding:20px;color:#94a3b8;font-size:12px}.empty-icon{font-size:28px;margin-bottom:8px;opacity:.5}.current-list{display:flex;flex-direction:column;gap:6px}.current-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.current-item.held{border-color:#fde047;background:#fefce8}.current-item.free{border-color:#86efac;background:#f0fdf4}.item-color-block{width:24px;height:24px;border-radius:4px;flex-shrink:0}.liquid-block{border-radius:50%}.item-info{flex:1;min-width:0}.item-name{display:block;font-size:12px;font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-detail{font-size:10px;color:#64748b}.height-slider{width:50px}.item-remove-btn{width:22px;height:22px;border:none;background:#fee2e2;color:#dc2626;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-remove-btn:hover{background:#fecaca}.clear-all-btn{width:100%;padding:10px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#dc2626;font-size:12px;cursor:pointer;transition:all .2s}.clear-all-btn:hover:not(:disabled){background:#fef2f2}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.buoyancy-center{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.buoyancy-2d-editor{flex:1;position:relative}.buoyancy-2d-editor svg{width:100%;height:100%}.buoyancy-right-panel{width:420px;background:#1e293b;display:flex;flex-direction:column;flex-shrink:0;position:relative}.buoyancy-3d-preview{flex:1;position:relative}.preview-canvas-wrapper{width:100%;height:100%}.scene-status-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.scene-status-badge.ready{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.scene-status-badge.running{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.data-panel-3d{position:absolute;top:12px;right:12px;width:180px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:12px;color:#e2e8f0;font-size:11px;z-index:10;border:1px solid rgba(255,255,255,.1)}.data-panel-3d h4{font-size:12px;font-weight:600;color:#f8fafc;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.data-row{display:flex;justify-content:space-between;margin-bottom:6px}.data-row .label{color:#94a3b8}.data-row .value{font-family:JetBrains Mono,monospace;color:#f8fafc;font-weight:600}.data-row .value.highlight{color:#22c55e}.data-row .value.warning{color:#f59e0b}.data-section{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.data-section-title{font-size:10px;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.overflow-data{background:#0ea5e926;border-radius:6px;padding:8px;margin-top:8px}.overflow-data .data-row .value{color:#38bdf8}.buoyancy-calculation-panel{background:#fff;border-top:1px solid #e2e8f0;padding:12px 16px;max-height:200px;overflow-y:auto}.calc-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calc-panel-header h4{font-size:13px;font-weight:600;color:#1e293b}.calc-panel-toggle{font-size:11px;color:#64748b;background:none;border:none;cursor:pointer}.calc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.calc-object-card{background:#f8fafc;border-radius:8px;padding:10px 12px;border:1px solid #e2e8f0}.calc-object-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.calc-color-dot{width:12px;height:12px;border-radius:3px}.calc-object-name{font-size:12px;font-weight:600;color:#334155}.calc-state-badge{font-size:10px;padding:2px 6px;border-radius:8px;margin-left:auto}.calc-state-badge.floating{background:#dcfce7;color:#16a34a}.calc-state-badge.sinking{background:#fee2e2;color:#dc2626}.calc-state-badge.suspended{background:#fef3c7;color:#d97706}.calc-values{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:11px}.calc-value-item{display:flex;justify-content:space-between}.calc-value-item .label{color:#64748b}.calc-value-item .value{font-family:JetBrains Mono,monospace;color:#1e293b;font-weight:500}.component-editor.buoyancy-editor{background:#fff;border-radius:12px;padding:20px;width:360px;max-width:90%;box-shadow:0 20px 40px #0003}.component-editor h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px}.editor-field{margin-bottom:14px}.editor-field label{display:block;font-size:12px;font-weight:500;color:#475569;margin-bottom:5px}.editor-field input{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px}.editor-field input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.field-hint{font-size:11px;margin-top:4px}.calculation-preview{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin:16px 0}.calc-title{font-size:12px;font-weight:600;color:#0369a1;margin-bottom:10px}.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.calc-item{display:flex;flex-direction:column}.calc-item span{font-size:10px;color:#64748b}.calc-item strong{font-size:13px;color:#0c4a6e;font-family:JetBrains Mono,monospace}.calc-item.highlight{background:#dbeafe;padding:6px 8px;border-radius:6px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.cancel-btn{padding:8px 16px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#64748b;font-size:13px;cursor:pointer}.cancel-btn:hover{background:#f1f5f9}.save-btn{padding:8px 20px;border:none;border-radius:6px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.save-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.display-options{display:flex;gap:6px;padding:8px 12px;background:#f8fafc;border-top:1px solid #e2e8f0}.display-option{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:11px;color:#64748b;cursor:pointer;transition:all .2s}.display-option:hover{border-color:#94a3b8}.display-option.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.display-option input{display:none}@media (max-width: 1200px){.buoyancy-left-panel{width:220px}.buoyancy-right-panel{width:350px}.material-grid{grid-template-columns:1fr}}@media (max-width: 900px){.buoyancy-content{flex-direction:column}.buoyancy-left-panel{width:100%;height:200px}.buoyancy-right-panel{width:100%;height:300px}}.advanced-buoyancy-lab{display:flex;flex-direction:column;height:calc(100vh - 60px);min-height:600px;overflow:hidden;background:#f8fafc}.buoyancy-main-content{display:flex;flex:1;min-height:0;overflow:hidden}.buoyancy-left-panel{width:260px;flex-shrink:0;overflow-y:auto;border-right:1px solid #e5e7eb;background:#fff}.buoyancy-center-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.buoyancy-2d-editor{flex:1;min-height:400px;width:100%;overflow:auto;background:#fafafa;display:flex;align-items:center;justify-content:center}.buoyancy-2d-editor svg{display:block;min-width:560px;min-height:420px;max-width:100%;max-height:100%}.buoyancy-right-panel{width:420px;flex-shrink:0;border-left:1px solid #e5e7eb;overflow:hidden}.buoyancy-main-content.view-2d .buoyancy-center-panel{flex:1}.buoyancy-main-content.view-3d .buoyancy-left-panel{width:260px}.buoyancy-main-content.view-3d .buoyancy-right-panel{flex:1;width:auto}.buoyancy-main-content.view-2d{overflow:auto}.buoyancy-main-content.view-2d .buoyancy-center-panel{min-height:450px;overflow:auto}.buoyancy-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(to bottom,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:12px;flex-wrap:wrap}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:8px}.mode-buttons{display:flex;gap:6px}.mode-buttons button{padding:6px 12px;border:1px solid #d4d4d8;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;transition:all .15s}.mode-buttons button:hover{background:#f1f5f9}.mode-buttons button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb}.run-btn{padding:8px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #22c55e4d}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.run-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.reset-btn,.screenshot-btn{padding:6px 12px;background:#fff;border:1px solid #d4d4d8;border-radius:6px;cursor:pointer}.view-toggle{display:flex;border:1px solid #d4d4d8;border-radius:6px;overflow:hidden}.view-toggle button{padding:6px 12px;border:none;background:#fff;font-size:12px;cursor:pointer;border-right:1px solid #d4d4d8}.view-toggle button:last-child{border-right:none}.view-toggle button.active{background:#3b82f6;color:#fff}.display-options{display:flex;gap:16px;padding:8px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.display-options label{display:flex;align-items:center;gap:4px;font-size:13px;color:#475569;cursor:pointer}.calculation-panel{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;max-height:250px;overflow:hidden;transition:max-height .3s}.calculation-panel.collapsed{max-height:40px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f1f5f9;cursor:pointer;font-weight:600;font-size:14px}.panel-content{padding:12px 16px;overflow-y:auto;max-height:200px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.object-result-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.obj-color{width:16px;height:16px;border-radius:3px}.obj-name{font-weight:600;font-size:13px}.state-badge{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.state-badge.floating{background:#dcfce7;color:#16a34a}.state-badge.sinking{background:#fee2e2;color:#dc2626}.state-badge.suspended{background:#fef3c7;color:#d97706}.card-body{display:flex;flex-direction:column;gap:4px}.data-row{display:flex;justify-content:space-between;font-size:12px}.data-row span{color:#64748b}.data-row strong{color:#1e293b;font-family:JetBrains Mono,monospace}.overflow-card{background:#eff6ff;border-color:#93c5fd}.component-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.component-editor{background:#fff;border-radius:12px;padding:20px;width:340px;max-width:90vw;box-shadow:0 20px 40px #0003}.component-editor h3{margin:0 0 16px;font-size:16px}.editor-field{margin-bottom:12px}.editor-field label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.editor-field input{width:100%;padding:8px 10px;border:1px solid #d4d4d8;border-radius:6px;font-size:14px}.editor-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.editor-row{display:flex;gap:10px}.editor-row .editor-field{flex:1}.calculation-preview{background:#eff6ff;padding:10px;border-radius:6px;margin:12px 0;font-size:12px;color:#1e40af}.editor-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.cancel-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #d4d4d8;border-radius:6px;cursor:pointer}.save-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}@media (max-width: 1200px){.buoyancy-left-panel{width:220px}.buoyancy-right-panel{width:350px}}@media (max-width: 900px){.buoyancy-main-content{flex-direction:column}.buoyancy-left-panel{width:100%;height:180px;border-right:none;border-bottom:1px solid #e5e7eb}.buoyancy-right-panel{width:100%;height:300px;border-left:none;border-top:1px solid #e5e7eb}.buoyancy-toolbar{flex-wrap:wrap;gap:8px}}.calculation-panel{position:relative;z-index:50;background:#fff;border-top:2px solid #e5e7eb;flex-shrink:0}.calculation-panel.expanded{max-height:280px}.calculation-panel.collapsed{max-height:42px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);cursor:pointer;font-weight:600;font-size:14px;color:#1e293b;-webkit-user-select:none;user-select:none}.panel-header:hover{background:linear-gradient(to bottom,#f1f5f9,#e2e8f0)}.toggle-icon{font-size:12px;color:#64748b}.panel-content{padding:12px 16px;overflow-y:auto;max-height:230px;background:#fafafa}.no-result-hint{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.verification{background:#dcfce7;padding:4px 8px;border-radius:4px;margin-top:4px}.verification span{color:#16a34a}.verification strong{color:#15803d}.density-guide{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #93c5fd;padding:12px 16px;display:flex;align-items:center;gap:20px;flex-shrink:0}.guide-steps{display:flex;gap:8px;flex:1}.guide-step{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffffb3;border-radius:8px;border:1px solid #bfdbfe;opacity:.5;transition:all .2s}.guide-step.done{opacity:1;background:#dcfce7;border-color:#86efac}.guide-step.current{opacity:1;background:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.step-num{width:22px;height:22px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.guide-step.done .step-num{background:#16a34a}.step-info{flex:1;min-width:0}.step-title{font-size:11px;font-weight:600;color:#1e293b}.step-desc{font-size:9px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-actions{display:flex;align-items:center;gap:10px}.guide-actions button{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #2563eb4d;transition:all .2s}.guide-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.result-display{background:#dcfce7;padding:10px 16px;border-radius:8px;border:1px solid #86efac}.result-display strong{color:#15803d;font-size:14px}.result-display .formula{font-size:11px;color:#166534;margin-top:4px;font-family:JetBrains Mono,monospace}.overflow-mode-indicator{position:absolute;top:10px;right:10px;background:#3b82f6e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;z-index:10}.step-hint{display:flex;align-items:center;padding:8px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:12px;color:#15803d}.guide-step .step-num{font-size:11px}.guide-step.done .step-num{background:#16a34a;font-size:10px}@keyframes editHintPulse{0%,to{opacity:1}50%{opacity:.7}}.edit-hint-badge{animation:editHintPulse 1.5s infinite}.pressure-visualization line{opacity:.7}.depth-pressure-scale text{font-family:JetBrains Mono,monospace}.object-data-panel{pointer-events:none}.stack-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.stack-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f766}.stack-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:inset 0 2px 4px #0003}.stack-mode-panel{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #a855f7;border-radius:8px;padding:12px 20px;margin:8px 15px;display:flex;justify-content:space-between;align-items:center;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#a855f7}50%{border-color:#c084fc}}.stack-info{display:flex;align-items:center;gap:15px;color:#6b21a8;font-weight:500}.stack-count{background:#a855f7;color:#fff;padding:2px 10px;border-radius:12px;font-size:12px}.stack-actions{display:flex;gap:10px}.confirm-stack-btn{background:#16a34a;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.confirm-stack-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-stack-btn{background:#6b7280;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.stacked-group-info{background:linear-gradient(135deg,#faf5ff,#ede9fe);border:1px solid #c4b5fd;border-radius:8px;padding:10px 15px;margin:8px 15px}.stacked-group-info .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;color:#6b21a8}.stacked-group-info .group-header button{background:#ef4444;color:#fff;border:none;padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer}.stacked-group-info .group-data{display:flex;gap:20px;font-size:12px;color:#7c3aed}.floating-hint{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:10px 15px;margin:8px 15px;font-size:13px;color:#92400e}.floating-hint strong{color:#b45309;display:block;margin-top:5px}.object-result-card.stacked-card{border-left:4px solid #a855f7;background:linear-gradient(135deg,#faf5ff,#fff)}.object-result-card.stacked-member{opacity:.7;border-left:4px solid #c4b5fd}.object-result-card.stacked-primary{border-left:4px solid #7c3aed}.stack-badge{background:#a855f7;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px}.mobile-only{display:none!important}.desktop-only{display:flex}.mobile-menu-btn{padding:8px 12px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:18px;cursor:pointer}.toolbar-title{font-size:16px;font-weight:600;color:#1e293b}.mobile-dropdown{background:#f8fafc;padding:12px 16px;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px}.mobile-dropdown .dropdown-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-dropdown label{font-size:12px;color:#64748b}.mode-buttons-mobile{display:flex;gap:4px}.mode-buttons-mobile button{padding:6px 10px;border:1px solid #d4d4d8;border-radius:6px;background:#fff;font-size:11px;cursor:pointer}.mode-buttons-mobile button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.mobile-view-tabs{display:none;background:#f1f5f9;padding:8px;gap:8px;border-bottom:1px solid #e2e8f0}.mobile-view-tabs button{flex:1;padding:10px;border:none;border-radius:8px;background:#fff;font-size:13px;font-weight:500;cursor:pointer}.mobile-view-tabs button.active{background:#3b82f6;color:#fff}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.advanced-buoyancy-lab{height:100vh}.buoyancy-toolbar{padding:8px 12px;justify-content:space-between}.mobile-view-tabs{display:flex}.buoyancy-main-content{flex-direction:column;position:relative}.buoyancy-left-panel,.buoyancy-center-panel,.buoyancy-right-panel{display:none;width:100%;height:calc(100vh - 202px);border:none}.buoyancy-left-panel.mobile-show,.buoyancy-center-panel.mobile-show,.buoyancy-right-panel.mobile-show{display:flex;flex-direction:column}.buoyancy-left-panel{overflow-y:auto}.buoyancy-2d-editor{min-height:300px}.buoyancy-2d-editor svg{min-width:auto;min-height:auto}.display-options{flex-wrap:wrap;gap:8px;padding:6px 12px}.display-options label{font-size:11px}.calculation-panel{max-height:200px}.calculation-panel.expanded{max-height:180px}.panel-header{padding:8px 12px;font-size:13px}.panel-content{padding:8px 12px;max-height:140px}.results-grid{grid-template-columns:1fr;gap:8px}.object-result-card{padding:8px}.obj-name{font-size:12px}.data-row{font-size:11px}.density-guide{flex-direction:column;padding:10px 12px;gap:10px}.guide-steps{flex-wrap:wrap;gap:6px}.guide-step{padding:4px 8px;min-width:0}.step-num{width:18px;height:18px;font-size:10px}.step-title{font-size:10px}.step-desc{display:none}.guide-actions{width:100%;justify-content:center}.guide-actions button{flex:1;max-width:200px}.stack-mode-panel{flex-direction:column;gap:10px;margin:6px 10px;padding:10px}.stack-info{flex-direction:column;gap:6px;text-align:center}.stacked-group-info{margin:6px 10px;padding:8px 12px}.stacked-group-info .group-data{flex-wrap:wrap;gap:8px;font-size:11px}.floating-hint{margin:6px 10px;padding:8px 12px;font-size:12px}.component-editor{margin:16px;width:calc(100% - 32px);max-width:340px}}@media (max-width: 480px){.toolbar-title span{font-size:14px}.mobile-view-tabs button{padding:8px 4px;font-size:12px}.mode-buttons-mobile button{padding:5px 8px;font-size:10px}.guide-step{padding:3px 6px}.step-title{font-size:9px}.results-grid{gap:6px}.data-row{font-size:10px}}.ai-assistant-fab{position:fixed;bottom:90px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #8b5cf666;z-index:1000;transition:transform .2s}.ai-assistant-fab:hover{transform:scale(1.1)}.ai-assistant-panel{position:fixed;bottom:160px;right:24px;width:360px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:999;overflow:hidden}.ai-panel-header{padding:12px 16px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600}.ai-panel-header button{background:#fff3;border:none;color:#fff;padding:4px 10px;border-radius:12px;cursor:pointer;font-size:12px}.ai-panel-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;max-height:320px;background:#f8fafc}.ai-msg{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;max-width:85%}.ai-msg.user{background:#8b5cf6;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-msg.ai{background:#fff;border:1px solid #e5e7eb;align-self:flex-start;border-bottom-left-radius:4px}.ai-msg.typing{color:#9ca3af;font-style:italic}.ai-panel-input{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb}.ai-panel-input input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:20px;font-size:13px}.ai-panel-input input:focus{outline:none;border-color:#8b5cf6}.ai-panel-input button{padding:10px 18px;background:#8b5cf6;color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer}.ai-panel-input button:disabled{opacity:.5}@media (max-width: 768px){.ai-assistant-panel{width:calc(100vw - 32px);right:16px;bottom:140px}.ai-assistant-fab{bottom:70px;right:16px;width:50px;height:50px;font-size:20px}}.exam-summary-container{flex:1;padding:24px 24px 80px;max-width:1200px;margin:0 auto;width:100%}.summary-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border-radius:14px;border:2px solid #e5e7eb;cursor:pointer;transition:all .25s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stat-card.active{border-color:var(--card-color);background:linear-gradient(135deg,#fff,rgba(var(--card-color),.05));box-shadow:0 4px 15px #0000001a}.stat-icon{font-size:32px}.stat-info h4{margin:0 0 4px;font-size:16px;color:#1f2937}.stat-info p{margin:0;font-size:12px;color:#64748b}.summary-search-bar{position:relative;margin-bottom:20px}.summary-search-bar input{width:100%;padding:14px 44px 14px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:border-color .2s}.summary-search-bar input:focus{outline:none;border-color:#3b82f6}.clear-search{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#e5e7eb;border-radius:50%;cursor:pointer;font-size:12px;color:#64748b}.category-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:20px;border-left:4px solid var(--cat-color)}.cat-icon{font-size:28px}.category-header h2{margin:0;font-size:20px;color:#1f2937;flex:1}.cat-weight{padding:6px 14px;background:#fff;border-radius:20px;font-size:13px;color:#64748b;font-weight:500}.points-list{display:flex;flex-direction:column;gap:16px}.point-card{position:relative;background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s}.point-card:hover{box-shadow:0 4px 15px #0000000f}.point-card.expanded{border-color:var(--point-color);box-shadow:0 6px 20px #00000014}.point-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.point-header:hover{background:#f8fafc}.point-left{display:flex;align-items:center;gap:16px}.point-index{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--point-color) 0%,var(--point-color) 100%);color:#fff;border-radius:10px;font-size:14px;font-weight:700}.point-title-area h3{margin:0 0 6px;font-size:16px;color:#1f2937}.point-tags{display:flex;gap:10px;align-items:center}.freq-tag{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid}.diff-tag{font-size:12px;color:#64748b}.diff-tag .stars{color:#f59e0b;letter-spacing:1px}.expand-icon{font-size:12px;color:#9ca3af;transition:transform .25s}.expand-icon.rotated{transform:rotate(180deg)}.point-formulas{padding:0 20px 16px;display:flex;flex-wrap:wrap;gap:8px}.formula-chip{padding:6px 12px;background:linear-gradient(135deg,#1e293b,#334155);color:#fbbf24;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:13px}.point-detail{padding:16px 20px 20px;border-top:1px dashed #e5e7eb;margin-top:4px;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:16px}.detail-section h4{margin:0 0 10px;font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.vip-lock{padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:6px;font-size:10px;font-weight:600}.key-points-list,.mistakes-list{margin:0;padding-left:20px}.key-points-list li,.mistakes-list li{font-size:14px;color:#4b5563;line-height:1.8;margin-bottom:4px}.mistakes-list li{color:#dc2626}.detail-section.blurred .blur-placeholder{padding:16px;background:#f8fafc;border-radius:10px;text-align:center;filter:blur(0)}.blur-placeholder p{margin:0;color:#9ca3af;font-size:13px}.tip-section{padding:14px 16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:10px;border-left:4px solid #f59e0b}.tip-section h4{color:#92400e}.tip-section p{margin:0;font-size:14px;color:#78350f;line-height:1.6}.related-exp{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f0fdf4;border-radius:10px;margin-top:12px}.related-exp span{font-size:13px;color:#166534}.goto-exp-btn{padding:8px 16px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.goto-exp-btn:hover{background:#16a34a;transform:translate(2px)}.summary-footer{display:flex;justify-content:center;gap:48px;padding:32px 0;margin-top:32px;border-top:1px solid #e5e7eb}.footer-stat{text-align:center}.footer-num{display:block;font-size:32px;font-weight:700;color:#1f2937;margin-bottom:4px}.footer-label{font-size:13px;color:#64748b}@media (max-width: 768px){.exam-summary-container{padding:16px}.summary-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px;gap:10px}.stat-icon{font-size:24px}.stat-info h4{font-size:14px}.category-header{flex-wrap:wrap;gap:8px}.category-header h2{font-size:18px}.point-header{padding:14px 16px}.point-index{width:32px;height:32px;font-size:12px}.point-title-area h3{font-size:14px}.point-tags{flex-wrap:wrap;gap:6px}.point-formulas{padding:0 16px 14px}.formula-chip{font-size:12px;padding:4px 10px}.point-detail{padding:0 16px 16px}.summary-footer{gap:24px}.footer-num{font-size:24px}}@media (max-width: 480px){.summary-stats-row{grid-template-columns:1fr}.point-left{flex-direction:column;align-items:flex-start;gap:10px}.point-index{display:none}}.profile-container{flex:1;overflow-y:auto;padding:24px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.profile-header-card{display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:20px;color:#fff;margin-bottom:24px}.profile-avatar{width:100px;height:100px;background:#ffffff1a;border:4px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px}.profile-info{flex:1}.profile-info h1{font-size:28px;margin:0 0 8px}.profile-email{color:#ffffffb3;margin:0 0 12px}.profile-badges{display:flex;gap:10px}.badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.badge.vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge.free{background:#ffffff26;color:#fff}.badge.guest{background:#64748b4d;color:#cbd5e1}.badge.grade{background:#3b82f64d;color:#93c5fd}.profile-actions{display:flex;flex-direction:column;gap:10px}.profile-actions .action-btn{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary{background:#3b82f6;border:none;color:#fff}.action-btn.premium{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.action-btn.outline{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.profile-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 2px 8px #0000000f}.profile-tabs .tab-btn{flex:1;padding:14px 20px;border:none;background:transparent;border-radius:12px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.profile-tabs .tab-btn:hover{background:#f1f5f9}.profile-tabs .tab-btn.active{background:#3b82f6;color:#fff}.profile-content{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000f}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:16px}.stat-card.membership{background:linear-gradient(135deg,#eff6ff,#dbeafe);margin-bottom:20px}.stat-icon{font-size:36px}.stat-info h3{font-size:14px;color:#64748b;margin:0 0 4px}.stat-info .stat-value{font-size:24px;font-weight:700;color:#1e293b;margin:0}.stat-info .stat-sub{font-size:13px;color:#64748b;margin:4px 0 0}.stat-card .upgrade-btn{margin-left:auto;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.benefits-card{background:#f8fafc;border-radius:16px;padding:20px}.benefits-card h3{margin:0 0 16px;font-size:16px;color:#1e293b}.benefits-list{display:flex;flex-direction:column;gap:12px}.benefit-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:10px}.benefit-name{color:#475569}.benefit-status{font-size:13px;font-weight:600}.benefit-status.available{color:#22c55e}.benefit-status.limited{color:#f59e0b}.benefit-status.locked{color:#94a3b8}.guest-prompt{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border:2px solid #f59e0b}.prompt-content{flex:1}.prompt-content h4{margin:0 0 4px;color:#92400e}.prompt-content p{margin:0;font-size:14px;color:#a16207}.prompt-btn{padding:12px 24px;background:#f59e0b;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.progress-section h3{margin:0 0 20px}.progress-bars{display:flex;flex-direction:column;gap:16px}.progress-item{display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;font-size:14px;color:#475569}.progress-bar-bg{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:5px;transition:width .5s ease}.locked-overlay,.empty-records,.settings-locked{text-align:center;padding:60px 20px;color:#64748b}.locked-overlay button,.empty-records button,.settings-locked button{margin-top:16px;padding:12px 28px;background:#3b82f6;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.records-list{display:flex;flex-direction:column;gap:12px}.record-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px}.record-icon{font-size:28px}.record-info{flex:1}.record-info h4{margin:0 0 4px;font-size:15px;color:#1e293b}.record-info p{margin:0;font-size:13px;color:#64748b}.record-time{font-size:12px;color:#94a3b8}.settings-list{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:12px}.setting-label span{font-size:15px;color:#1e293b;display:block;margin-bottom:4px}.setting-label p{margin:0;font-size:13px;color:#64748b}.setting-btn{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;cursor:pointer}.setting-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.setting-btn:disabled{opacity:.5;cursor:not-allowed}.setting-item.danger{border:1px solid #fecaca}.setting-btn.danger{border-color:#ef4444;color:#ef4444}.setting-btn.danger:hover{background:#ef4444;color:#fff}.setting-input{padding:8px 12px;border:2px solid #3b82f6;border-radius:8px;font-size:14px;color:#1e293b;width:200px}.setting-actions{display:flex;gap:8px}.setting-btn.save{background:#3b82f6;border-color:#3b82f6;color:#fff}.setting-btn.save:hover{background:#2563eb}.setting-btn.cancel{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.setting-btn.cancel:hover{background:#e2e8f0}.password-edit-box{display:flex;flex-direction:column;gap:8px}.password-edit-box input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;width:200px}.password-edit-box input:focus{border-color:#3b82f6;outline:none}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-header-card{flex-direction:column;text-align:center}.profile-actions{flex-direction:row}}.subscribe-container{flex:1;overflow-y:auto;background:var(--bg-warm);width:100%}.academic-center.high-stakes{max-width:1100px;margin:0 auto;padding:40px 20px 80px;animation:fadeIn .5s ease}.danger-zone-banner{background:#be123c;color:#fff;padding:20px 30px;border-radius:16px;margin-bottom:40px;box-shadow:0 10px 30px #be123c4d}.alert-content{display:flex;align-items:center;gap:20px}.pulse-icon{font-size:32px;animation:pulseSiren 1s infinite}.alert-text h3{font-size:20px;margin-bottom:4px;font-weight:800}.alert-text p{font-size:14px;opacity:.9}.academic-hero-v2{text-align:center;margin-bottom:60px;position:relative}.top-meta{margin-bottom:24px;font-size:13px;color:#64748b;font-weight:700}.value-reveal{position:relative;display:inline-block;margin-bottom:30px}.price-label{font-size:14px;color:#94a3b8;margin-bottom:8px;font-weight:700}.massive-price{font-size:84px;font-weight:900;color:#f1f5f9;text-shadow:2px 2px 0 #cbd5e1;letter-spacing:-2px}.free-sash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);background:#f59e0b;color:#fff;padding:8px 32px;font-size:28px;font-weight:900;border-radius:8px;box-shadow:0 4px 15px #f59e0b66}.academic-hero-v2 h1{font-size:40px;color:#0f172a;margin-bottom:8px}.sub-header{font-size:18px;color:#64748b}.fear-factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}.fear-card{padding:30px;background:#fff;border-radius:20px;border:4px solid #f1f5f9}.fear-card.highlight{border-color:#fef3c7;background:#fffcf0}.f-icon{font-size:40px;margin-bottom:16px}.fear-card h4{font-size:20px;margin-bottom:12px;color:#1e293b}.fear-card p{font-size:14px;color:#64748b;line-height:1.7}.activation-action-box{background:#0f172a;padding:50px;border-radius:30px;color:#fff;box-shadow:0 20px 50px #0003}.input-section h3{font-size:24px;margin-bottom:30px;text-align:center;color:#e2e8f0}.mega-input{display:flex;gap:16px;max-width:700px;margin:0 auto 50px}.mega-input input{flex:1;padding:20px 30px;border-radius:15px;border:none;font-size:20px;background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.1)}.mega-input button{padding:0 40px;border-radius:15px;background:#3b82f6;color:#fff;border:none;font-weight:800;font-size:18px;cursor:pointer}.referral-section{border-top:1px solid rgba(255,255,255,.1);padding-top:40px;display:flex;align-items:center;justify-content:space-between}.ref-info{max-width:450px}.ref-info h4{font-size:18px;color:#f59e0b;margin-bottom:8px}.ref-info p{font-size:14px;opacity:.7}.viral-btn{padding:18px 36px;border-radius:40px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 20px #f59e0b4d}.trust-footer{margin-top:50px;text-align:center}.assurance{font-size:12px;color:#94a3b8}.compare-section-v2{margin-top:60px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #00000008;border:1px solid #e2e8f0}.compare-section-v2 h2{text-align:center;font-size:24px;margin-bottom:30px;color:#1e293b}.compare-table{width:100%;display:flex;flex-direction:column}.compare-header,.compare-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0}.compare-header{background:#f8fafc;font-weight:800;color:#475569;border-radius:12px 12px 0 0;border-bottom:2px solid #cbd5e1}.compare-row:last-child{border-bottom:none}.compare-row{transition:background .2s}.compare-row:hover{background:#f1f5f9}.compare-cell{text-align:center;font-size:14px}.compare-cell.feature-name{text-align:left;font-weight:600;color:#1e293b}.compare-cell.vip{color:#b45309;font-weight:800;background:#f59e0b0d;padding:8px;border-radius:6px}.compare-row .compare-cell{color:#64748b}@keyframes pulseSiren{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity 1s ease}.boot-screen.fade-out{opacity:0;pointer-events:none}.pixel-laptop-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1200px}.pixel-hand{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);z-index:20;opacity:0;transition:all .8s ease}.pixel-hand.visible{opacity:1;transform:translate(-50%) translateY(0)}.pixel-hand.lifting{transform:translate(-50%) translateY(-80px);opacity:0}.hand-sprite{width:100px;height:60px;background:linear-gradient(#ffd5b5,#ffd5b5) 15px 0 / 14px 25px no-repeat,linear-gradient(#ffd5b5,#ffd5b5) 33px 0 / 14px 28px no-repeat,linear-gradient(#ffd5b5,#ffd5b5) 51px 0 / 14px 25px no-repeat,linear-gradient(#ffd5b5,#ffd5b5) 69px 5px / 12px 20px no-repeat,linear-gradient(#ffcba4,#ffcba4) 10px 25px / 70px 30px no-repeat,linear-gradient(#ffd5b5,#ffd5b5) 0 20px / 18px 25px no-repeat;image-rendering:pixelated;filter:drop-shadow(2px 4px 0 #c9a07a)}.pixel-laptop{display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d}.pixel-screen{transform-origin:bottom center;transform:rotateX(-85deg);transition:transform 1.2s cubic-bezier(.34,1.2,.64,1)}.pixel-laptop.opening .pixel-screen{transform:rotateX(-20deg)}.pixel-laptop.open .pixel-screen{transform:rotateX(-8deg)}.screen-bezel{width:600px;height:400px;background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border:8px solid #1a1a1a;border-radius:12px 12px 4px 4px;padding:16px;box-shadow:inset 0 0 0 2px #3a3a3a,0 -4px 20px #00000080,0 10px 40px #0000004d}.screen-display{width:100%;height:100%;background:#111;border-radius:4px;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;opacity:.3;transition:all .8s ease}.screen-display.on{opacity:1;background:linear-gradient(180deg,#1a1a2e,#12121a);box-shadow:inset 0 0 60px #4fc3f70d}.screen-display:has(.form-screen){align-items:flex-start;padding:16px 0}.crt-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:50}.pixel-keyboard{width:580px;height:50px;background:linear-gradient(180deg,#3a3a3a,#252525);border-radius:0 0 6px 6px;padding:10px 30px;box-shadow:inset 0 2px #4a4a4a,0 8px 20px #0006;transform:perspective(500px) rotateX(50deg);transform-origin:top center}.keyboard-surface{display:flex;flex-direction:column;gap:4px}.keys-row{display:flex;gap:4px;justify-content:center}.pixel-key{width:32px;height:14px;background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border-radius:2px;box-shadow:inset 0 -1px #2a2a2a,inset 0 1px #5a5a5a}.boot-animation{text-align:center;color:#0f0;font-family:"Press Start 2P",cursive;animation:fadeIn .5s ease}.boot-line{font-size:12px;margin:8px 0;animation:typeIn .3s ease}.pixel-loader{width:200px;height:16px;border:3px solid #00ff00;margin:20px auto 0;padding:2px}.loader-bar{height:100%;background:#0f0;animation:loadProgress 1s ease-out forwards}@keyframes loadProgress{0%{width:0}to{width:100%}}.select-screen{text-align:center;padding:20px;animation:fadeIn .5s ease}.select-screen h1{font-size:24px;font-family:Noto Sans SC,sans-serif;font-weight:800;color:#4fc3f7;margin-bottom:8px;text-shadow:0 0 20px rgba(79,195,247,.4)}.select-screen .subtitle{font-size:14px;font-family:Noto Sans SC,sans-serif;color:#888;margin-bottom:28px}.user-options{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.option-card{width:160px;padding:24px 16px;background:#ffffff08;border:3px solid #3a3a3a;border-radius:12px;cursor:pointer;transition:all .3s ease}.option-card:hover{border-color:#4fc3f7;background:#4fc3f714;transform:translateY(-6px);box-shadow:0 12px 30px #4fc3f733}.option-card.guest:hover{border-color:#81c784;background:#81c78414;box-shadow:0 12px 30px #81c78433}.pixel-avatar{width:64px;height:64px;margin:0 auto 16px;background:#2a2a3a;border:3px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.option-card:hover .pixel-avatar{border-color:#4fc3f7}.option-card.guest:hover .pixel-avatar{border-color:#81c784}.option-card>span{display:block;font-size:16px;font-family:Noto Sans SC,sans-serif;font-weight:700;color:#fff;margin-bottom:8px}.option-card>p{font-size:12px;font-family:Noto Sans SC,sans-serif;color:#666;margin:0}.hint-bar{font-size:12px;font-family:Noto Sans SC,sans-serif;color:#f59e0b;padding:10px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;display:inline-block}.form-screen{width:100%;max-width:340px;padding:60px 24px 24px;position:relative;animation:fadeIn .4s ease;margin:0 auto}.form-screen.register{max-width:400px;padding-top:60px}.back-btn{position:absolute;top:16px;left:24px;background:transparent;border:2px solid #444;border-radius:6px;color:#888;padding:6px 12px;font-size:12px;font-family:Noto Sans SC,sans-serif;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:#4fc3f7;color:#4fc3f7}.form-icon{font-size:40px;margin-bottom:12px}.form-screen h2{font-size:20px;font-family:Noto Sans SC,sans-serif;font-weight:700;color:#4fc3f7;margin-bottom:20px}.form-error{font-size:13px;font-family:Noto Sans SC,sans-serif;color:#ef5350;background:#ef53501a;border:1px solid rgba(239,83,80,.3);border-radius:6px;padding:10px;margin-bottom:16px}.field{text-align:left;margin-bottom:14px}.field label{display:block;font-size:13px;font-family:Noto Sans SC,sans-serif;font-weight:600;color:#888;margin-bottom:6px}.field input,.field select{width:100%;padding:10px 12px;background:#1a1a2a;border:2px solid #333;border-radius:8px;color:#fff;font-size:14px;font-family:Noto Sans SC,sans-serif;transition:all .2s}.field input:focus,.field select:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.field input::placeholder{color:#555}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:10px;color:#000;font-size:15px;font-family:Noto Sans SC,sans-serif;font-weight:700;cursor:pointer;transition:all .3s;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4fc3f766}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.switch-link{font-size:13px;font-family:Noto Sans SC,sans-serif;color:#888;margin-top:16px}.switch-link span{color:#4fc3f7;cursor:pointer;font-weight:600}.switch-link span:hover{text-decoration:underline}.welcome-screen{text-align:center;animation:fadeIn .5s ease}.welcome-avatar{width:100px;height:100px;margin:0 auto 20px;background:#2a2a3a;border:4px solid #4fc3f7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 0 30px #4fc3f74d;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.welcome-screen h1{font-size:22px;font-family:Noto Sans SC,sans-serif;font-weight:600;color:#fff;margin-bottom:8px}.welcome-name{font-size:28px;font-family:Noto Sans SC,sans-serif;font-weight:800;color:#4fc3f7;margin-bottom:24px;text-shadow:0 0 15px rgba(79,195,247,.4)}.dots{font-size:20px;color:#4fc3f7;font-family:"Press Start 2P",cursive}.dots span{animation:blink 1.4s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.loading-text{font-size:14px;font-family:Noto Sans SC,sans-serif;color:#666;margin-top:16px}.desktop-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:zoomIn .6s ease}.desktop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.desk-icon{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:48px;animation:iconPop .4s ease backwards}.desk-icon:nth-child(1){animation-delay:.1s}.desk-icon:nth-child(2){animation-delay:.2s}.desk-icon:nth-child(3){animation-delay:.3s}.desk-icon:nth-child(4){animation-delay:.4s}.desk-icon span{font-size:13px;font-family:Noto Sans SC,sans-serif;font-weight:600;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8)}@keyframes iconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.boot-tip{position:absolute;bottom:24px;font-size:12px;font-family:Noto Sans SC,sans-serif;color:#444}@media (max-width: 700px){.screen-bezel{width:90vw;max-width:400px;height:320px;padding:12px}.pixel-keyboard{width:calc(90vw - 20px);max-width:380px;height:40px;padding:8px 20px}.pixel-key{width:22px;height:12px}.user-options{flex-direction:column;align-items:center;gap:16px}.option-card{width:100%;max-width:200px}.select-screen h1{font-size:20px}.desktop-grid{grid-template-columns:repeat(2,1fr);gap:20px}.desk-icon{font-size:36px}.field-row{flex-direction:column;gap:0}.pixel-hand{display:none}}.learning-center{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}.lc-guest-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.lc-guest-prompt .guest-icon{font-size:64px;margin-bottom:20px}.lc-guest-prompt h2{font-size:24px;color:#1f2937;margin-bottom:8px}.lc-guest-prompt>p{color:#64748b;margin-bottom:32px}.guest-features{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.guest-feature{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;position:relative}.guest-feature span:first-child{font-size:28px}.guest-feature h4{font-size:14px;color:#1f2937;margin:0 0 4px}.guest-feature p{font-size:12px;color:#64748b;margin:0}.guest-feature.vip{border:2px solid #f59e0b}.guest-feature .vip-tag{position:absolute;top:-8px;right:-8px;background:#f59e0b;color:#fff;font-size:10px;padding:2px 6px;border-radius:8px}.guest-actions{display:flex;gap:12px}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.btn-secondary{padding:14px 32px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;cursor:pointer}.lc-header{display:flex;align-items:center;gap:20px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.lc-back{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;font-size:14px;cursor:pointer;color:#64748b}.lc-title{flex:1}.lc-title h1{font-size:20px;color:#1f2937;margin:0}.lc-title span{font-size:13px;color:#64748b}.lc-upgrade{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.lc-tabs{display:flex;gap:8px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.lc-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.lc-tab:hover{background:#f1f5f9}.lc-tab.active{background:#eff6ff;border-color:#3b82f6}.lc-tab .tab-icon{font-size:24px}.lc-tab .tab-label{font-size:14px;font-weight:600;color:#1f2937}.lc-tab .tab-desc{font-size:11px;color:#64748b}.lc-tab .tab-badge{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.lc-tab .tab-vip{position:absolute;top:8px;right:8px;background:#f59e0b;color:#fff;font-size:9px;padding:2px 5px;border-radius:4px}.lc-content{flex:1;overflow-y:auto;padding:24px}.progress-page{max-width:900px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000a}.stat-card .stat-icon{font-size:28px;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#1f2937}.stat-card .stat-value span{font-size:16px;color:#9ca3af}.stat-card .stat-label{font-size:13px;color:#64748b;margin-top:4px}.stat-card.purple{border-left:4px solid #8b5cf6}.section-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:16px;color:#1f2937;margin:0}.section-tip{font-size:12px;color:#94a3b8}.vip-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;padding:4px 10px;border-radius:12px}.knowledge-list{display:flex;flex-direction:column;gap:16px}.knowledge-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.knowledge-info{display:flex;align-items:center;gap:12px}.knowledge-icon{font-size:24px}.knowledge-name{font-size:14px;font-weight:600;color:#1f2937}.knowledge-weight{font-size:11px;color:#94a3b8}.knowledge-progress{flex:1;max-width:200px;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s}.progress-status{font-size:12px;font-weight:500;min-width:50px;text-align:right}.week-chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:0 10px;margin-bottom:16px}.chart-bar{display:flex;flex-direction:column;align-items:center;width:36px}.chart-bar .bar-fill{width:24px;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.chart-bar.today .bar-fill{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.chart-bar .bar-label{font-size:12px;color:#64748b;margin-top:8px}.chart-summary{text-align:center;font-size:14px;color:#64748b}.chart-summary strong{color:#1f2937}.chart-summary .highlight{color:#22c55e;font-size:18px}.ai-analysis .ai-content{display:flex;flex-direction:column;gap:12px}.ai-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:10px}.ai-item.weakness{background:#fef2f2}.ai-item.strength{background:#f0fdf4}.ai-item.suggestion{background:#eff6ff}.ai-item .ai-icon{font-size:20px}.ai-item .ai-title{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:2px}.ai-item .ai-text{font-size:13px;color:#64748b;line-height:1.5}.parent-share{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;border:2px solid #93c5fd}.parent-share .share-icon{font-size:36px}.parent-share .share-content{flex:1}.parent-share h4{font-size:15px;color:#1e40af;margin:0 0 4px}.parent-share p{font-size:13px;color:#3b82f6;margin:0}.parent-share .share-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer}.vip-upgrade-card{background:#fff;border-radius:16px;padding:24px;position:relative;overflow:hidden}.upgrade-preview h3{font-size:18px;color:#1f2937;margin:0 0 16px}.preview-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.preview-item{padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:13px;color:#64748b}.upgrade-cta{display:flex;align-items:center;justify-content:space-between}.price-tag .original{text-decoration:line-through;color:#9ca3af;font-size:14px;margin-right:8px}.price-tag .current{font-size:24px;font-weight:700;color:#f59e0b}.upgrade-btn{padding:12px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer}.blur-preview{margin-top:20px;height:100px;background:#f1f5f9;border-radius:12px;position:relative}.blur-preview .fake-chart{width:100%;height:100%;background:repeating-linear-gradient(90deg,#e2e8f0 0px,#e2e8f0 20px,transparent 20px,transparent 40px);filter:blur(4px)}.blur-preview .blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:14px;color:#64748b}.mistakes-page{max-width:800px;margin:0 auto}.mistakes-overview{display:flex;gap:16px;margin-bottom:20px}.overview-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.overview-stat .stat-num{font-size:32px;font-weight:700}.overview-stat .stat-text{font-size:13px;color:#64748b}.overview-stat.red .stat-num{color:#ef4444}.overview-stat.green .stat-num{color:#22c55e}.overview-stat.blue .stat-num{color:#3b82f6}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-group{display:flex;gap:8px}.filter-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;cursor:pointer;color:#64748b}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.exp-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.mistake-analysis{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.analysis-header h4{font-size:15px;color:#1f2937;margin:0}.analysis-chart{display:flex;flex-direction:column;gap:10px}.chart-item{display:flex;align-items:center;gap:12px}.chart-label{display:flex;align-items:center;gap:6px;font-size:13px;min-width:80px}.chart-bar-wrap{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.chart-bar-fill{height:100%;border-radius:4px}.chart-percent{font-size:12px;color:#64748b;min-width:36px;text-align:right}.analysis-tip{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#fffbeb;border-radius:8px;font-size:13px;color:#92400e}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0}.mistakes-list{display:flex;flex-direction:column;gap:16px}.mistake-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a;border-left:4px solid #ef4444}.mistake-card.resolved{border-left-color:#22c55e;opacity:.7}.mistake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mistake-tags{display:flex;gap:8px}.type-tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.exp-tag{padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:12px;color:#64748b}.mistake-content{font-size:14px;color:#374151;line-height:1.7;margin-bottom:12px}.ai-hint{padding:10px 12px;background:#eff6ff;border-radius:8px;font-size:13px;color:#1e40af;margin-bottom:12px}.ai-hint .ai-label{font-weight:600;margin-right:4px}.mistake-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.secondary{background:#f1f5f9;color:#64748b}.action-btn.outline{background:#fff;border:1px solid #e2e8f0;color:#64748b}.resolved-badge{font-size:13px;color:#22c55e}.bottom-actions{margin-top:24px;padding:16px;background:#fff;border-radius:12px;text-align:center}.export-btn{padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.upgrade-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px}.upgrade-prompt span{font-size:13px;color:#64748b}.upgrade-prompt button{padding:10px 20px;background:#f59e0b;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.reports-page{max-width:800px;margin:0 auto}.exp-selector{margin-bottom:20px}.exp-selector label{font-size:14px;color:#64748b;display:block;margin-bottom:10px}.exp-tabs{display:flex;gap:10px;flex-wrap:wrap}.exp-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s}.exp-tab:hover{border-color:#3b82f6}.exp-tab.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.report-preview{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;position:relative}.report-cover{padding:32px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;text-align:center}.cover-header{margin-bottom:20px}.cover-header .school-name{font-size:14px;opacity:.8}.cover-header .report-type{font-size:12px;opacity:.6;margin-top:4px}.report-title{font-size:22px;margin:0 0 24px;line-height:1.4}.cover-info{display:flex;justify-content:center;gap:32px;font-size:14px;opacity:.9}.cover-info span{opacity:.7}.report-body{padding:32px;position:relative}.report-body.blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}.report-section{margin-bottom:24px}.report-section h3{display:flex;align-items:center;gap:8px;font-size:16px;color:#1f2937;margin:0 0 12px}.section-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px}.report-section p{font-size:14px;color:#4b5563;line-height:1.8;margin:0}.report-section.highlight{padding:16px;background:#fffbeb;border-radius:10px;border-left:4px solid #f59e0b}.report-section.highlight h3{color:#92400e}.steps-list{margin:0;padding-left:24px;font-size:14px;color:#4b5563;line-height:2}.data-table th,.data-table td{padding:12px;border:1px solid #e2e8f0;text-align:center}.data-table th{background:#f8fafc;font-weight:600;color:#374151}.data-table td{color:#4b5563}.no-data{padding:32px;text-align:center;background:#f8fafc;border-radius:10px}.no-data p{color:#64748b;margin:0 0 12px}.no-data button{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}.ai-comment{background:#eff6ff;border-radius:12px;padding:20px}.ai-comment-content{display:flex;flex-direction:column;gap:10px}.comment-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#1e40af}.comment-icon{font-size:16px}.report-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff80,#fffffffa 60%);display:flex;align-items:center;justify-content:center}.lock-content{text-align:center;padding:40px}.lock-content .lock-icon{font-size:48px;margin-bottom:16px}.lock-content h3{font-size:20px;color:#1f2937;margin:0 0 8px}.lock-content>p{font-size:14px;color:#64748b;margin:0 0 20px}.lock-features{list-style:none;padding:0;margin:0 0 24px;text-align:left;display:inline-block}.lock-features li{font-size:14px;color:#4b5563;padding:6px 0}.unlock-btn{padding:14px 40px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #f59e0b66}.report-actions{display:flex;gap:12px;margin-top:20px}.generate-btn{flex:1;padding:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.generate-btn.locked{background:linear-gradient(135deg,#f59e0b,#d97706)}.export-btn,.share-btn{padding:16px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;cursor:pointer}@media (max-width: 768px){.lc-header{flex-direction:column;align-items:flex-start;gap:12px}.lc-upgrade{width:100%;text-align:center}.lc-tabs{overflow-x:auto;padding-bottom:8px}.lc-tab{min-width:100px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card .stat-value{font-size:22px}.knowledge-item{flex-direction:column;align-items:flex-start}.knowledge-progress{max-width:100%;width:100%}.mistakes-overview{flex-wrap:wrap}.overview-stat{min-width:calc(50% - 8px)}.filter-bar{flex-direction:column;gap:12px;align-items:stretch}.exp-filter{width:100%}.cover-info{flex-direction:column;gap:8px}.report-body{padding:20px}.guest-features{flex-direction:column}.guest-actions{flex-direction:column;width:100%}.guest-actions button{width:100%}}.reports-page{padding:20px}.exp-selector-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.exp-selector-card h3{margin:0 0 16px;font-size:16px}.exp-selector-grid{display:flex;gap:12px;flex-wrap:wrap}.exp-select-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;position:relative}.exp-select-btn:hover{border-color:var(--exp-color)}.exp-select-btn.active{border-color:var(--exp-color);background:color-mix(in srgb,var(--exp-color) 10%,white)}.exp-select-btn.has-data:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:#22c55e;border-radius:50%}.exp-select-icon{font-size:20px}.exp-select-name{font-weight:500}.exp-data-badge{background:#dbeafe;color:#1d4ed8;padding:2px 6px;border-radius:8px;font-size:11px}.exp-complete-check{color:#22c55e;font-weight:700}.no-data-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.no-data-icon{font-size:64px;margin-bottom:16px}.no-data-state h3{margin:0 0 8px;color:#1f2937}.no-data-state p{color:#64748b;margin-bottom:20px}.report-content{display:grid;grid-template-columns:360px 1fr;gap:20px}@media (max-width: 1024px){.report-content{grid-template-columns:1fr}}.score-card-large{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:20px;padding:24px;color:#fff}.score-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.score-exp-icon{font-size:32px}.score-header h3{margin:0;font-size:18px}.score-textbook{font-size:12px;opacity:.7}.score-main{text-align:center;padding:20px 0}.score-grade{font-size:72px;font-weight:800;text-shadow:0 0 40px currentColor}.score-detail{font-size:24px;margin-top:8px}.score-number{font-weight:700}.score-divider{opacity:.5;margin:0 4px}.score-max{opacity:.7}.score-unit{font-size:14px;opacity:.5;margin-left:4px}.score-percentage{font-size:14px;opacity:.8;margin-top:8px}.score-meta{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.meta-item{text-align:center}.meta-label{display:block;font-size:12px;opacity:.6}.meta-value{font-size:16px;font-weight:600}.radar-chart-container{background:#fff;border-radius:16px;padding:20px;margin-top:16px}.radar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.radar-header h4{margin:0;font-size:15px}.radar-subtitle{font-size:12px;color:#64748b}.radar-svg{display:block;margin:0 auto}.radar-legend{display:flex;justify-content:center;gap:20px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.full{background:#22c55e;opacity:.3;border:2px dashed #22c55e}.legend-dot.current{background:#3b82f64d;border:2px solid #3b82f6}.points-detail{margin-top:16px;display:flex;flex-direction:column;gap:10px}.point-row{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:8px}.point-row.mastered{background:#f0fdf4}.point-info{flex:1;min-width:0}.point-name{font-size:13px;font-weight:600;color:#1f2937;display:block}.point-desc{font-size:11px;color:#64748b}.point-progress{display:flex;align-items:center;gap:8px}.progress-bar{width:60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s}.point-score{font-size:12px;font-weight:600;color:#374151;min-width:32px}.ai-comments-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px}.card-header h4{margin:0;font-size:15px}.vip-tag{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px}.comments-content.blur-content{filter:blur(4px);-webkit-user-select:none;user-select:none}.comment-section{margin-bottom:16px}.comment-section h5{font-size:13px;color:#374151;margin:0 0 8px}.comment-section ul{margin:0;padding-left:20px}.comment-section li{font-size:13px;color:#22c55e;line-height:1.8}.comment-item{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:8px}.comment-icon{font-size:18px}.comment-text{font-size:14px;color:#374151;line-height:1.6}.improvement-item{display:flex;flex-direction:column;gap:2px;padding:10px;background:#fffbeb;border-radius:8px;margin-bottom:8px;border-left:3px solid #f59e0b}.imp-point{font-size:12px;font-weight:600;color:#92400e}.imp-tip{font-size:13px;color:#78350f}.vip-overlay{text-align:center;padding:20px;margin-top:-60px;position:relative;background:linear-gradient(to bottom,transparent,white 30%)}.vip-overlay p{margin-bottom:12px;color:#64748b}.btn-vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:600;cursor:pointer}.data-preview-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px}.data-count{font-size:13px;color:#64748b}.data-table-wrapper{max-height:200px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid #e2e8f0;text-align:center}.data-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0}.data-more{text-align:center;padding:8px;font-size:12px;color:#64748b}.data-placeholder{text-align:center;padding:20px;color:#64748b}.data-placeholder .hint{font-size:12px;opacity:.7}.export-section{background:#fff;border-radius:16px;padding:20px}.export-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.export-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.export-btn .vip-badge{background:#f59e0b;padding:2px 6px;border-radius:8px;font-size:10px}.export-tips{margin-top:12px}.export-tips p{font-size:12px;color:#64748b;margin:4px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.export-modal{background:#fff;border-radius:20px;width:90%;max-width:480px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px}.modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;font-size:20px;cursor:pointer}.modal-body{padding:20px}.export-preview{display:flex;gap:16px;margin-bottom:20px}.preview-cover{width:100px;height:140px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.preview-icon{font-size:32px}.preview-cover h4{margin:8px 0 0;font-size:14px}.preview-cover p{margin:0;font-size:12px;opacity:.8}.preview-info{flex:1}.preview-info p{margin:6px 0;font-size:13px;color:#374151}.format-selector{display:flex;gap:12px}.format-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.format-option input{display:none}.format-option.active{border-color:#3b82f6;background:#eff6ff}.format-icon{font-size:28px}.format-name{font-weight:600;font-size:14px}.format-desc{font-size:11px;color:#64748b}.vip-prompt{display:flex;align-items:center;gap:12px;padding:12px;background:#fffbeb;border-radius:10px;margin-top:16px}.vip-prompt p{flex:1;margin:0;font-size:13px;color:#92400e}.vip-prompt button{background:#f59e0b;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 20px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer}.btn-export{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-export:disabled{opacity:.5;cursor:not-allowed}.progress-page{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.stat-card.blue{border-left:4px solid #3b82f6}.stat-card.green{border-left:4px solid #22c55e}.stat-card.orange{border-left:4px solid #f59e0b}.stat-card.red{border-left:4px solid #ef4444}.stat-icon{font-size:28px}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#1f2937}.stat-total{font-size:18px;color:#9ca3af}.stat-unit{font-size:14px;color:#64748b;margin-left:2px}.stat-label{font-size:13px;color:#64748b}.stat-action{position:absolute;bottom:12px;right:12px;background:none;border:none;color:#3b82f6;font-size:12px;cursor:pointer}.stat-progress{position:absolute;right:16px}.progress-ring{width:50px;height:50px;position:relative}.progress-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#e2e8f0;stroke-width:3}.ring-fill{fill:none;stroke:#3b82f6;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s}.progress-ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.week-chart-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px}.week-chart-card .card-header{display:flex;justify-content:space-between;margin-bottom:16px}.week-chart-card h3{margin:0;font-size:16px}.chart-unit{font-size:12px;color:#64748b}.week-chart{display:flex;justify-content:space-around;align-items:flex-end;height:150px;padding:10px 0}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.chart-bar-wrapper.today .chart-label{color:#3b82f6;font-weight:600}.chart-value{font-size:11px;color:#64748b;height:16px}.chart-bar-container{width:24px;height:100px;background:#f1f5f9;border-radius:12px;display:flex;align-items:flex-end;overflow:hidden}.chart-bar{width:100%;border-radius:12px;transition:height .5s;min-height:4px}.chart-label{font-size:12px;color:#64748b}.today-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%}.chart-empty-hint{text-align:center;padding:20px}.chart-empty-hint p{color:#64748b;margin-bottom:12px}.btn-start{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.exp-progress-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px}.exp-list{display:flex;flex-direction:column;gap:12px}.exp-progress-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .2s}.exp-progress-item:hover{background:#f1f5f9}.exp-progress-item.complete{background:#f0fdf4}.exp-progress-item .exp-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.exp-progress-item .exp-info{flex:1;min-width:0}.exp-name-row{display:flex;align-items:center;gap:8px}.exp-name-row h4{margin:0;font-size:15px}.exp-badge{font-size:11px;padding:2px 6px;border-radius:6px}.exp-badge.hot{background:#fef2f2;color:#dc2626}.exp-badge.must{background:#f0fdf4;color:#16a34a}.exp-badge.hard{background:#fffbeb;color:#d97706}.exp-progress-item .exp-desc{font-size:12px;color:#64748b;margin-top:2px}.exp-stats{display:flex;gap:20px}.exp-stat{text-align:center}.exp-stat .stat-num{display:block;font-size:16px;font-weight:600;color:#1f2937}.exp-stat .stat-label{font-size:11px;color:#64748b}.exp-status{min-width:70px;text-align:center}.status-complete{color:#22c55e;font-weight:600;font-size:13px}.status-progress{color:#3b82f6;font-size:13px}.status-new{color:#9ca3af;font-size:13px}.exp-action-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer}.exp-progress-item.complete .exp-action-btn{background:#22c55e}.achievements-card{background:#fff;border-radius:16px;padding:20px}.achievement-count{font-size:14px;color:#64748b}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media (max-width: 768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}.achievement-badge{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border-radius:12px;position:relative;opacity:.5}.achievement-badge.unlocked{opacity:1;background:#f0fdf4}.achievement-badge.vip-locked{opacity:.4}.badge-icon{font-size:28px}.badge-info{flex:1}.badge-name{display:block;font-size:13px;font-weight:600;color:#1f2937}.badge-desc{font-size:11px;color:#64748b}.achievement-badge .vip-tag{position:absolute;top:8px;right:8px}.unlocked-check{position:absolute;top:8px;right:8px;color:#22c55e;font-weight:700}.vip-achievements-hint{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fffbeb;border-radius:10px}.vip-achievements-hint p{margin:0;font-size:13px;color:#92400e}.vip-achievements-hint button{background:none;border:none;color:#d97706;font-weight:600;cursor:pointer}.mistakes-page{padding:20px}.empty-state-card{background:#fff;border-radius:16px;padding:40px;text-align:center}.empty-icon{font-size:56px;margin-bottom:16px}.empty-state-card h3{margin:0 0 8px}.empty-state-card>p{color:#64748b;margin-bottom:24px}.empty-tips{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.tip-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border-radius:10px}.tip-item span{font-size:20px}.tip-item p{margin:0;font-size:13px;color:#64748b}.mistakes-overview{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:20px;margin-bottom:16px}.overview-stats{display:flex;gap:32px}.overview-stat{text-align:center}.overview-stat.main .stat-number{font-size:36px;color:#ef4444}.overview-stat .stat-number{font-size:24px;font-weight:700;color:#1f2937}.overview-stat .stat-label{font-size:12px;color:#64748b}.review-now-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;animation:pulse 2s infinite}.analysis-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.analysis-panel{grid-template-columns:1fr}}.analysis-section{background:#fff;border-radius:16px;padding:20px}.analysis-section h4{margin:0 0 12px;font-size:14px}.type-bars{display:flex;flex-direction:column;gap:10px}.type-bar-item{cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.type-bar-item:hover,.type-bar-item.active{background:#f1f5f9}.type-bar-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.type-icon{font-size:16px}.type-name{flex:1;font-size:13px}.type-count{font-size:13px;font-weight:600}.type-bar-bg{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.type-bar-fill{height:100%;border-radius:3px;transition:width .3s}.exp-chips{display:flex;flex-wrap:wrap;gap:8px}.exp-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .2s}.exp-chip:hover,.exp-chip.active{border-color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 10%,white)}.chip-count{background:#e2e8f0;padding:2px 6px;border-radius:8px;font-size:11px}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px}.filter-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.clear-filter{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer}.mistakes-list{display:flex;flex-direction:column;gap:12px}.list-empty{text-align:center;padding:40px;background:#fff;border-radius:16px;color:#64748b}.mistake-card{background:#fff;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;border-left:4px solid #e2e8f0}.mistake-card:hover{box-shadow:0 4px 12px #00000014}.mistake-card.due{border-left-color:#ef4444}.mistake-card.soon{border-left-color:#f59e0b}.mistake-card.resolved{opacity:.6;border-left-color:#22c55e}.mistake-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.mistake-type{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.mistake-meta{flex:1;display:flex;gap:12px}.mistake-exp{font-size:13px;color:#374151}.mistake-date{font-size:12px;color:#9ca3af}.review-status{font-size:12px;padding:4px 10px;border-radius:12px;background:#f1f5f9}.review-status.due{background:#fef2f2;color:#dc2626}.review-status.soon{background:#fffbeb;color:#d97706}.mistake-content p{margin:0;font-size:14px;color:#1f2937;line-height:1.6}.mistake-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.type-label{font-size:12px;color:#64748b}.quick-resolve{background:none;border:1px solid #22c55e;color:#22c55e;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.vip-analysis-prompt{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:16px;padding:20px;margin-top:16px}.prompt-content{display:flex;align-items:center;gap:12px}.prompt-icon{font-size:32px}.prompt-content h4{margin:0;font-size:15px;color:#92400e}.prompt-content p{margin:4px 0 0;font-size:13px;color:#78350f}.mistake-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mistake-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.mistake-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-type{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;color:#fff;font-size:13px}.mistake-modal .modal-body{padding:20px}.modal-exp{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;margin-bottom:16px}.modal-content,.modal-analysis,.modal-review-info{margin-bottom:16px}.modal-content h4,.modal-analysis h4{font-size:14px;margin:0 0 8px;color:#374151}.modal-content p{margin:0;font-size:15px;line-height:1.7}.ai-suggestion{background:#f0fdf4;padding:12px;border-radius:10px}.ai-suggestion p{margin:0 0 8px;font-size:13px}.ai-suggestion ul{margin:0;padding-left:20px}.ai-suggestion li{font-size:13px;color:#166534;line-height:1.8}.vip-locked{text-align:center;padding:16px;background:#f8fafc;border-radius:10px}.vip-locked p{margin:0 0 8px;font-size:13px;color:#64748b}.vip-locked button{background:#f59e0b;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer}.modal-review-info{font-size:13px;color:#64748b}.modal-review-info p{margin:4px 0}.mistake-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.btn-secondary{padding:10px 20px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer}.btn-success{padding:10px 20px;background:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer}.resolved-badge{padding:10px 20px;background:#d1fae5;color:#065f46;border-radius:8px;font-weight:600}.ai-insight-panel{background:linear-gradient(135deg,#667eea08,#764ba208);border:1px solid #667eea30;border-radius:16px;padding:20px;margin-bottom:20px}.ai-insight-panel.minimal{padding:16px}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left{display:flex;align-items:center;gap:10px}.insight-icon{font-size:24px}.insight-header h3{margin:0;font-size:18px}.last-time{font-size:12px;color:#888}.btn-analyze{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.btn-analyze:disabled{opacity:.7;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid #fff4;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-vip-unlock{padding:10px 20px;background:linear-gradient(135deg,#f6d365,#fda085);color:#333;border:none;border-radius:8px;cursor:pointer}.insight-error{background:#fee;color:#c00;padding:10px;border-radius:8px;margin-bottom:16px}.insight-empty{text-align:center;padding:20px;color:#666}.insight-empty ul{text-align:left;max-width:280px;margin:16px auto}.insight-empty li{margin:8px 0}.insight-empty .hint{color:#999;font-size:13px;margin-top:16px}.insight-content{display:flex;flex-direction:column;gap:20px}.insight-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0001}.insight-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;color:#333}.insight-section h4 span{font-size:18px}.pattern-list{display:flex;flex-direction:column;gap:12px}.pattern-card{background:#f8f9fa;border-radius:8px;padding:12px;border-left:4px solid #667eea}.pattern-header{display:flex;justify-content:space-between;margin-bottom:8px}.pattern-type{font-weight:600}.pattern-freq{color:#e74c3c;font-size:13px}.pattern-cause{font-size:14px;color:#555;margin-bottom:8px}.pattern-knowledge{display:flex;flex-wrap:wrap;gap:6px}.knowledge-tag{background:#e3f2fd;color:#1565c0;padding:2px 8px;border-radius:4px;font-size:12px}.weakness-map{display:flex;flex-direction:column;gap:16px}.weakness-item{padding:12px;background:#fafafa;border-radius:8px}.weakness-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.weakness-name{font-weight:600}.weakness-level{font-size:12px}.weakness-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.weakness-fill{height:100%;background:linear-gradient(90deg,#ef5350,#ffa726);border-radius:4px;transition:width .5s}.weakness-advice{font-size:13px;color:#666;margin-top:8px}.pathway-timeline{display:flex;flex-direction:column;gap:16px}.pathway-phase{padding-left:20px;border-left:3px solid #667eea}.phase-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.phase-icon{font-size:18px}.phase-title{font-weight:600}.phase-tasks{margin:0;padding-left:20px}.phase-tasks li{margin:6px 0;display:flex;align-items:center;gap:8px}.task-link{background:#667eea;color:#fff;border:none;padding:2px 8px;border-radius:4px;font-size:12px;cursor:pointer}.exp-recommend-list{display:grid;gap:12px}.exp-recommend-card{background:#f0f7ff;border-radius:10px;padding:14px}.exp-rec-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.priority{font-size:11px;padding:2px 6px;border-radius:4px;margin-left:auto}.priority-high{background:#ffebee;color:#c62828}.priority-medium{background:#fff8e1;color:#f57f17}.exp-rec-reason{font-size:13px;color:#555;margin-bottom:8px}.exp-rec-focus{font-size:13px;margin-bottom:10px}.btn-go-exp{background:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;width:100%}.teacher-advice{background:#f5f5f5;padding:16px;border-radius:8px;font-size:14px;line-height:1.6}.insight-preview{padding:16px 0}.insight-preview>p{text-align:center;margin-bottom:16px}.preview-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-item{display:flex;gap:12px;padding:12px;background:#fff;border-radius:10px;border:1px solid #eee}.preview-item span{font-size:24px}.preview-item h5{margin:0 0 4px;font-size:14px}.preview-item p{margin:0;font-size:12px;color:#888}@media (max-width: 768px){.preview-items{grid-template-columns:1fr}.insight-header{flex-direction:column;gap:12px}}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0;-webkit-user-select:none;user-select:none}.section-header:hover{opacity:.8}.toggle-icon{color:#888;font-size:12px}.section-body{padding:12px 0}.diagnosis-text{font-size:15px;line-height:1.8;color:#333;white-space:pre-wrap}.teaching-block{margin-bottom:20px}.teaching-block h5{font-size:14px;color:#1976d2;margin:0 0 12px;padding-bottom:8px;border-bottom:1px dashed #e0e0e0}.concept-card{background:#f8f9fa;border-radius:8px;padding:14px;margin-bottom:12px;border-left:4px solid #4caf50}.concept-name{font-weight:600;font-size:15px;color:#2e7d32;margin-bottom:8px}.concept-explain{font-size:14px;line-height:1.7;color:#444;margin-bottom:8px}.concept-example,.concept-formula{font-size:13px;color:#666;margin-top:6px}.concept-formula code{background:#e3f2fd;padding:2px 6px;border-radius:4px}.mistake-correct-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:10px}.mc-wrong{color:#d32f2f;margin-bottom:8px}.mc-why{color:#f57c00;margin-bottom:8px;font-size:13px}.mc-right{color:#388e3c}.mc-wrong span,.mc-why span,.mc-right span{margin-right:6px}.tips-list{margin:0;padding-left:20px}.tips-list li{margin:8px 0;color:#555}.explore-intro{color:#666;margin-bottom:16px;font-size:14px}.explore-card{background:linear-gradient(135deg,#f5f7fa,#e8eaed);border-radius:12px;padding:16px;margin-bottom:14px;border-left:4px solid #667eea}.explore-card.difficulty-挑战{border-left-color:#e74c3c;background:linear-gradient(135deg,#fef5f5,#fdeaea)}.explore-card.difficulty-进阶{border-left-color:#f39c12;background:linear-gradient(135deg,#fffbf0,#fef6e6)}.explore-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.explore-num{font-weight:700;color:#667eea;font-size:14px}.explore-diff{font-size:12px;padding:2px 8px;border-radius:10px;background:#e8eaed}.diff-挑战{background:#ffebee;color:#c62828}.diff-进阶{background:#fff8e1;color:#f57f17}.explore-question{font-size:15px;font-weight:500;color:#333;margin-bottom:12px;line-height:1.6}.explore-hint{font-size:13px;color:#666;background:#fff;padding:10px;border-radius:6px;margin-bottom:8px}.explore-related{font-size:12px;color:#888}.teacher-advice{background:#f5f5f5;padding:16px;border-radius:8px;font-size:14px;line-height:1.7}.teacher-advice p{margin:0 0 10px}.insight-header .cache-time{font-size:12px;color:#9ca3af;margin-left:12px}.diagnosis-render p{margin:0 0 12px;line-height:1.8;color:#374151}.diagnosis-render p.highlight{background:linear-gradient(90deg,#fef3c7 0%,transparent 100%);padding:8px 12px;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;font-weight:500}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.pattern-card{background:#f9fafb;border-radius:12px;padding:16px;border-left:4px solid var(--accent, #6b7280)}.pattern-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pattern-icon{font-size:20px}.pattern-type{font-weight:600;flex:1}.pattern-freq{background:var(--accent);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.pattern-cause{color:#4b5563;font-size:14px;line-height:1.6}.pattern-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.knowledge-tag{background:#e5e7eb;padding:2px 10px;border-radius:12px;font-size:12px;color:#374151}.weakness-list{display:flex;flex-direction:column;gap:16px}.weakness-item{background:#f9fafb;border-radius:12px;padding:16px}.weakness-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.weakness-name{font-weight:600;font-size:15px}.weakness-badge{font-size:12px}.weakness-bar{height:8px;background:#e5e7eb;border-radius:4px;position:relative;overflow:hidden}.weakness-fill{height:100%;border-radius:4px;transition:width .5s ease}.weakness-score{position:absolute;right:8px;top:-20px;font-size:12px;color:#6b7280}.weakness-advice{margin-top:10px;font-size:13px;color:#6b7280}.pathway-timeline{position:relative;padding-left:40px}.pathway-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6,#8b5cf6,#22c55e)}.pathway-phase{position:relative;margin-bottom:24px}.phase-marker{position:absolute;left:-40px;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;font-size:14px}.phase-content h5{margin:0 0 10px;color:#1f2937;font-size:15px}.phase-content ul{margin:0;padding:0;list-style:none}.phase-content li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:#4b5563}.task-link{margin-left:auto;background:#eff6ff;color:#3b82f6;border:none;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer}.exp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.exp-card{background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.exp-card.priority-high{border-color:#fbbf24;background:#fffbeb}.exp-card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.exp-icon{font-size:24px}.exp-name{font-weight:600;flex:1}.priority-tag{background:#fbbf24;color:#78350f;padding:2px 8px;border-radius:10px;font-size:11px}.exp-reason{font-size:13px;color:#4b5563;margin-bottom:8px}.exp-focus{font-size:12px;color:#6b7280}.btn-start-exp{margin-top:12px;width:100%;background:#3b82f6;color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer}.teaching-content{display:flex;flex-direction:column;gap:20px}.teaching-block h5{margin:0 0 12px;font-size:14px;color:#1f2937}.concept-card{background:#f0f9ff;padding:14px;border-radius:10px;margin-bottom:10px}.concept-title{font-weight:600;margin-bottom:6px;color:#1e40af}.concept-text{font-size:14px;color:#374151;margin:0}.concept-example{font-size:13px;color:#6b7280;margin:8px 0 0}.concept-formula{display:block;margin-top:8px;background:#1e3a5f;color:#93c5fd;padding:6px 12px;border-radius:6px;font-size:14px}.mistake-correct{background:#f9fafb;border-radius:10px;padding:12px;margin-bottom:10px}.mc-row{padding:4px 0;font-size:13px}.mc-row.wrong{color:#dc2626}.mc-row.why{color:#6b7280}.mc-row.right{color:#16a34a}.tips-block ul{margin:0;padding-left:20px}.tips-block li{font-size:13px;color:#4b5563;padding:4px 0}.explore-questions{display:flex;flex-direction:column;gap:14px}.explore-item{background:#f9fafb;border-radius:12px;padding:16px;border-left:4px solid #8b5cf6}.explore-item.diff-挑战{border-color:#ef4444}.explore-item.diff-进阶{border-color:#f59e0b}.explore-head{display:flex;justify-content:space-between;margin-bottom:10px}.explore-num{font-weight:700;color:#6b7280}.explore-diff{font-size:12px;color:#9ca3af}.explore-q{font-size:15px;font-weight:500;margin:0 0 10px;color:#1f2937}.explore-hint{font-size:13px;color:#6b7280;margin:0 0 8px}.explore-related{font-size:12px;color:#9ca3af}.teacher-advice p{line-height:1.8;color:#374151}.insight-preview{background:#f0f9ff;border-radius:12px;padding:20px;text-align:center}.preview-items{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.preview-item{display:flex;align-items:center;gap:6px;background:#fff;padding:8px 14px;border-radius:20px;font-size:13px;box-shadow:0 2px 4px #0000000d}:root{--primary: #1976d2;--primary-light: #63a4ff;--primary-dark: #004ba0;--accent: #ff9800;--accent-light: #ffc947;--danger: #d32f2f;--success: #388e3c;--warning: #f57c00;--wood-dark: #8b6914;--wood-medium: #c4a35a;--wood-light: #e8d5a3;--wood-pale: #f5ecd7;--text-dark: #1a1a2e;--text-medium: #4a4a68;--text-light: #7a7a98;--bg-warm: #faf8f5;--bg-panel: rgba(255, 255, 255, .95);--border-soft: rgba(139, 105, 20, .15);--shadow-soft: 0 4px 20px rgba(139, 105, 20, .08);--shadow-medium: 0 8px 32px rgba(139, 105, 20, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Noto Sans SC,-apple-system,sans-serif;background:var(--bg-warm);color:var(--text-dark)}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-warm)}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.site-footer{padding:12px 0;background:#fff;border-top:1px solid var(--border-soft);text-align:center;font-size:12px;color:var(--text-light);flex-shrink:0}.site-footer a{color:var(--text-light);text-decoration:none;margin-top:4px;display:inline-block;transition:color .2s}.site-footer a:hover{color:var(--primary)}.navbar{height:64px;background:linear-gradient(to right,#fff 0%,var(--wood-pale) 100%);border-bottom:2px solid var(--wood-medium);display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:var(--shadow-soft);z-index:100;flex-shrink:0}.brand{display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .2s}.brand:hover{transform:scale(1.02)}.brand-logo{width:42px;height:42px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px;color:#fff;display:grid;place-items:center;font-size:22px}.brand-text h1{font-size:18px;font-weight:700;color:var(--text-dark)}.brand-text span{font-size:12px;color:var(--text-light);display:block;margin-top:2px}.nav-controls{display:flex;gap:12px;align-items:center}.nav-btn{padding:10px 20px;border:2px solid var(--wood-medium);background:#fff;border-radius:25px;color:var(--text-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s}.nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.nav-btn.premium{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);border-color:var(--accent);color:#fff}.home-scroll-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.home-container{overflow:hidden}.chat-panel{display:flex;flex-direction:column;min-height:0}.chat-window{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain}.home-container{display:flex;gap:28px;padding:28px;max-width:1600px;margin:0 auto;width:100%;height:calc(100vh - 64px);overflow:hidden}.chat-panel{flex:1;background:#fff;border-radius:20px;border:2px solid var(--border-soft);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-medium);max-height:calc(100vh - 120px)}.chat-header{padding:18px 24px;background:linear-gradient(to right,var(--wood-pale) 0%,white 100%);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:12px}.chat-header-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:10px;display:grid;place-items:center;color:#fff;font-size:18px}.chat-header h3{font-size:16px;font-weight:600;color:var(--text-dark)}.chat-header span{font-size:12px;color:var(--success);background:#388e3c1a;padding:4px 10px;border-radius:12px}.chat-window{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;background:linear-gradient(to bottom,var(--bg-warm) 0%,white 100%);min-height:0}.message{max-width:80%;padding:14px 20px;border-radius:18px;font-size:14px;line-height:1.7;animation:msgFadeIn .4s ease-out}.message.ai{background:#fff;border:1px solid var(--border-soft);border-bottom-left-radius:6px;align-self:flex-start;box-shadow:var(--shadow-soft)}.message.user{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.chat-input-area{padding:20px;background:#fff;border-top:1px solid var(--border-soft);display:flex;gap:12px}.chat-input-area input{flex:1;padding:14px 20px;border:2px solid var(--border-soft);border-radius:25px;font-size:14px;background:var(--bg-warm)}.chat-input-area input:focus{border-color:var(--primary);background:#fff;outline:none}.chat-input-area button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;cursor:pointer;display:grid;place-items:center;font-size:18px}.exp-menu{width:420px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding-right:8px;max-height:calc(100vh - 120px)}.exp-menu-title{font-size:14px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}.exp-card{background:#fff;padding:22px;border-radius:18px;border:2px solid var(--border-soft);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:18px;position:relative}.exp-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-medium);border-color:var(--card-color)}.exp-icon{width:56px;height:56px;border-radius:14px;background:var(--card-bg);color:var(--card-color);display:grid;place-items:center;font-size:28px}.exp-info h4{font-size:17px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.exp-info p{font-size:13px;color:var(--text-light);line-height:1.5}.exp-badge{position:absolute;top:12px;right:12px;font-size:11px;padding:4px 10px;border-radius:10px;font-weight:600}.exp-badge.hot{background:#d32f2f1a;color:var(--danger)}.exp-badge.must{background:#388e3c1a;color:var(--success)}.exp-badge.hard{background:#f57c001a;color:var(--warning)}.lab-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.lab-content{flex:1;display:flex;overflow:hidden}.sidebar{width:400px;background:var(--bg-panel);border-right:2px solid var(--border-soft);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar.right{border-right:none;border-left:2px solid var(--border-soft)}.stage-wrapper{flex:1;position:relative;overflow:hidden;background:linear-gradient(180deg,#e8d5a34d,#c4a35a33),var(--bg-warm)}.panel-section{padding:22px;border-bottom:1px solid var(--border-soft)}.section-title{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}.canvas-2d-wrapper{background:#fff;border-radius:12px;border:2px solid var(--border-soft);overflow:hidden}.canvas-2d{width:100%;height:220px;display:block}.formula-box{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:20px;border-radius:14px;font-family:JetBrains Mono,monospace}.formula-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.formula-main{font-size:22px;color:var(--accent);margin-bottom:14px;text-align:center;padding:10px;background:#ff98001a;border-radius:8px}.formula-calc{font-size:13px;color:#94a3b8;line-height:1.8}.formula-calc .val{color:var(--accent-light);font-weight:600}.formula-calc .result{color:#4ade80;font-weight:700;font-size:15px}.formula-divider{height:1px;background:#ffffff1a;margin:12px 0}.data-panel{background:#fff;border-radius:12px;border:1px solid var(--border-soft);overflow:hidden}.data-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-soft)}.data-row:last-child{border-bottom:none}.data-row .label{font-size:13px;color:var(--text-light)}.data-row .value{font-size:14px;font-weight:600;color:var(--text-dark);font-family:JetBrains Mono,monospace}.data-row .value.positive{color:var(--success)}.data-row .value.negative{color:var(--danger)}.control-group{margin-bottom:18px;background:#fff;padding:16px;border-radius:12px;border:1px solid var(--border-soft)}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.control-label{font-size:14px;color:var(--text-medium);font-weight:500}.control-value{font-size:15px;font-weight:700;color:var(--primary);background:#1976d214;padding:4px 12px;border-radius:8px}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--wood-pale);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);cursor:pointer}select{width:100%;padding:12px 16px;border-radius:10px;border:2px solid var(--border-soft);background:#fff;font-size:14px;cursor:pointer}select:focus{border-color:var(--primary);outline:none}.action-btn{width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s}.action-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.action-btn.success{background:linear-gradient(135deg,var(--success) 0%,#2e7d32 100%);color:#fff}.action-btn.danger{background:linear-gradient(135deg,var(--danger) 0%,#c62828 100%);color:#fff}.action-btn.warning{background:linear-gradient(135deg,var(--warning) 0%,#e65100 100%);color:#fff}.action-btn:hover{transform:translateY(-2px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.quick-btns .action-btn{padding:8px;font-size:12px}.tips-box{background:linear-gradient(135deg,#ff980014,#ffc1070d);border:1px solid rgba(255,152,0,.2);border-radius:12px;padding:16px}.tips-box p{font-size:13px;line-height:1.7;color:var(--text-medium)}.exam-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#d32f2f1a;border:1px solid rgba(211,47,47,.2);border-radius:8px;font-size:12px;color:var(--danger);font-weight:600;margin-bottom:12px}.exam-points{display:flex;flex-direction:column;gap:8px}.exam-point-item{font-size:13px;color:var(--text-medium);padding:8px 12px;background:#1976d20d;border-radius:8px}.status-indicator{position:absolute;top:20px;left:20px;background:#1e293be6;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-dot.running{background:var(--success)}.status-dot.paused{background:var(--warning)}.status-text{color:#fff;font-size:13px;font-weight:500}.exp-name{color:#ffffffb3;font-size:12px;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.3)}.stage-overlay{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#1e293bd9;padding:10px 20px;border-radius:30px;display:flex;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-btn{width:44px;height:44px;background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;border-radius:50%;transition:all .25s;display:grid;place-items:center}.overlay-btn:hover{background:#ffffff26;border-color:#fff6}.overlay-btn.active{background:var(--primary);border-color:var(--primary)}.records-section{background:#fff;border-radius:12px;padding:16px}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.records-header span{font-size:13px;color:var(--text-light)}.clear-btn{padding:4px 12px;font-size:12px;background:transparent;border:1px solid var(--border-soft);border-radius:6px;color:var(--text-light);cursor:pointer}.clear-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.record-btn{margin-bottom:12px}.record-table{width:100%;font-size:12px;border-collapse:collapse;margin-top:12px}.record-table th,.record-table td{padding:8px 6px;border:1px solid var(--border-soft);text-align:center}.record-table th{background:var(--wood-pale);font-weight:600;color:var(--text-medium)}.record-table td{font-family:JetBrains Mono,monospace}.record-table td.highlight{color:var(--success);font-weight:700}.exam-card{padding:16px;background:#fff;border-radius:12px;border:1px solid var(--border-soft)}.exam-card-header{display:flex;gap:8px;margin-bottom:12px;align-items:center}.exam-tag-red{background:#dc2626;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:700}.exam-source{color:#64748b;font-size:12px;font-weight:700}.exam-question{font-size:14px;line-height:1.6;color:#1e293b;margin-bottom:16px}.exam-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.exam-option{text-align:left;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.exam-option:hover:not(.disabled){border-color:var(--primary);background:#1976d20d}.exam-option.correct{border:2px solid #22c55e;background:#f0fdf4}.exam-option.wrong{border:2px solid #ef4444;background:#fef2f2}.exam-option.disabled{cursor:default}.option-key{font-weight:700;margin-right:8px}.analysis-box{margin-top:16px;border-top:1px dashed #cbd5e1;padding-top:16px}.analysis-title{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.vip-badge{font-size:10px;background:#f59e0b;color:#fff;padding:1px 4px;border-radius:4px}.analysis-content{font-size:13px;color:#475569;line-height:1.6}.analysis-content p{margin-bottom:6px}.analysis-blur-wrapper{position:relative}.analysis-blur{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.6;font-size:13px;line-height:1.6}.unlock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#fff0,#fff 80%)}.unlock-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 12px #f59e0b66;cursor:pointer}.unlock-btn:hover{transform:scale(1.05)}.vip-hub-container{flex:1;overflow-y:auto;padding:24px 32px;background:linear-gradient(135deg,#faf8f5,#f0e6d3)}.vip-hub-header{text-align:center;margin-bottom:32px}.vip-hub-header h1{font-size:32px;color:var(--text-dark);margin-bottom:8px}.vip-hub-header p{color:var(--text-light);font-size:16px}.back-btn{background:#fff;border:2px solid var(--border-soft);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:16px;transition:all .2s}.back-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.vip-promo-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;padding:20px 28px;margin-bottom:32px}.promo-content{display:flex;align-items:center;gap:20px}.promo-icon{font-size:40px}.promo-text h3{font-size:18px;color:#92400e;margin-bottom:4px}.promo-text p{font-size:14px;color:#a16207}.promo-text strong{font-size:24px;color:#dc2626}.promo-btn{margin-left:auto;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 28px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #f59e0b66}.promo-btn:hover{transform:translateY(-2px)}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.exam-hub-card{background:#fff;border-radius:16px;padding:24px;border:2px solid var(--border-soft);position:relative;transition:all .3s;cursor:pointer}.exam-hub-card:hover:not(.locked){transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--primary)}.exam-hub-card.locked{opacity:.7;cursor:not-allowed}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10}.lock-icon{font-size:32px}.exam-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exam-number{background:var(--primary);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.points-badge{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.exam-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.exam-difficulty{font-size:13px;color:var(--text-light);margin-bottom:8px}.stars{color:#f59e0b}.exam-desc{font-size:14px;color:var(--text-medium);line-height:1.6;margin-bottom:12px}.exam-task{background:#1976d214;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:16px}.task-label{font-weight:700;color:var(--primary)}.start-exam-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.start-exam-btn:hover{transform:translateY(-2px)}.vip-features{background:#fff;border-radius:20px;padding:32px}.vip-features h2{text-align:center;font-size:24px;margin-bottom:24px;color:var(--text-dark)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-item{text-align:center;padding:20px;background:var(--bg-warm);border-radius:12px}.feature-icon{font-size:32px;display:block;margin-bottom:12px}.feature-item h4{font-size:15px;color:var(--text-dark);margin-bottom:6px}.feature-item p{font-size:12px;color:var(--text-light)}.circuit-builder-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-warm)}.builder-header{display:flex;align-items:center;gap:20px;padding:16px 24px;background:#fff;border-bottom:2px solid var(--border-soft)}.builder-header .exam-info{display:flex;align-items:center;gap:12px}.builder-header h2{font-size:18px;color:var(--text-dark)}.question-panel{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:20px 24px;border-bottom:1px solid #bfdbfe}.question-content h3{font-size:16px;color:#1e40af;margin-bottom:10px}.question-content p{font-size:14px;color:#1e3a8a;line-height:1.6}.task-highlight{background:#fff;padding:10px 14px;border-radius:8px;margin-top:12px;font-size:14px;border-left:4px solid var(--primary)}.builder-main{flex:1;display:flex;overflow:hidden}.components-panel{width:200px;background:#fff;border-right:2px solid var(--border-soft);padding:16px;display:flex;flex-direction:column}.components-panel h3{font-size:14px;color:var(--text-dark);margin-bottom:12px}.components-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.component-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-warm);border-radius:8px;cursor:grab;border:1px solid var(--border-soft);transition:all .2s}.component-item:hover{border-color:var(--primary);background:#1976d20d}.component-item:active{cursor:grabbing}.comp-icon{font-size:20px}.comp-name{font-size:13px;color:var(--text-medium)}.tools-section{margin-top:auto}.tools-section h4{font-size:12px;color:var(--text-light);margin-bottom:10px}.tool-btn{width:100%;padding:10px;margin-bottom:8px;background:#fff;border:1px solid var(--border-soft);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.tool-btn:hover{border-color:var(--primary);background:#1976d20d}.tool-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tool-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.tool-btn.warning:hover{background:var(--warning);color:#fff;border-color:var(--warning)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.circuit-board{flex:1;position:relative;background:#fff;margin:16px;border-radius:12px;border:2px solid var(--border-soft);overflow:hidden}.circuit-board.wire-mode{cursor:crosshair;border-color:var(--primary)}.board-grid{position:absolute;top:0;left:0;pointer-events:none}.board-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-light)}.board-placeholder p{margin:4px 0;font-size:14px}.placed-component{position:absolute;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:move;transition:border-color .2s}.placed-component:hover{border-color:var(--primary)}.placed-component.selected{border-color:var(--primary);box-shadow:0 0 0 3px #1976d233}.placed-component .comp-icon{font-size:18px}.placed-component .comp-label{font-size:10px;color:var(--text-light);white-space:nowrap}.connection-point{position:absolute;width:8px;height:8px;background:#ef4444;border-radius:50%;opacity:0;transition:opacity .2s}.placed-component:hover .connection-point{opacity:1}.connection-point.left{left:-4px;top:50%;transform:translateY(-50%)}.connection-point.right{right:-4px;top:50%;transform:translateY(-50%)}.pulse-dot{animation:pulse 1s infinite}.action-panel{width:240px;background:#fff;border-left:2px solid var(--border-soft);padding:16px;display:flex;flex-direction:column}.action-panel h3{font-size:14px;color:var(--text-dark);margin-bottom:12px}.circuit-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-item{background:var(--bg-warm);padding:12px;border-radius:8px;text-align:center}.stat-item span{font-size:11px;color:var(--text-light);display:block;margin-bottom:4px}.stat-item strong{font-size:20px;color:var(--primary)}.placed-list{flex:1;overflow-y:auto}.placed-list h4{font-size:12px;color:var(--text-light);margin-bottom:8px}.placed-list ul{list-style:none;font-size:13px}.placed-list li{padding:6px 0;border-bottom:1px solid var(--border-soft)}.empty-hint{font-size:12px;color:var(--text-light)}.submit-section{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-soft)}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--success) 0%,#2e7d32 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer}.submit-btn:hover{transform:translateY(-2px)}.submit-hint{text-align:center;font-size:11px;color:var(--text-light);margin-top:8px}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--wood-pale);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--wood-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--wood-dark)}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:340px}}@media (max-width: 768px){.features-grid,.exam-grid{grid-template-columns:1fr}}.tab-switcher-wrapper{display:flex;justify-content:center;margin-bottom:24px}.tab-switcher{display:flex;background:#fff;border-radius:12px;padding:4px;border:2px solid var(--border-soft)}.tab-switcher.large{padding:6px}.tab-btn{padding:12px 24px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-medium);transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover{background:var(--bg-warm)}.tab-btn.active{background:var(--primary);color:#fff}.vip-badge-small{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.vip-hub-container.full-height{display:flex;flex-direction:column;height:calc(100vh - 64px)}.vip-hub-header.compact{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#fff;border-bottom:2px solid var(--border-soft)}.lab-wrapper{flex:1;overflow:hidden}.feature-item.highlight{background:linear-gradient(135deg,#1976d21a,#3b82f60d);border:2px solid rgba(25,118,210,.2)}.question-view-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-warm)}.question-header{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#fff;border-bottom:2px solid var(--border-soft)}.question-meta{display:flex;align-items:center;gap:12px}.question-title{font-size:18px;font-weight:600;color:var(--text-dark)}.question-points{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:700}.question-body{flex:1;display:flex;gap:24px;padding:24px;overflow:hidden}.question-main{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.question-content-card{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--border-soft)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-tag{font-size:14px;font-weight:600;color:var(--primary)}.difficulty{color:#f59e0b;font-size:14px}.question-text{font-size:15px;line-height:1.8;color:var(--text-dark);margin-bottom:16px}.question-task-box{background:linear-gradient(135deg,#1976d214,#3b82f60d);border-left:4px solid var(--primary);padding:16px;border-radius:0 12px 12px 0}.question-task-box strong{color:var(--primary);display:block;margin-bottom:8px}.question-task-box p{margin:0;font-size:14px;color:var(--text-medium)}.answer-section{display:flex;flex-direction:column;gap:16px}.answer-card,.calculation-card{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--border-soft)}.answer-card h4,.calculation-card h4{font-size:14px;color:var(--text-dark);margin:0 0 12px}.answer-card textarea,.calculation-card textarea{width:100%;padding:14px;border:2px solid var(--border-soft);border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.answer-card textarea:focus,.calculation-card textarea:focus{border-color:var(--primary);outline:none}.answer-card textarea:disabled,.calculation-card textarea:disabled{background:var(--bg-warm);cursor:not-allowed}.submit-answer-btn{padding:16px 32px;background:linear-gradient(135deg,var(--success) 0%,#2e7d32 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.submit-answer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #388e3c66}.submitted-badge{padding:16px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:12px;text-align:center;font-size:16px;font-weight:700;color:var(--success)}.analysis-section{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--border-soft)}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analysis-header h4{font-size:16px;margin:0;color:var(--text-dark)}.vip-lock{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.analysis-content{display:flex;flex-direction:column;gap:16px}.correct-answer{padding:16px;background:#22c55e1a;border-radius:10px;font-size:15px}.correct-answer strong{color:var(--success);margin-right:8px}.analysis-text{font-size:14px;line-height:1.8;color:var(--text-medium)}.analysis-text p{margin:0 0 8px}.key-points{padding:12px 16px;background:#1976d214;border-radius:8px;font-size:13px}.key-points strong{color:var(--primary);margin-right:8px}.analysis-locked{position:relative}.blur-content{filter:blur(6px);-webkit-user-select:none;user-select:none;padding:16px;font-size:14px;line-height:1.8}.unlock-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;padding:24px 32px;border-radius:16px;box-shadow:0 10px 40px #00000026}.unlock-prompt p{margin:0 0 16px;font-size:14px;color:var(--text-medium)}.unlock-prompt .unlock-btn{padding:12px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #f59e0b66}.question-sidebar{width:300px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.tool-card{background:#fff;border-radius:14px;padding:20px;border:1px solid var(--border-soft)}.tool-card h4{font-size:14px;margin:0 0 12px;color:var(--text-dark)}.lab-entry{text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f64d}.lab-entry .tool-icon{font-size:36px;margin-bottom:8px}.lab-entry p{font-size:13px;color:var(--text-medium);margin:0 0 16px}.open-lab-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.open-lab-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d266}.formula-card .formula-list{display:flex;flex-direction:column;gap:10px}.formula-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-warm);border-radius:8px}.formula-item .formula{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--primary);font-weight:600}.formula-item .desc{font-size:11px;color:var(--text-light)}.tips-card ul{margin:0;padding-left:20px}.tips-card li{font-size:13px;color:var(--text-medium);line-height:2}.vip-hub-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.hub-header{display:flex;align-items:center;gap:20px;padding:20px 30px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff}.hub-header .back-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer}.hub-title h1{margin:0;font-size:1.5rem}.hub-title p{margin:4px 0 0;opacity:.8;font-size:.9rem}.vip-promo{display:flex;align-items:center;justify-content:space-between;margin:20px 30px;padding:20px 30px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border:2px solid #f59e0b}.promo-left{display:flex;align-items:center;gap:16px}.promo-tag{padding:6px 12px;background:#f59e0b;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem}.promo-left h3{margin:0;color:#92400e}.promo-left p{margin:0;color:#78350f}.promo-left strong{font-size:1.5rem;color:#dc2626}.promo-btn{padding:12px 30px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.promo-btn:hover{transform:scale(1.05)}.sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 30px}.section-card{position:relative;display:flex;align-items:center;gap:20px;padding:30px;border-radius:20px;cursor:pointer;transition:all .3s;overflow:hidden}.section-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.section-card-icon{font-size:3rem}.section-card-content h3{margin:0 0 6px;font-size:1.3rem;color:#1f2937}.section-exam-count{margin:0;color:#64748b;font-size:.9rem}.section-lab-info{margin-top:8px}.lab-tag{display:inline-block;padding:4px 10px;background:#00000014;border-radius:12px;font-size:.8rem;color:#374151}.section-card-arrow{margin-left:auto;font-size:1.5rem;color:#9ca3af}.section-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000001a}.progress-bar{height:100%;border-radius:2px;transition:width .3s}.vip-features-section{padding:30px}.vip-features-section h2{text-align:center;margin-bottom:20px;color:#1f2937}.features-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-box{text-align:center;padding:24px 16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.feature-box span{font-size:2rem}.feature-box h4{margin:12px 0 6px;color:#1f2937}.feature-box p{margin:0;font-size:.85rem;color:#64748b}.vip-section-view{min-height:100vh;background:#f8fafc}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 30px}.section-header .back-btn{padding:8px 16px;background:#00000014;border:none;border-radius:8px;cursor:pointer}.section-title{display:flex;align-items:center;gap:12px}.section-icon{font-size:1.8rem}.section-title h2{margin:0;color:#1f2937}.open-lab-direct-btn{padding:10px 20px;background:#00000014;border:2px solid rgba(0,0,0,.15);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.open-lab-direct-btn:hover{background:#0000001f}.lab-intro-card{display:flex;align-items:center;gap:20px;margin:20px 30px;padding:20px 30px;background:#fff;border-radius:16px;border-left:5px solid;box-shadow:0 2px 8px #0000000f}.lab-intro-icon{font-size:2.5rem}.lab-intro-content h3{margin:0 0 4px;color:#1f2937}.lab-intro-content p{margin:0;color:#64748b}.lab-intro-btn{margin-left:auto;padding:10px 24px;border:none;border-radius:20px;color:#fff;font-weight:600;cursor:pointer}.section-exams{padding:20px 30px}.section-exams h3{margin:0 0 16px;color:#374151}.exam-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.exam-card-item{position:relative;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .2s}.exam-card-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.exam-card-item.locked{opacity:.7}.card-lock{position:absolute;top:16px;right:16px;font-size:1.2rem}.card-top{display:flex;justify-content:space-between;margin-bottom:10px}.card-difficulty{color:#f59e0b;font-size:.9rem}.card-points{padding:2px 8px;background:#dbeafe;border-radius:10px;color:#1d4ed8;font-size:.8rem;font-weight:600}.exam-card-item h4{margin:0 0 8px;color:#1f2937;font-size:1rem}.card-desc{margin:0 0 10px;color:#64748b;font-size:.85rem;line-height:1.5}.card-tip{margin-bottom:10px;padding:6px 10px;background:#fef3c7;border-radius:6px;color:#92400e;font-size:.8rem}.card-task{margin-bottom:12px;padding:10px;background:#f1f5f9;border-radius:8px;font-size:.85rem;color:#475569}.card-btn{width:100%;padding:10px;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.question-view{min-height:100vh;background:#f8fafc}.qv-header{display:flex;align-items:center;gap:20px;padding:16px 30px;background:#fff;border-bottom:1px solid #e5e7eb}.qv-header .back-btn{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer}.qv-title{display:flex;align-items:center;gap:12px}.qv-tag{color:#f59e0b}.qv-title h2{margin:0;font-size:1.1rem;color:#1f2937}.qv-points{padding:4px 10px;background:#dbeafe;border-radius:12px;color:#1d4ed8;font-size:.85rem;font-weight:600}.qv-body{display:flex;gap:24px;padding:24px 30px}.qv-main{flex:1;display:flex;flex-direction:column;gap:20px}.qv-question-card{padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.card-label{margin-bottom:12px;color:#64748b;font-weight:600}.question-text{margin:0 0 16px;font-size:1.05rem;line-height:1.7;color:#1f2937}.task-box{padding:16px;background:#eff6ff;border-radius:10px;border-left:4px solid #3b82f6}.task-box strong{color:#1d4ed8}.task-box p{margin:8px 0 0;color:#1e40af}.hint-box{margin-top:12px;padding:12px 16px;background:#fef3c7;border-radius:8px;font-size:.9rem}.hint-box strong{color:#92400e}.hint-box span{color:#78350f}.qv-answer-section{padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.answer-input-group{margin-bottom:16px}.answer-input-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600}.answer-input-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;resize:vertical}.answer-input-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.submitted-tag{text-align:center;padding:14px;background:#d1fae5;border-radius:10px;color:#065f46;font-weight:600}.qv-analysis{padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.analysis-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.analysis-header h4{margin:0;color:#1f2937}.vip-lock{padding:4px 10px;background:#fef3c7;border-radius:12px;color:#92400e;font-size:.8rem}.correct-answer{padding:16px;background:#d1fae5;border-radius:10px;margin-bottom:16px}.correct-answer strong{color:#065f46}.answer-text{margin-left:8px;color:#047857;font-weight:600}.analysis-steps{margin-bottom:16px}.analysis-steps ol{margin:8px 0 0 20px;color:#475569;line-height:1.8}.key-points-box{padding:12px 16px;background:#f1f5f9;border-radius:8px}.key-points-box strong{color:#374151}.key-points-box span{color:#64748b}.analysis-locked{text-align:center;padding:30px}.blur-text{margin-bottom:16px;color:#d1d5db;filter:blur(4px);-webkit-user-select:none;user-select:none}.unlock-btn{padding:12px 30px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:20px;color:#fff;font-weight:600;cursor:pointer}.qv-sidebar{width:300px;display:flex;flex-direction:column;gap:16px}.tool-card{padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.tool-card h4{margin:0 0 12px;color:#1f2937}.lab-card{text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd}.tool-icon{font-size:2.5rem;margin-bottom:8px}.lab-card p{margin:0 0 16px;color:#64748b}.open-lab-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.formula-list{display:flex;flex-direction:column;gap:10px}.formula-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f8fafc;border-radius:8px}.formula-row code{font-family:JetBrains Mono,monospace;color:#1d4ed8;font-size:.85rem}.formula-row span{color:#64748b;font-size:.8rem}.tips-card ul{margin:0;padding-left:20px;color:#64748b;line-height:1.8}.tips-card li{margin-bottom:4px}@media (max-width: 1024px){.sections-grid{grid-template-columns:1fr}.features-row{grid-template-columns:repeat(2,1fr)}.qv-body{flex-direction:column}.qv-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.qv-sidebar .tool-card{flex:1;min-width:200px}}.auth-page{padding:20px;min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:var(--bg-warm)}.auth-card{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-medium)}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{font-size:24px;color:var(--text-dark);margin-bottom:8px}.auth-header p{font-size:14px;color:var(--text-light)}.auth-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.auth-tab{flex:1;min-width:70px;padding:10px 12px;border:2px solid var(--border-soft);background:#fff;border-radius:10px;font-size:13px;cursor:pointer;transition:all .2s}.auth-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.auth-error{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--danger);font-size:13px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{font-size:14px;color:var(--text-medium);display:flex;flex-direction:column;gap:6px}.auth-form input{padding:12px 16px;border:2px solid var(--border-soft);border-radius:10px;font-size:14px}.auth-form input:focus{border-color:var(--primary);outline:none}.auth-submit{padding:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-soft)}.auth-back,.auth-logout{padding:10px 16px;border:1px solid var(--border-soft);background:#fff;border-radius:8px;font-size:13px;cursor:pointer}.auth-logout{color:var(--danger);border-color:var(--danger)}.auth-vip-panel{padding:16px 0}.auth-vip-unlogin{text-align:center;padding:32px 0}.auth-vip-unlogin p{margin-bottom:16px;color:var(--text-light)}.auth-vip-unlogin button{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.vip-status{padding:16px;background:var(--bg-warm);border-radius:12px;margin-bottom:20px}.vip-status p{margin:6px 0;font-size:14px}.vip-active{color:var(--success);font-weight:600}.vip-inactive{color:var(--text-light)}.vip-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vip-plan-card{position:relative;padding:20px 12px;background:#fff;border:2px solid var(--border-soft);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s}.vip-plan-card:hover{border-color:var(--accent);transform:translateY(-2px)}.vip-plan-card.recommend{border-color:var(--accent);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.vip-plan-card .badge{position:absolute;top:-10px;right:-10px;padding:4px 8px;background:var(--accent);color:#fff;font-size:10px;border-radius:10px}.vip-plan-card h4{font-size:14px;margin-bottom:8px}.vip-plan-card .price{font-size:24px;font-weight:700;color:var(--accent);margin:8px 0}.vip-plan-card .desc{font-size:12px;color:var(--text-light)}@media (max-width: 768px){.navbar{height:56px;padding:0 12px}.brand-logo{width:36px;height:36px;font-size:18px}.brand-text h1{font-size:14px}.brand-text span,.nav-controls.nav-desktop{display:none}.home-scroll-container{height:calc(100vh - 56px)}.home-container{flex-direction:column;padding:12px;gap:16px;min-height:auto}.chat-panel{min-height:280px;max-height:350px}.exp-menu{width:100%;max-height:none;overflow-y:visible}.exp-card{padding:14px;gap:12px}.exp-icon{width:44px;height:44px;font-size:22px;border-radius:12px}.exp-info h4{font-size:14px}.exp-info p{font-size:12px}.lab-container{height:calc(100vh - 56px)}.lab-content{flex-direction:column;position:relative}.sidebar{position:fixed;top:56px;left:0;width:85vw;max-width:320px;height:calc(100vh - 56px);z-index:200;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 20px #00000026;overflow-y:auto}.sidebar.right{left:auto;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.stage-wrapper{flex:1;height:calc(100vh - 126px)}.stage-overlay{bottom:80px;padding:8px 12px}.overlay-btn{width:40px;height:40px;font-size:16px}.status-indicator{top:12px;left:12px;padding:8px 14px;font-size:12px}.mobile-sidebar-toggle{position:fixed;bottom:16px;z-index:150;display:flex;gap:16px;left:50%;transform:translate(-50%)}.mobile-toggle-btn{width:54px;height:54px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:22px;box-shadow:0 4px 15px #1976d266;cursor:pointer;transition:all .2s}.mobile-toggle-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--warning) 100%)}.sidebar-overlay{position:fixed;right:0;bottom:0;left:0;top:56px;background:#0006;z-index:190;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.nav-mobile-toggle{display:block;width:44px;height:44px;border:none;background:transparent;font-size:22px;cursor:pointer;color:var(--text-dark)}.nav-mobile-menu{display:block;position:absolute;top:56px;left:0;right:0;background:#fff;border-top:1px solid var(--border-soft);box-shadow:0 8px 20px #0000001a;z-index:300;padding:8px 0}.nav-mobile-item{display:block;width:100%;padding:14px 20px;border:none;background:transparent;text-align:left;font-size:15px;color:var(--text-dark);cursor:pointer}.nav-mobile-item:active{background:var(--bg-warm)}.nav-mobile-item.premium{color:var(--accent);font-weight:600}.auth-page{padding:16px}.auth-card{padding:24px 20px}.auth-header h2{font-size:20px}.auth-tabs{gap:6px}.auth-tab{padding:8px 10px;font-size:12px;min-width:60px}.vip-plans{grid-template-columns:1fr;gap:10px}.vip-plan-card{padding:16px}.vip-hub-main{padding-bottom:20px}.hub-header{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.hub-title h1{font-size:1.2rem}.hub-title p{font-size:.85rem}.vip-promo{flex-direction:column;margin:16px;padding:16px;gap:16px;text-align:center}.promo-left{flex-direction:column;gap:8px}.promo-btn{width:100%}.sections-grid{grid-template-columns:1fr;padding:16px;gap:12px}.section-card{padding:20px}.section-card-icon{font-size:2rem}.section-card-content h3{font-size:1.1rem}.features-row{grid-template-columns:repeat(2,1fr);gap:12px}.feature-box{padding:16px 12px}.feature-box span{font-size:1.5rem}.feature-box h4{font-size:13px}.feature-box p{font-size:11px}.section-header{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.open-lab-direct-btn{width:100%;text-align:center}.lab-intro-card{flex-direction:column;margin:16px;padding:16px;text-align:center;gap:12px}.lab-intro-btn{width:100%;margin-left:0}.section-exams{padding:16px}.exam-cards-grid{grid-template-columns:1fr}.qv-header{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:12px}.qv-title{flex-wrap:wrap;gap:8px}.qv-title h2{font-size:1rem}.qv-body{flex-direction:column;padding:16px}.qv-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:12px}.qv-sidebar .tool-card{flex:1 1 calc(50% - 6px);min-width:140px}.qv-sidebar .lab-card{flex:1 1 100%}.qv-question-card{padding:16px}.question-text{font-size:14px}.qv-answer-section,.panel-section{padding:16px}.section-title{font-size:12px;margin-bottom:12px}.control-group{padding:12px}.formula-box{padding:14px}.formula-main{font-size:18px}.formula-calc{font-size:12px}.data-row{padding:10px 12px}.data-row .label{font-size:12px}.data-row .value{font-size:13px}}@media (max-width: 480px){.navbar{padding:0 8px}.brand-logo{width:32px;height:32px;font-size:16px}.brand-text h1{font-size:13px}.home-container{padding:10px;gap:12px}.chat-panel{min-height:240px;max-height:300px}.chat-header{padding:12px 16px}.chat-header h3{font-size:14px}.chat-window{padding:16px;gap:12px}.message{max-width:92%;padding:10px 14px;font-size:13px}.chat-input-area{padding:10px;gap:8px}.chat-input-area input{padding:10px 14px;font-size:13px}.chat-input-area button{width:40px;height:40px;font-size:16px}.exp-card{padding:12px;gap:10px}.exp-icon{width:40px;height:40px;font-size:20px}.exp-info h4{font-size:13px}.exp-info p{font-size:11px;line-height:1.4}.exp-badge{font-size:10px;padding:2px 6px;top:8px;right:8px}.sidebar{width:90vw;max-width:300px}.mobile-toggle-btn{width:50px;height:50px;font-size:20px}.auth-card{padding:20px 16px;border-radius:16px}.auth-header h2{font-size:18px}.auth-tab{padding:8px;font-size:11px}.auth-form input{padding:10px 12px;font-size:13px}.auth-submit{padding:12px;font-size:14px}.auth-footer{flex-direction:column;gap:10px}.auth-back,.auth-logout{width:100%;text-align:center}.vip-promo{margin:12px;padding:14px}.sections-grid{padding:12px}.section-card{padding:16px;gap:12px}.features-row{grid-template-columns:1fr}.qv-sidebar .tool-card{flex:1 1 100%}.formula-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (min-width: 769px){.mobile-sidebar-toggle,.sidebar-overlay,.nav-mobile-toggle,.nav-mobile-menu{display:none!important}.nav-controls.nav-desktop{display:flex}}.clear-chat-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:16px;opacity:.6;margin-left:auto}.clear-chat-btn:hover{opacity:1}.lab-container,.vip-hub-container,.question-view-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.vip-hub-main,.vip-section-view,.question-view{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.vip-section-view{height:calc(100vh - 64px);display:flex;flex-direction:column}.section-exams{flex:1;overflow-y:auto;padding-bottom:40px}.question-view{height:calc(100vh - 64px);display:flex;flex-direction:column}.qv-body{flex:1;overflow-y:auto}@media (max-width: 768px){.vip-hub-main,.vip-section-view,.question-view{height:calc(100vh - 56px)}.qv-body{flex-direction:column;padding:12px;gap:16px}.qv-main{width:100%}.qv-sidebar{width:100%;flex-direction:column}.qv-sidebar .tool-card{width:100%}.section-header{flex-wrap:wrap;padding:12px 16px}.section-title h2{font-size:1.1rem}.open-lab-direct-btn{width:100%;margin-top:8px}.lab-intro-card{flex-direction:column;text-align:center;margin:12px;padding:16px}.lab-intro-btn{width:100%;margin:0}.section-exams{padding:12px}.exam-cards-grid{grid-template-columns:1fr;gap:12px}}.think-block{margin-bottom:12px;border:1px solid #fbbf24;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.think-header{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:#92400e;-webkit-user-select:none;user-select:none;background:#fbbf2426;transition:background .2s}.think-header:hover{background:#fbbf2440}.think-toggle{font-size:10px;transition:transform .2s}.think-hint{margin-left:auto;font-size:11px;color:#b45309;opacity:.7}.think-content{padding:14px;font-size:13px;color:#78350f;line-height:1.7;border-top:1px dashed #fbbf24;max-height:400px;overflow-y:auto;background:#fff}.think-content p{margin:0 0 8px}.think-content::-webkit-scrollbar{width:6px}.think-content::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:3px}.answer-content{line-height:1.7}.answer-content p{margin:0 0 10px}.answer-content h1,.answer-content h2,.answer-content h3{margin:16px 0 8px;font-weight:600}.answer-content ul,.answer-content ol{margin:8px 0;padding-left:20px}.answer-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px}.answer-content pre{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:8px;overflow-x:auto;margin:10px 0}.answer-content pre code{background:none;padding:0}.model-tag{font-size:10px;margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.typing-indicator{display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.vip-main-tabs{display:flex;justify-content:center;gap:12px;padding:16px 30px;background:#fff;border-bottom:1px solid #e5e7eb}.vip-tab-btn{padding:12px 28px;border:2px solid #e5e7eb;background:#fff;border-radius:25px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;color:#64748b}.vip-tab-btn:hover{border-color:#d97706;color:#d97706}.vip-tab-btn.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;font-weight:600}@media (max-width: 768px){.vip-main-tabs{padding:12px 16px;gap:8px}.vip-tab-btn{padding:10px 20px;font-size:14px}}.exp-card-wrapper{position:relative}.exp-quick-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.quick-action-btn{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.quick-action-btn.vip-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.quick-action-btn.vip-btn:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:translateY(-1px)}.quick-action-btn.summary-btn{background:#fff;border-color:#d1d5db;color:#4b5563}.quick-action-btn.summary-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}@media (max-width: 768px){.exp-quick-actions{gap:6px}.quick-action-btn{padding:5px 10px;font-size:11px}}.exp-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.exp-quick-entry{display:flex;gap:8px}.quick-entry-btn{padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid}.quick-entry-btn.vip{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.quick-entry-btn.vip:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.quick-entry-btn.summary{background:#fff;border-color:#d1d5db;color:#4b5563}.quick-entry-btn.summary:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}@media (max-width: 768px){.exp-menu-header{flex-direction:column;align-items:flex-start}.exp-quick-entry{width:100%}.quick-entry-btn{flex:1;text-align:center;padding:10px 12px;font-size:12px}}.ai-generate-card{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:12px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid}.ai-icon{font-size:32px}.ai-content h3{margin:0 0 4px;font-size:16px}.ai-content p{margin:0;font-size:13px;color:#666}.ai-generate-btn{margin-left:auto;padding:10px 20px;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.ai-generate-btn:disabled{opacity:.6;cursor:wait}.ai-check-result{padding:16px;border-radius:12px;margin-top:16px}.ai-check-result.correct{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}.ai-check-result.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444}.result-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.result-icon{font-size:18px;font-weight:700}.result-score{font-size:16px;font-weight:600;color:#374151}.result-feedback{margin:8px 0;color:#1f2937;font-size:15px}.correct-answer-box{margin-top:12px;padding:12px;background:#ffffffb3;border-radius:8px}.result-analysis{margin-top:12px;padding:12px;background:#ffffff80;border-radius:8px;font-size:14px;line-height:1.6}.auth-links{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:center}.auth-links p{font-size:13px;color:var(--primary);cursor:pointer;transition:opacity .2s}.auth-links p:hover{opacity:.8;text-decoration:underline}