*{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;--tx:0px;--ty:0px;--angle:0deg;--sy:1}html,body,#root{margin:0;min-height:100%;font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}p{margin:0}img{vertical-align:middle}.f0{height:74px}
.f1{position:relative}
.f2{width:502px}
.f3{position:absolute}
.f4{height:72px}
.f5{left:1px}
.f6{top:1px}
.f7{width:500px}
.f8{display:block}
.f9{inset:0}
.f10{max-width:none}
.f11{width:100%;height:100%}
.f12{word-break:break-word}
.f13{font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:500}
.f14{line-height:normal}
.f15{left:219px}
.f16{font-style:normal}
.f17{color:#24a737}
.f18{font-size:24px}
.f19{top:20px}
.f20{white-space:nowrap}
.f21{left:0}
.f22{top:0}
.f23{overflow:clip}
.f24{width:28px;height:28px}
.f25{align-content:stretch}
.f26{display:flex}
.f27{gap:10px}
.f28{align-items:center}
.f29{padding-left:12px;padding-right:12px}
.f30{padding-top:4px;padding-bottom:4px}
.f31{flex-shrink:0}
.f32{font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:400}
.f33{color:#666}
.f34{font-size:20px}
.f35{background-color:#f5f5f5}
.f36{border-width:1px}
.f37{border-color:#d9d9d9}
.f38{border-style:solid}
.f39{background-color:white}
.f40{border-color:#b8b8b8}
.f41{height:1024px}
.f42{left:-1px}
.f43{top:-1px}
.f44{width:150px}
.f45{background-color:#d9d9d9}
.f46{left:47px}
.f47{width:64px;height:64px}
.f48{top:39px}
.f49{left:44px}
.f50{width:66px;height:66px}
.f51{top:392px}
.f52{height:40px}
.f53{left:57px}
.f54{top:405px}
.f55{width:46px}
.f56{background-color:var(--green-light,rgba(131,233,48,0.5))}
.f57{width:4px;height:4px}
.f58{left:12px}
.f59{left:24px}
.f60{left:36px}
.f61{left:48px}
.f62{top:12px}
.f63{top:24px}
.f64{top:36px}
.f65{left:6px}
.f66{width:32px;height:32px}
.f67{top:4px}
.f68{inset:-0.02% 9.53% 0 9.54%}
.f69{left:61px}
.f70{top:509px}
.f71{inset:4.77% 0}
.f72{top:303px}
.f73{inset:0 2.39%}
.f74{left:185px}
.f75{top:35px}
.f76{height:126px}
.f77{left:173px}
.f78{overflow-x:auto}
.f79{overflow-y:clip}
.f80{top:77px}
.f81{width:1192px}
.f82{height:94px}
.f83{top:15px}
.f84{width:269px}
.f85{left:21px}
.f86{width:248px}
.f87{inset:0 -19.56% 0 0}
.f88{width:42px;height:42px}
.f89{top:26px}
.f90{font-family:"Pixelify Sans","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:500}
.f91{font-weight:500}
.f92{left:13px}
.f93{font-size:32px}
.f94{color:white}
.f95{top:2px}
.f96{flex-direction:column}
.f97{gap:4px}
.f98{align-items:flex-start}
.f99{width:191px}
.f100{font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:600}
.f101{width:100%}
.f102{left:362px}
.f103{height:92px}
.f104{width:247px}
.f105{width:297.5px}
.f106{height:42px}
.f107{left:-21px}
.f108{width:44px}
.f109{font-family:"Pixelify Sans","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:400}
.f110{font-weight:400}
.f111{left:-9px}
.f112{top:28px}
.f113{left:398px}
.f114{top:30px}
.f115{left:679px}
.f116{height:0}
.f117{left:248px}
.f118{top:48px}
.f119{width:50.5px}
.f120{inset:-2px 0}
.f121{left:715px}
.f122{left:996px}
.f123{width:256px}
.f124{width:258px}
.f125{left:256px}
.f126{left:1032px}
.f127{width:229px}
.f128{min-width:100%}
.f129{width:min-content}
.f130{left:1638px}
.f131{left:1674px}
.f132{left:1319px}
.f133{left:1355px}
.f134{height:105px}
.f135{left:197px}
.f136{top:218px}
.f137{width:1124px}
.f138{left:225px}
.f139{top:238px}
.f140{top:271px}
.f141{height:108px}
.f142{left:196px}
.f143{top:217px}
.f144{width:1126px}
.f145{height:630px}
.f146{left:193px}
.f147{top:347px}
.f148{color:#111}
.f149{top:375px}
.f150{left:229px}
.f151{top:429px}
.f152{width:120px}
.f153{inset:-4px 0}
.f154{left:361px}
.f155{left:493px}
.f156{left:625px}
.f157{left:757px}
.f158{left:889px}
.f159{left:1021px}
.f160{left:1153px}
.f161{height:632px}
.f162{top:346px}
.f163{width:1128px}
.f164{left:230px}
.f165{top:861px}
.f166{left:771px}
.f167{width:270px}
.f168{height:64px}
.f169{width:180px}
.f170{justify-content:center}
.f171{left:25px}
.f172{padding-left:60px;padding-right:60px}
.f173{padding-top:16px;padding-bottom:16px}
.f174{border-radius:4px}
.f175{top:391px}
.f176{width:220px}
.f177{gap:17px}
.f178{left:26px}
.f179{top:493px}
.f180{height:61px}
.f181{left:1147px}
.f182{top:373px}
.f183{width:160px}
.f184{height:59px}
.f185{left:5px}
.f186{width:155px}
.f187{height:56px}
.f188{width:156px}
.f189{height:58px}
.f190{width:158px}
.f191{left:31px}
.f192{color:#4f3105}
.f193{top:9px}
.f194{height:306px}
.f195{left:303px}
.f196{top:69px}
.f197{width:1018px}
.f198{height:304px}
.f199{left:2px}
.f200{width:1016px}
.f201{left:40px}
.f202{top:19px}
.f203{top:72px}
.f204{left:460px}
.f205{top:75px}
.f206{width:118px}
.f207{width:117px}
.f208{left:15px}
.f209{top:6px}
.f210{width:24px;height:24px}
.f211{inset:0 14.28%}
.f212{top:190px}
.f213{top:225px}
.f214{top:714px}
.f215{top:410px}
.f216{top:202px}
.f217{top:237px}
.f218{white-space:pre}
.f219{height:50px}
.f220{left:484px}
.f221{width:926px}
.f222{height:48px}
.f223{width:835px}
.f224{left:14px}
.f225{top:11px}
.f226{width:838px}
.f227{height:68px}
.f228{top:287px}
.f229{height:66px}
.f230{width:218.5px}
.f231{left:16px}
.f232{top:13px}
.f233{width:184px}
.f234{left:60px}
.f235{left:72px}
.f236{left:84px}
.f237{left:96px}
.f238{left:108px}
.f239{left:120px}
.f240{left:132px}
.f241{left:144px}
.f242{left:156px}
.f243{left:168px}
.f244{left:180px}
.f245{height:43px}
.f246{width:154px}
.f247{gap:16px}
.f248{top:5px}
.f249{left:135px}
.f250{width:19px}
.f251{height:32px}
.f252{width:16px}
.f253{left:8px}
.f254{width:1px;height:1px}
.f255{top:7px}
.f256{top:8px}
.f257{top:10px}
.f258{top:14px}
.f259{top:16px}
.f260{top:17px}
.f261{top:18px}
.f262{top:21px}
.f263{top:22px}
.f264{top:23px}
.f265{top:25px}
.f266{top:27px}
.f267{top:29px}
.f268{left:9px}
.f269{left:10px}
.f270{left:11px}
.f271{top:3px}
.f272{left:3px}
.f273{width:16px;height:16px}
.f274{left:4px}
.f275{left:7px}
.f276{width:986px}
.f277{width:984px}
.f278{left:28px}
.f279{top:865px}
.f280{width:1048px}
.f281{left:701px}
.f282{top:884px}
.f283{left:239px}
.f284{font-size:36px}
.f285{top:439px}
.f286{top:525px}
.f287{top:611px}
.f288{top:697px}
.f289{top:783px}
.f290{left:287px}
.f291{top:428px}
.f292{left:286px}
.f293{top:514px}
.f294{left:285px}
.f295{top:600px}
.f296{left:284px}
.f297{top:686px}
.f298{left:283px}
.f299{top:772px}
.f300{left:224px}
.f301{top:864px}
.f302{width:1050px}
.f303{width:1169px}
.f304{left:-747px}
.f305{left:-409px}
.f306{left:-373px}
.f307{left:867px}
.f308{left:903px}
.f309{left:542px}
.f310{left:204px}
.f311{left:-113px}
.f312{top:425px}
.f313{width:520px}
.f314{left:765px}
.f315{top:457px}
.f316{inset:2.37% 2.39%}
.f317{top:507px}
.f318{width:385px}
.f319{height:350px}
.f320{top:591px}
.f321{width:400px}
.f322{left:246px}
.f323{color:rgba(36,167,55,0.8)}
.f324{top:601px}
.f325{left:250px}
.f326{top:655px}
.f327{gap:8px}
.f328{top:709px}
.f329{width:340px}
.f330{top:817px}
.f331{width:347px}
.f332{height:352px}
.f333{top:590px}
.f334{width:402px}
.f335{left:653px}
.f336{top:878px}
.f337{width:632px}
.f338{color:rgba(102,102,102,0.8)}
.f339{top:895px}
.f340{left:1126px}
.f341{top:533px}
.f342{width:312px}
.f343{left:1146px}
.f344{top:471px}
.f345{left:673px}
.f346{top:547px}
.f347{left:652px}
.f348{top:877px}
.f349{width:634px}
.f350{left:1125px}
.f351{top:456px}
.f352{width:162px}
.f353{top:532px}
.f354{width:314px}
.f355{left:1229px}
.f356{width:44px;height:44px}
.f357{top:888px}
.f358{inset:9.53%}
.f359{inset:2.37%}
.f360{width:829px}
.f361{height:378px}
.f362{left:207px}
.f363{top:550px}
.f364{width:1098px}
.f365{left:18px}
.f366{height:266px}
.f367{right:0}
.f368{top:66px}
.f369{top:182px}
.f370{left:444px}
.f371{color:var(--blue-primary,#009bd9)}
.f372{left:870px}
.f373{color:var(--purple-primary,#7328d4)}
.f374{top:948px}
.f375{width:180.5px}
.f376{left:-381px}
.f377{left:521px}
.f378{left:859px}
.f379{top:348px}
.f380{width:554px}
.f381{height:71px}
.f382{left:205px}
.f383{top:356px}
.f384{width:538px}
.f385{top:371px}
.f386{width:556px}
.f387{left:568px}
.f388{top:444px}
.f389{left:588px}
.f390{top:458px}
.f391{left:567px}
.f392{top:443px}
.f393{height:96px}
.f394{left:221px}
.f395{top:521px}
.f396{width:508px}
.f397{line-height:32px}
.f398{left:244px}
.f399{top:537px}
.f400{width:461px}
.f401{top:889px}
.f402{top:905px}
.f403{left:690px}
.f404{inset:2.37% 4.77% 2.38% 4.77%}
.f405{left:220px}
.f406{width:510px}
.f407{height:98px}
.f408{top:520px}
.f409{left:767px}
.f410{left:775px}
.f411{left:795px}
.f412{left:766px}
.f413{left:1138px}
.f414{left:1158px}
.f415{left:1137px}
.f416{left:791px}
.f417{left:814px}
.f418{left:1260px}
.f419{inset:0 4.77%}
.f420{left:790px}
.f421{left:1192px}
.f422{top:372px}
.f423{height:44px}
.f424{top:831px}
.f425{width:161px}
.f426{font-size:16px}
.f427{top:841px}
.f428{cursor:pointer}
.f429{left:963px}
.f430{left:987px}
.f431{height:46px}
.f432{left:789px}
.f433{width:164px}
.f434{left:962px}
.f435{left:42px}
.f436{top:33px}
.f437{height:88px}
.f438{left:30px}
.f439{top:86px}
.f440{width:940px}
.f441{display:contents}
.f442{height:90px}
.f443{width:942px}
.f444{left:898px}
.f445{top:112px}
.f446{left:54px}
.f447{top:100px}
.f448{top:132px}
.f449{left:41px}
.f450{color:black}
.f451{top:89px}
.f452{width:542px}
.f453{top:88px}
.f454{width:544px}
.f455{top:103px}
.f456{width:300px}
.f457{overflow:hidden}
.f458{text-overflow:ellipsis}
.f459{text-align:left}
.f460{width:267px}
.f461{height:136px}
.f462{width:360px}
.f463{left:22px}
.f464{top:64px}
.f465{width:316px}
.f466{inset:-0.5px 0}
.f467{gap:11px}
.f468{top:80px}
.f469{height:38px}
.f470{width:226px}
.f471{inset:-5.26% -0.88%}
.f472{justify-content:space-between}
.f473{width:313px}
.f474{inset:2.37% 4.77%}
.f475{height:944px}
.f476{left:179px}
.f477{top:76px}
.f478{width:1186px}
.f479{left:-6px}
.f480{height:704px}
.f481{top:267px}
.f482{width:768px}
.f483{height:702px}
.f484{width:766px}
.f485{top:32px}
.f486{left:17px}
.f487{top:141px}
.f488{left:29px}
.f489{top:54px}
.f490{height:722px}
.f491{left:806px}
.f492{width:338px}
.f493{height:719px}
.f494{width:336px}
.f495{top:82px}
.f496{width:20px;height:20px}
.f497{left:127px}
.f498{left:223px}
.f499{top:126px}
.f500{left:19px}
.f501{top:206px}
.f502{top:286px}
.f503{left:1164px}
.f504{top:268px}
.f505{width:442px}
.f506{height:382px}
.f507{height:380px}
.f508{left:1.18px}
.f509{top:0.82px}
.f510{width:440px}
.f511{left:28.18px}
.f512{top:78px}
.f513{left:18.75px}
.f514{top:90.82px}
.f515{left:14.01px}
.f516{top:186.82px}
.f517{top:282.82px}
.f518{height:340px}
.f519{left:96.38px}
.f520{top:20.82px}
.f521{width:0}
.f522{flex:none}
.f523{--angle:90deg}
.f524{left:213.38px}
.f525{left:329.38px}
.f526{height:64.857px}
.f527{left:23.72px}
.f528{top:26.18px}
.f529{width:72.794px}
.f530{inset:-0.58% -0.46%}
.f531{left:130.94px}
.f532{top:37.61px}
.f533{left:247.81px}
.f534{left:355.54px}
.f535{top:121.93px}
.f536{top:217.71px}
.f537{top:305.38px}
.f538{left:52.18px}
.f539{left:24.69px}
.f540{top:60.5px}
.f541{height:35.612px}
.f542{width:35.626px}
.f543{inset:-5.26% -1.69%}
.f544{width:58px}
.f545{inset:-5.26% -3.45%}
.f546{height:186px}
.f547{height:36px}
.f548{width:224px}
.f549{height:12px}
.f550{left:198px}
.f551{--sy:-1}
.f552{bottom:25%}
.f553{left:9.92%}
.f554{right:9.92%}
.f555{top:2.66%}
.f556{left:23px}
.f557{top:134px}
.f558{left:187px}
.f559{left:114px}
.f560{top:129px}
.f561{top:-128px}
.f562{height:772px}
.f563{top:138px}
.f564{height:771px}
.f565{height:774px}
.f566{left:176px}
.f567{width:416px}
.f568{inset:-1.56% -0.24%}
.f569{left:117px}
.f570{top:351px}
.f571{left:524px}
.f572{width:136px}
.f573{left:162px}
.f574{top:407px}
.f575{left:574.19px}
.f576{gap:12px}
.f577{width:301px}
.f578{top:139px}
.f579{left:85px}
.f580{top:406px}
.f581{width:190px}
.f582{height:33px}
.f583{inset:-1.52% -0.26%}
.f584{left:76px}
.f585{line-height:0}
.f586{height:678px}
.f587{width:729px}
.f588{left:174px}
.f589{left:-23px}
.f590{top:333.19px}
.f591{height:15.08px}
.f592{left:157.5px}
.f593{top:317.56px}
.f594{inset:0 -1px}
.f595{left:157px}
.f596{top:208px}
.f597{left:98px}
.f598{top:273px}
.f599{left:505px}
.f600{left:555.19px}
.f601{top:329px}
.f602{width:198px}
.f603{inset:-7.38% -1.39% -8.4% -1.64%}
.f604{width:240px}
.f605{left:22.47px}
.f606{top:18.81px}
.f607{width:196px}
.f608{inset:7.14% 0}
.f609{left:19.33px}
.f610{left:37.5px}
.f611{top:334.24px}
.f612{left:-445px}
.f613{left:343px}
.f614{height:182.196px}
.f615{width:550px}
.f616{left:502px}
.f617{width:48px;height:48px}
.f618{--angle:180deg}
.f619{top:104px}
.f620{width:480px}
.f621{top:118px}
.f622{top:8.42px}
.f623{left:201px}
.f624{--tx:-50%}
.f625{left:78px}
.f626{text-align:center}
.f627{left:377px}
.f628{width:48px}
.f629{--angle:-90deg}
.f630{bottom:0}
.f631{top:50%}
.f632{left:32px}
.f633{width:15px}
.f634{background-color:#c1f498}
.f635{font-family:"Inter","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:500}
.f636{width:33.941px;height:33.941px}
.f637{--angle:45deg}
.f638{background-color:rgba(200,250,160,0.6)}
.f639{height:184px}
.f640{width:552px}
.f641{left:45px}
.f642{top:269px}
.f643{top:315px}
.f644{left:591px}
.f645{top:836px}
.f646{left:376px}
.f647{top:316px}
.f648{width:880px}
.f649{height:634px}
.f650{left:20px}
.f651{border-radius:14px}
.f652{background-color:rgba(0,0,0,0)}
.f653{height:857px}
.f654{left:0.7px}
.f655{top:0.6px}
.f656{background-color:var(--green-bg,rgba(200,250,160,0.6))}
.f657{border-color:var(--green-primary,#24a737)}
.f658{border-bottom-width:0.667px}
.f659{border-right-width:0.667px}
.f660{padding-left:16px;padding-right:16px}
.f661{padding-top:26px;padding-bottom:26px}
.f662{width:64px}
.f663{height:28px}
.f664{line-height:28px}
.f665{color:var(--text/primary-strong,#171f35)}
.f666{width:80px}
.f667{width:88px}
.f668{width:216px}
.f669{height:777px}
.f670{top:80.4px}
.f671{left:0.3px}
.f672{border-color:var(--green-middle,#5bcc00)}
.f673{height:77px}
.f674{width:112px}
.f675{padding:12px}
.f676{height:52px}
.f677{height:83px}
.f678{left:12.33px}
.f679{width:214px}
.f680{padding:10px}
.f681{background-color:var(--surface/default,white)}
.f682{border-width:0.667px}
.f683{left:359.3px}
.f684{border-radius:var(--radius/md,8px)}
.f685{--ty:-50%}
.f686{left:79.93px}
.f687{top:21.33px}
.f688{width:128px}
.f689{width:882px}
.f690{height:600px}
.f691{left:917px}
.f692{height:602px}
.f693{left:916px}
.f694{width:228px}
.f695{left:942px}
.f696{top:342px}
.f697{left:1049px}
.f698{width:76px}
.f699{left:1067px}
.f700{font-size:14px}
.f701{color:var(--action/success,#15a148)}
.f702{left:939px}
.f703{width:40px;height:40px}
.f704{top:411px}
.f705{left:954px}
.f706{top:415px}
.f707{align-items:flex-end}
.f708{left:991px}
.f709{color:var(--text-middle,#666)}
.f710{width:56px}
.f711{margin-bottom:-12px}
.f712{font-family:"Inter","Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:400}
.f713{height:37px}
.f714{left:1101px}
.f715{top:419px}
.f716{left:918px}
.f717{top:397px}
.f718{left:930px}
.f719{top:854px}
.f720{width:200px}
.f721{left:990px}
.f722{top:862px}
.f723{height:34px}
.f724{right:60px}
.f725{pointer-events:none}
.f726{border-radius:inherit}
.f727{box-shadow:inset -4px -4px 0px 0px rgba(35,167,55,0.4)}
.f728{height:365px}
.f729{top:408px}
.f730{left:844px}
.f731{top:304px}
.f732{color:var(--brown-text,#4f3105)}
.f733{top:121px}
.f734{--tx:-100%}
.f735{left:973px}
.f736{text-align:right}
.f737{top:234px}
.f738{left:868px}
.f739{width:90px}
.f740{width:100px}
.f741{left:240px}
.f742{left:440px}
.f743{top:67px}
.f744{top:404px}
.f745{top:402px}
.f746{top:120px}
.f747{left:461px}
.f748{top:158px}
.f749{top:193px}
.f750{left:308px}
.f751{left:828px}
.f752{top:165px}
.f753{left:296px}
.f754{left:816px}
.f755{top:461px}
.f756{left:292px}
.f757{height:99px}
.f758{left:302px}
.f759{width:1019px}
.f760{top:57px}
.f761{left:301px}
.f762{height:100px}
.f763{top:40px}
.f764{width:1020px}
.f765{left:519px}
.f766{top:70px}
.f767{left:801px}
.f523{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f551{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f618{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f624{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f629{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f637{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f685{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}.f734{transform:translate(var(--tx),var(--ty)) rotate(var(--angle)) scaleY(var(--sy))}@font-face{font-family:'Noto Sans SC';src:url('./assets/fonts/NotoSansSC-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}
body{background:#f5f5f5;color:#111}
[hidden]{display:none!important}
/* Match Figma's premultiplied rounding for this translucent design fill. */
.design-stage{--green-bg:rgba(199,249,159,.6)}
button,input,select,textarea{font:inherit;color:inherit;margin:0;padding:0}button{background:transparent;text-align:inherit}
.viewport{position:relative;overflow:hidden}
.design-stage{position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden;isolation:isolate}
.design-stage>div[data-node-id]{width:100%;height:100%}
.text-vector{display:block;position:absolute;left:0;top:0;pointer-events:none;max-width:none}
.text-vector-label{color:transparent;user-select:text;white-space:inherit}
.outline-text{position:relative;isolation:isolate}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[role=button],[role=link]{cursor:pointer}
img,[data-name^="Pixel Rectangle"]{pointer-events:none}
[role=button],[role=link],input{pointer-events:auto}
[role=button]:focus-visible,[role=link]:focus-visible{outline:3px solid #009bd9;outline-offset:3px}
.screen-controls{display:flex;gap:12px;align-items:center;padding:16px 24px;background:white;border-top:1px solid #ddd;min-height:70px;font:14px 'Noto Sans SC',sans-serif}
.screen-controls select,.screen-controls button{border:1px solid #b8b8b8;border-radius:4px;padding:8px;background:white;color:#333;font:inherit}
.screen-controls a{color:#24a737}
.live-input{position:absolute;background:transparent;border:0;outline:0;color:#333;font:24px/32px 'PingFang SC','Noto Sans SC',sans-serif;padding:0}
.live-input::placeholder{color:transparent}
.live-input:focus{background:#fff}
.live-input:focus::placeholder{color:#888}
.live-chat{position:absolute;overflow:auto;display:flex;flex-direction:column;gap:12px;background:white;padding:12px;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:2}
.bubble{padding:12px 22px;min-height:58px;--pixel-fill:#e0fac9;align-self:flex-start;max-width:85%;flex-shrink:0;overflow-wrap:anywhere;white-space:pre-wrap;font:20px/1.6 'Noto Sans SC',sans-serif}
.bubble.user{align-self:flex-end;--pixel-fill:#24a737;--pixel-border:url('./assets/28-1384/02997.svg');color:white}
.live-chat[data-session=custom] .bubble{--pixel-fill:#d1f9fa;--pixel-border:url('./assets/28-1384/a1f18.svg')}
.live-chat[data-session=custom] .bubble.user{--pixel-fill:#009bd9;--pixel-border:url('./assets/28-1384/f85d4.svg')}
.dialog-shade{position:absolute;inset:0;background:#0005;display:flex;align-items:center;justify-content:center;z-index:100}
.dialog-view{position:relative;box-shadow:0 12px 80px #0004;background:white}
.dialog-close{position:absolute;top:12px;right:16px;width:36px;height:36px;background:white;border:1px solid #24a737;color:#24a737;z-index:101;font-size:24px;cursor:pointer}
.toast{position:absolute;left:50%;bottom:12px;translate:-50% 0;z-index:90;width:max-content;max-width:calc(100% - 64px);height:auto;background:#173d19;color:white;padding:12px 24px;font:18px/1.6 'Noto Sans SC',sans-serif;box-shadow:0 4px 20px #0003;overflow-wrap:anywhere;pointer-events:none}
.choice-selected{filter:brightness(.95);outline:3px solid #24a737}
.drag-card{cursor:grab}.drag-card:active{cursor:grabbing}
.answer-progress{position:absolute;right:80px;bottom:30px;color:#24a737;font:18px 'Noto Sans SC',sans-serif}
.editor-select{position:absolute;background:white;border:1px solid #5bcc00;color:#24a737;font:18px 'Noto Sans SC',sans-serif;min-height:32px}
.editor-area{position:absolute;resize:none;outline:none;background:transparent;color:#171f35;font:16px/1.6 'Noto Sans SC',sans-serif;border:0}
.rules-dialog,.greeting-dialog{padding:28px 42px;height:100%;font:20px/1.6 'Noto Sans SC',sans-serif}
.rules-dialog h2,.greeting-dialog h2{font-size:24px;font-weight:500;margin:0 0 20px}
.rules-list{height:420px;overflow:auto;padding:2px}
.rule-row{padding:14px 62px 14px 24px;--pixel-fill:#e0fac9;--pixel-border:url('./assets/29-2022/ee135.svg');margin-bottom:14px;overflow-wrap:anywhere}
.rule-row button{position:absolute;right:18px;top:24px;width:36px;height:36px;cursor:pointer}
.rule-row button img{width:32px;height:32px}
.dialog-action{padding:8px 18px;border:0;cursor:pointer}
.greeting-dialog h2{margin-bottom:16px}
.greeting-dialog label{display:block;margin:10px 0;line-height:28px}
.pixel-input{display:block;margin-top:4px;--pixel-fill:white;--pixel-border:url('./assets/31-2057/dce1d.svg')}
.greeting-dialog textarea{display:block;width:100%;height:66px;padding:10px 16px;border:0;background:transparent;font:20px/1.6 'Noto Sans SC',sans-serif;resize:none}
.greeting-dialog p{font-size:14px;line-height:22px;color:#666;margin:10px 0}
.pixel-input:focus-within{outline:3px solid #009bd9;outline-offset:2px}
.question-activity{position:absolute;left:230px;top:464px;width:1043px;height:363px;font:20px/1.5 'Noto Sans SC',sans-serif}
.question-position{font-size:18px;color:#24a737}
.legacy-progress{margin-left:18px;font-size:14px;color:#666}
.question-activity h2{font-size:26px;margin:10px 0 20px}
.question-description{font-size:24px;margin:10px 0;max-width:100%}
.question-feedback{font-size:20px;color:#157c35;margin-top:18px;overflow-wrap:anywhere}
.question-image-layout{display:flex;gap:28px;align-items:flex-start}
.question-picture{display:block;width:320px;height:200px;flex-shrink:0;border:1px solid #b8b8b8}
.question-image-layout .question-description{font-size:22px}
.activity-nav{position:absolute;bottom:0;display:flex;gap:16px}
.activity-nav button{padding:7px 20px;border:0;cursor:pointer;font-size:18px}
.activity-nav button:disabled{opacity:.45;cursor:default}
.quiz-segments{position:absolute;left:230px;top:426px;width:1044px;height:8px;display:flex;gap:12px;pointer-events:none}
.quiz-segments span{flex:1;background:#d9d9d9}
.quiz-segments span.answered{background:#24a737}
.quiz-segments span.current{background:#5bcc00}
.sort-move{position:absolute;top:11px;width:44px;height:44px;border:0;font-size:24px;text-align:center;cursor:pointer}
.sort-move:disabled{opacity:.4;cursor:default}
.sort-instructions{position:absolute;left:902px;top:373px;width:370px;font:14px/1.4 'Noto Sans SC',sans-serif;color:#666}
.sort-feedback{position:absolute;left:286px;top:840px;width:988px;font:14px/1.5 'Noto Sans SC',sans-serif;color:#157c35}
.pack-checkbox{position:absolute;left:8px;top:5px;width:24px;height:24px;accent-color:#24a737;cursor:pointer;z-index:3}
[data-pack-id]{cursor:pointer}
[data-pack-id]:focus-within{outline:2px solid #009bd9;outline-offset:3px}
[aria-disabled=true]{opacity:.45;cursor:default}
.training-selected-list{position:absolute;left:1114px;top:480px;width:192px;font:16px/1.5 'Noto Sans SC',sans-serif}
.training-run-label{font-size:14px;color:#666;margin-bottom:16px}
.report-pack{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 6px;border-bottom:1px solid #c1f498}
.training-selected-list>p{margin:16px 0}
.tree-workspace{position:absolute;left:198px;top:344px;width:1126px;height:642px;padding:2px;--pixel-fill:white;--pixel-border:url('./assets/28-1384/97807.svg');font:18px/1.5 'Noto Sans SC',sans-serif;display:flex;flex-direction:column}
.tree-tabs{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid #c1f498;flex-shrink:0}
.tree-workspace button{cursor:pointer;border:0;--pixel-fill:#e0fac9;--pixel-border:url('./assets/28-1384/4ce60.svg');padding:8px 18px;min-height:44px;text-align:center}
.tree-tabs [aria-selected=true],.tree-workspace .tree-primary{--pixel-fill:#24a737;--pixel-border:url('./assets/28-1384/02997.svg');color:white}
.tree-workspace button:focus-visible,.tree-workspace input:focus-visible,.tree-workspace select:focus-visible,.tree-workspace textarea:focus-visible,.tree-content:focus-visible{outline:3px solid #009bd9;outline-offset:2px}
.tree-content{min-height:0;overflow-y:auto;padding:18px 24px;overscroll-behavior:contain;scrollbar-gutter:stable}
.tree-content::-webkit-scrollbar{width:12px}.tree-content::-webkit-scrollbar-track{background:#f6ffeb}.tree-content::-webkit-scrollbar-thumb{background:#a4dd87;border:3px solid #f6ffeb}
.tree-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:20px}
.tree-heading h2{font-size:24px;margin:0}.tree-heading span,.tree-help{color:#666;font-size:16px}
.tree-node{--pixel-fill:#e0fac9;--pixel-border:url('./assets/28-1384/4ce60.svg');margin-top:14px;padding:15px 19px}
.tree-node-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.tree-fields{display:grid;grid-template-columns:250px 1fr 240px;gap:20px;align-items:end}
.tree-workspace label{display:flex;flex-direction:column;gap:5px}
.tree-workspace input,.tree-workspace select,.tree-workspace textarea{background:white;border:8px solid transparent;border-image:url('./assets/31-2057/dce1d.svg') 8 stretch;min-height:44px;padding:0 6px;width:100%;font:18px/1.5 'Noto Sans SC',sans-serif}
.tree-leaf{display:flex;gap:24px;align-items:end}.tree-leaf label{width:260px}
.tree-actions{display:flex;justify-content:space-between;gap:16px;margin-top:20px}
.tree-legends{display:flex;gap:24px;margin:14px 0}.tree-subject::before{content:'';display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:8px;background:#ff9393}.tree-subject.数学::before{background:#00cbd3}.tree-subject.英语::before{background:#b180ff}
.tree-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tree-samples article{padding:16px;border:1px solid #c1f498;background:#f6ffeb;overflow-wrap:anywhere}.tree-samples p{font-size:16px;margin:12px 0}.tree-samples small{color:#666;font-size:14px}
.tree-try{margin-top:18px}.tree-try textarea{height:80px;resize:vertical}
.tree-accuracy{display:flex;align-items:center;gap:24px;margin-bottom:14px}.tree-accuracy strong{font-size:36px;color:#24a737}.tree-accuracy span{color:#666}
.tree-matrix{width:100%;border-collapse:collapse;margin-top:20px;text-align:center}.tree-matrix caption{text-align:left;font-size:16px;margin-bottom:10px}.tree-matrix th,.tree-matrix td{border:1px solid #5bcc00;padding:14px}.tree-matrix th{background:#e0fac9}
.course-steps{position:absolute;left:198px;top:77px;width:1168px;height:126px;display:flex;gap:70px;padding:15px 42px 16px 22px;scroll-padding-inline:22px 42px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;font-family:'Noto Sans SC',sans-serif}
.course-steps>button{position:relative;flex:0 0 248px;width:248px;height:94px;text-align:left;cursor:pointer;color:#666;background:transparent;isolation:isolate}
.course-step-fill{position:absolute;inset:1px;background:white;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);z-index:-1}
.course-step-outline{position:absolute;inset:0;width:248px;height:94px;pointer-events:none;z-index:-1}
.course-step-connector{position:absolute;left:248px;top:46px;width:70px;height:2px;background:#5bcc00;pointer-events:none}
.course-step-badge{position:absolute;left:-21px;top:26px;width:44px;height:42px;color:#157c35;isolation:isolate}
.course-step-badge::before{content:'';position:absolute;inset:0;z-index:-1;background:#c1f498;mask:url('./assets/28-1384/02e1a.svg') center/44px 42px no-repeat}
.course-step-symbol{display:block;position:absolute;inset:0;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:auto 38px}
.course-step-complete{position:absolute;inset:0;width:42px;height:42px}
.course-step-title{position:absolute;left:36px;top:15px;width:204px;height:34px;background:currentColor;mask-position:left top;mask-repeat:no-repeat;mask-size:auto 34px;font-size:24px}
.course-step-status{position:absolute;left:36px;top:53px;width:204px;font-size:20px;line-height:28px;white-space:nowrap}
.course-steps>[data-state=current]{color:white}.course-steps>[data-state=current] .course-step-fill{background:#24a737}.course-steps>[data-state=current] .course-step-badge,.course-steps>[data-state=complete] .course-step-badge{color:white}.course-steps>[data-state=current] .course-step-badge::before,.course-steps>[data-state=complete] .course-step-badge::before{background:#24a737}
.course-steps>[data-state=complete]{color:#157c35}.course-steps>[data-state=complete] .course-step-fill{background:#e0fac9}
.course-steps>button:focus-visible{outline:3px solid #009bd9;outline-offset:3px}
/* Reuse Figma borders with fixed-size corners while keeping live content and native controls. */
:is(.pixel-surface,.tree-workspace button,.sort-move,.activity-nav button,.dialog-action){isolation:isolate;background:transparent}
.pixel-surface:not(.tree-workspace),.tree-workspace button,.activity-nav button,.dialog-action{position:relative}
:is(.pixel-surface,.tree-workspace button,.sort-move,.activity-nav button,.dialog-action)::before{content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;background:var(--pixel-fill,#e0fac9);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
:is(.pixel-surface,.tree-workspace button,.sort-move,.activity-nav button,.dialog-action)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:var(--pixel-border,url('./assets/28-1384/4ce60.svg')) 10 stretch}
.tree-workspace,.sort-move{position:absolute}
@media print{.screen-controls{display:none}}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/webfont-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/webfont-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Pixelify Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/webfont-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Pixelify Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/webfont-3.ttf) format('truetype');
}